@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Arial,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}:root{color:#eaf2ff;font-synthesis:none;background:#07111f;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}.app-shell{background:#081321;min-height:100vh;display:flex}.sidebar{background:#0b1728;border-right:1px solid #1c3047;flex-direction:column;flex-shrink:0;width:270px;transition:width .2s;display:flex}.sidebar.collapsed{width:78px}.brand{border-bottom:1px solid #1c3047;align-items:center;gap:12px;height:92px;padding:18px;display:flex}.brand-icon,.module-icon{color:#fff;background:linear-gradient(135deg,#007bff,#00c2ff);border-radius:13px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.brand strong{letter-spacing:1px;font-size:16px;display:block}.brand small{color:#51baff;letter-spacing:2px;margin-top:5px;font-size:10px;display:block}.nav-label{color:#617d9e;letter-spacing:1.6px;padding:27px 24px 12px;font-size:10px;font-weight:800}.sidebar nav{flex:1;padding:0 12px}.nav-item{color:#93a9c3;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;margin:4px 0;padding:14px;display:flex}.nav-item span{flex:1;font-size:13px}.nav-item:hover{color:#fff;background:#14283e}.nav-item.active{color:#56c6ff;background:#103c70;box-shadow:inset 3px 0 #0af}.sidebar-bottom{color:#829bb7;border-top:1px solid #1c3047;align-items:center;gap:10px;padding:18px;display:flex}.admin-avatar,.top-avatar{color:#5bcaff;background:#123f76;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:12px;font-weight:800;display:grid}.admin-info{flex:1;min-width:0}.admin-info strong{color:#e8f3ff;font-size:12px;display:block}.admin-info small{margin-top:4px;font-size:10px;display:block}.main{flex:1;min-width:0}.topbar{background:#0b1728;border-bottom:1px solid #1c3047;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.topbar-left,.topbar-right{color:#7893b1;align-items:center;gap:17px;font-size:13px;display:flex}.topbar-left strong{color:#e8f3ff}.breadcrumb{color:#48baff;font-weight:700}.icon-button{color:#c4d7ef;background:0 0;border:0;padding:6px}.content{max-width:1600px;margin:auto;padding:38px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px;display:flex}.eyebrow{color:#27aaff;letter-spacing:2px;font-size:11px;font-weight:800}h1{margin:10px 0;font-size:30px}.page-heading p{color:#829bb7;margin:0;font-size:13px}.environment{color:#76bfff;white-space:nowrap;background:#102f4f;border-radius:8px;padding:11px 14px;font-size:10px;font-weight:800}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.metric-card,.panel{background:#101f32;border:1px solid #20354d;border-radius:15px}.metric-card{padding:23px}.metric-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.metric-top span{color:#9bb0ca;font-size:12px}.metric-icon{color:#3ab9ff;background:#153b5a;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.metric-card>strong{margin:16px 0 8px;font-size:35px;display:block}.metric-card>small{color:#718da8;font-size:11px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.panel{padding:24px}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{margin:0;font-size:17px}.panel-header span{color:#7795b5;font-size:11px}.empty-state{text-align:center;color:#5083ac;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state h3{color:#c8ddf2;margin:18px 0 5px;font-size:15px}.empty-state p{color:#819bb5;max-width:330px;font-size:12px;line-height:1.7}.system-row{color:#a6b9ce;border-bottom:1px solid #22374e;justify-content:space-between;gap:12px;padding:20px 0;font-size:12px;display:flex}.system-row strong{color:#51caa7}.system-row em{color:#f4bd63;font-style:normal}.module-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:410px;display:flex}.module-icon{width:70px;height:70px;margin-bottom:24px}.module-panel p{color:#91a8c1;max-width:450px;font-size:13px;line-height:1.8}.module-status{color:#f4bd63;letter-spacing:1px;margin-top:15px;font-size:11px}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=650px){.sidebar{width:70px}.sidebar .brand>div:not(.brand-icon),.sidebar .nav-label,.sidebar .nav-item span,.sidebar .nav-item>svg:last-child,.sidebar .admin-info,.sidebar-bottom>svg{display:none}.sidebar nav{padding:0 7px}.sidebar .nav-item{justify-content:center}.content{padding:22px 15px}.topbar{padding:0 15px}.breadcrumb{display:none}.metrics{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}}