@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{color-scheme:light;--page-bg:#f5f7fb;--text:#172033;--muted:#778198;--border:#e7ebf2;--blue:#4361ee;--sidebar:#111827}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text)}body{background:var(--page-bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}body>div.flex.h-screen.bg-gray-100{display:flex;min-height:100vh;height:auto;background:var(--page-bg)}aside.w-64.bg-white.border-r{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;flex:0 0 250px;width:250px;height:100vh;min-height:600px;background:var(--sidebar);color:#fff;border:0;box-shadow:5px 0 24px rgba(17,24,39,.04)}aside .p-6{padding:30px 24px 25px}aside img{display:block;width:155px;max-width:100%;height:36px;object-fit:contain;object-position:left center}aside p{margin:12px 0 0;color:#9ca8bd;font-size:11px;letter-spacing:.04em}aside nav{display:flex;flex-direction:column;gap:7px;margin:16px 14px 0}aside nav a{display:flex;align-items:center;gap:13px;min-height:46px;padding:0 14px;color:#aeb8ca;text-decoration:none;font-size:13px;font-weight:500;border-radius:9px;transition:background .16s ease,color .16s ease}aside nav a:hover{background:#202b40;color:#fff}aside nav a.bg-blue-50,aside nav a.text-blue-600{background:#283b73;color:#fff}aside nav svg{display:block;flex:0 0 19px;width:19px;height:19px}main.flex-1.p-10.overflow-y-auto{flex:1 1;min-width:0;padding:38px clamp(22px,4vw,54px);overflow:visible}main header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}main header h2{margin:0;color:#172033;font-size:clamp(22px,2.2vw,29px);line-height:1.3;font-weight:700;letter-spacing:-.045em}main header button{flex-shrink:0;padding:12px 18px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 5px 12px rgba(67,97,238,.2);transition:transform .16s ease,background .16s ease}main header button:hover{background:#344ed1;transform:translateY(-1px)}main .grid.grid-cols-1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px;margin-bottom:28px}main .bg-white.p-6.rounded-xl.border{min-width:0;padding:25px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 12px rgba(26,39,68,.025)}main .grid>div{position:relative;overflow:hidden}main .grid h3{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.5;font-weight:600}main .grid p{margin:0;color:#172033;font-size:clamp(25px,2.5vw,32px);line-height:1.2;font-weight:800;letter-spacing:-.045em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}main .bg-white.rounded-xl.border.shadow-sm.p-6{padding:25px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 12px rgba(26,39,68,.025)}main .bg-white.rounded-xl h3{margin:0 0 22px;color:#172033;font-size:16px;font-weight:700}main table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}main thead tr{border-bottom:1px solid var(--border);color:#8992a5;font-size:11px;text-transform:uppercase;letter-spacing:.055em}main th{padding:0 16px 15px 0;font-weight:600}main td{padding:18px 16px 18px 0;border-bottom:1px solid #eef1f6;color:#39445a;font-size:12px}main tbody tr:last-child td{border-bottom:0}main td.font-medium{color:#202b40;font-weight:600}main td span{display:inline-block;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:600}main td span.bg-green-100{background:#e7f8ef;color:#168653}main td span.bg-yellow-100{background:#fff4d8;color:#986400}@media (max-width:900px){aside.w-64.bg-white.border-r{flex-basis:205px;width:205px}main.flex-1.p-10.overflow-y-auto{padding:28px 22px}main .grid.grid-cols-1{gap:12px}main .bg-white.p-6.rounded-xl.border{padding:18px}}@media (max-width:640px){body>div.flex.h-screen.bg-gray-100{flex-direction:column}aside.w-64.bg-white.border-r{position:static;width:100%;height:auto;min-height:0;flex-basis:auto}aside .p-6{padding:17px 20px 12px}aside img{height:30px}aside p{margin-top:5px}aside nav{flex-direction:row;flex-wrap:wrap;gap:5px;margin:8px 12px 14px}aside nav a{min-height:38px;gap:7px;padding:0 10px;font-size:12px}aside nav svg{width:16px;height:16px;flex-basis:16px}main.flex-1.p-10.overflow-y-auto{padding:25px 16px}main header{align-items:flex-start;margin-bottom:25px}main header button{padding:10px 12px;font-size:12px}main .grid.grid-cols-1{grid-template-columns:1fr;gap:12px}main .bg-white.p-6.rounded-xl.border{padding:20px}main .bg-white.rounded-xl.border.shadow-sm.p-6{padding:18px}}