:root{--bg:#f5f7fa;--surface:#ffffff;--border:#dfe3e8;--text:#17202a;--muted:#66717e;--blue:#2563eb;--green:#07875f;--amber:#c66a0a;--red:#c93636;--sidebar:#171c24;--radius:6px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select{font:inherit;letter-spacing:0}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:244px;display:flex;flex-direction:column;background:var(--sidebar);color:#e8edf3}.sidebar-brand{height:72px;padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #2c333e}.admin-identity div,.login-brand div,.sidebar-brand div{min-width:0;display:flex;flex-direction:column}.login-brand strong,.sidebar-brand strong{font-size:14px}.login-brand span,.sidebar-brand small{margin-top:2px;color:#929dab;font-size:11px}.brand-mark{width:32px;height:32px;flex:0 0 32px;display:inline-grid;place-items:center;border-radius:6px;background:#2f6fed;color:white;font-size:12px;font-weight:800}.sidebar nav{padding:18px 12px;display:flex;flex:1 1;flex-direction:column;gap:3px}.sidebar nav a{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:11px;border-radius:5px;color:#abb5c2;font-size:13px;font-weight:550}.sidebar nav a:hover{color:white;background:#222a35}.sidebar nav a.active{color:white;background:#2a3441;box-shadow:inset 3px 0 #4a86f7}.sidebar-foot{min-height:72px;margin:0 12px;padding:12px 4px;gap:8px;border-top:1px solid #2c333e}.admin-identity,.sidebar-foot{display:flex;align-items:center}.admin-identity{min-width:0;flex:1 1;gap:9px}.admin-identity>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:#354153;font-size:12px;font-weight:700}.admin-identity strong{overflow:hidden;color:#e9edf3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-identity small{margin-top:2px;color:#8e99a8;font-size:10px;text-transform:capitalize}.main-column{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:72px;padding:0 28px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar>div{flex:1 1}.topbar h1{margin:0;font-size:16px;line-height:1.2}.topbar p{margin:3px 0 0;color:var(--muted);font-size:11px}.topbar-icon{color:#87919d}.content{width:100%;max-width:1560px;margin:auto;padding:24px 28px 40px}.page-stack{display:flex;flex-direction:column;gap:20px}.page-heading{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h2{margin:0;font-size:20px;line-height:1.3}.page-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));grid-gap:12px;gap:12px}.metric-card{min-height:108px;padding:18px;display:flex;align-items:flex-start;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.metric-card>div:last-child{min-width:0;display:flex;flex-direction:column}.metric-card span{color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase}.metric-card strong{margin-top:5px;font-size:24px;line-height:1.1}.metric-card small{margin-top:6px;color:var(--muted);font-size:11px}.metrics-grid.compact .metric-card{min-height:88px;align-items:center}.metric-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:5px;color:var(--blue);background:#eaf1ff}.metric-icon.green{color:var(--green);background:#e5f5ef}.metric-icon.amber{color:var(--amber);background:#fff2df}.metric-icon.red{color:var(--red);background:#fdecec}.dashboard-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.panel{min-width:0;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel.wide{grid-column:span 2}.panel>header{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.panel h3{margin:0;font-size:14px}.panel header p{margin:3px 0 0;color:var(--muted);font-size:11px}.chart-large{width:100%;height:290px}.chart-medium{width:100%;height:220px}.rank-list{display:flex;flex-direction:column}.rank-list>div{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf0f3;font-size:12px;text-transform:capitalize}.rank-list>div:last-child{border-bottom:0}.rank-list strong{color:#384452}.improvement-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 24px;gap:8px 24px}.improvement-grid>div{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f3;font-size:12px}.limit-alerts{padding:16px 18px;background:#fffaf0;border:1px solid #ead5aa;border-radius:var(--radius)}.limit-alerts>header{display:flex;align-items:center;gap:9px;color:#8f5a0b}.limit-alerts h3{margin:0;font-size:13px}.limit-alerts header p{margin:2px 0 0;color:#8b7656;font-size:10px}.limit-alerts>div{margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 24px;gap:8px 24px}.limit-alerts article{min-width:0;display:grid;grid-template-columns:minmax(100px,1fr) minmax(70px,1fr) auto;align-items:center;grid-gap:10px;gap:10px;font-size:11px}.limit-alerts article>div:first-child{min-width:0;display:flex;flex-direction:column}.limit-alerts article strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.limit-alerts article span{color:#806d4e;font-size:9px}.usage-progress{height:5px;overflow:hidden;background:#eee2c9;border-radius:3px}.usage-progress span{height:100%;display:block;background:var(--amber)}.data-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-toolbar{min-height:64px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.toolbar-actions,.toolbar-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-primary{flex:1 1}.date-range,.search-input{height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;background:white;border:1px solid #cfd5dc;border-radius:5px;color:#6c7682}.search-input{width:min(280px,100%)}.date-range input,.search-input input{min-width:0;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.search-input input{width:100%}.date-range span{font-size:11px}.login-panel input,.setting-control input,select{height:36px;padding:0 10px;color:var(--text);background:white;border:1px solid #cfd5dc;border-radius:5px;font-size:12px;outline:none}input:focus,select:focus{border-color:#5687e8;box-shadow:0 0 0 2px #dbe8ff}.button,.icon-button{border:0;cursor:pointer}.button{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:5px;background:var(--blue);color:white;font-size:12px;font-weight:650}.button.secondary{color:#344050;background:white;border:1px solid #cfd5dc}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45}.button.full{width:100%}.icon-button{width:36px;height:36px;flex:0 0 36px;display:inline-grid;place-items:center;border-radius:5px;color:#5f6a77;background:transparent}.icon-button:hover{background:#eef1f4}.sidebar .icon-button{color:#aeb7c3}.table-wrap{position:relative;width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{height:42px;padding:0 14px;color:#697481;background:#f8f9fb;border-bottom:1px solid var(--border);font-size:10px;font-weight:750;text-align:left;text-transform:uppercase}td,th{white-space:nowrap}td{min-width:110px;height:58px;padding:8px 14px;border-bottom:1px solid #e9ecef;color:#394452}tbody tr:hover{background:#fafbfd}tbody tr:last-child td{border-bottom:0}.primary-cell{display:flex;flex-direction:column;gap:3px}.primary-cell a,.primary-cell strong{color:#1c2733;font-size:12px;font-weight:650}.primary-cell a:hover{color:var(--blue);text-decoration:underline}.primary-cell span{max-width:250px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis}.status-pill{width:max-content;padding:4px 7px;display:inline-flex;border-radius:999px;background:#edf0f3;color:#596573;font-size:10px;font-weight:700}.status-pill.success{color:#087552;background:#e4f4ee}.status-pill.warning{color:#98600f;background:#fff0d6}.status-pill.danger{color:#ad3434;background:#fbe6e6}.table-state{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:12px}.pagination{min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid var(--border);font-size:11px}.pagination>div{display:flex;gap:7px}.loader{width:28px;height:28px;border:3px solid #dbe2ea;border-top:3px solid var(--blue);border-radius:50%;animation:spin .7s linear infinite}.access-state,.page-loader{min-height:70vh;display:grid;place-items:center}.error-banner,.success-banner{padding:11px 13px;border:1px solid #efb4b4;border-radius:5px;color:#9f2f2f;background:#fff1f1;font-size:12px}.success-banner{border-color:#a8d9c7;color:#086d4c;background:#eaf8f3}.settings-list{background:white;border:1px solid var(--border);border-radius:var(--radius)}.setting-row{min-height:92px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:13px}.setting-row p{margin:4px 0;color:var(--muted);font-size:11px}.muted-note,.setting-row small{color:#89929d;font-size:10px}.setting-control{display:flex;align-items:center;gap:6px}.setting-control input{width:240px}.back-link{width:max-content;gap:6px;color:var(--blue);font-size:12px;font-weight:650}.back-link,.profile-header{display:flex;align-items:center}.profile-header{min-height:94px;padding:18px;gap:14px;background:white;border:1px solid var(--border);border-radius:var(--radius)}.profile-header>div:nth-child(2){flex:1 1}.profile-header h2{margin:0;font-size:18px}.profile-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.profile-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:white;background:#315d9c;font-weight:750}.details{margin:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.details div{min-width:0}.details dt{color:var(--muted);font-size:10px;text-transform:uppercase}.details dd{margin:5px 0 0;font-size:12px;font-weight:650}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2f6}.login-panel{width:100%;max-width:390px;padding:30px;background:white;border:1px solid #d7dce2;border-radius:8px;box-shadow:0 16px 40px rgba(24,31,41,.08)}.login-brand{display:flex;align-items:center;gap:10px}.login-heading{margin:34px 0 24px}.login-heading>div{width:38px;height:38px;display:grid;place-items:center;color:var(--blue);background:#eaf1ff;border-radius:6px}.login-heading h1{margin:14px 0 0;font-size:20px}.login-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.login-panel form,.login-panel label{display:flex;flex-direction:column}.login-panel form{gap:16px}.login-panel label{gap:6px;color:#3d4855;font-size:11px;font-weight:650}.login-panel input{height:42px}.access-panel{max-width:430px;padding:30px;text-align:center}.access-panel .brand-mark{margin:auto}.access-panel h1{margin:18px 0 8px;font-size:21px}.access-panel p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.6}.mobile-menu,.sidebar-close,.sidebar-scrim{display:none}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}}@media (max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-close{position:absolute;top:18px;right:9px;display:grid}.sidebar-scrim{position:fixed;inset:0;z-index:30;display:block;background:rgba(13,18,24,.48);border:0}.main-column{width:100%;margin-left:0}.mobile-menu{display:grid}.topbar{height:64px;padding:0 16px}.content{padding:18px 14px 30px}.page-heading,.setting-row,.table-toolbar{align-items:stretch;flex-direction:column}.date-range{width:100%;justify-content:space-between}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.toolbar-actions{justify-content:flex-end}.setting-control input{width:100%}.improvement-grid,.limit-alerts>div{grid-template-columns:1fr}}@media (max-width:520px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:94px}.login-panel{padding:24px}.details{grid-template-columns:1fr}}