:root{color:#e8eee9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--bg:#101713;--sidebar:#121b16;--panel:#17221b;--panel-hover:#1b2920;--border:#29382e;--muted:#84948a;--text:#e8eee9;--green:#91c99d;--green-dark:#244c32;background:#101713;font-family:DM Sans,Inter,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.admin-shell{min-height:100vh}.sidebar{z-index:20;background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;width:258px;padding:27px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:12px;padding:0 9px 32px;display:flex}.brand-mark{color:#b5e0bd;background:#244b32;border-radius:12px;place-items:center;width:39px;height:39px;font-size:23px;font-weight:800;display:grid}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{letter-spacing:-.4px;font-size:16px}.sidebar-brand span{color:var(--muted);letter-spacing:1.5px;margin-top:4px;font-size:9px;font-weight:700}.sidebar-label,.nav-group-label,.eyebrow{color:#788b7d;letter-spacing:1.5px;font-size:10px;font-weight:800}.sidebar-label{padding:0 11px 14px}.nav-group{margin-bottom:22px}.nav-group-label{letter-spacing:1px;padding:0 11px 9px}.nav-item{color:#9aaa9f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:43px;margin:2px 0;padding:0 12px;font-size:13px;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#1b2920}.nav-item-active{color:#c1e4c8;background:#203c29;font-weight:600}.nav-icon{text-align:center;width:19px;font-size:17px}.nav-active-mark{background:var(--green);border-radius:5px 0 0 5px;width:3px;height:19px;position:absolute;right:0}.sidebar-bottom{margin-top:auto}.environment-card{border:1px solid var(--border);background:#17221b;border-radius:9px;align-items:center;gap:10px;padding:13px;display:flex}.environment-dot,.status-dot,.service-indicator{background:#c6a66c;border-radius:50%;flex:none;width:8px;height:8px}.environment-card strong,.environment-card span{display:block}.environment-card strong{font-size:12px}.environment-card div span{color:var(--muted);margin-top:3px;font-size:10px}.sidebar-version{color:#68776d;letter-spacing:1px;padding:18px 3px 0;font-size:9px}.main-area{min-height:100vh;margin-left:258px}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101713f0;justify-content:space-between;align-items:center;height:68px;padding:0 42px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumb strong{color:#dce7df;font-weight:600}.breadcrumb-separator{color:#506054}.topbar-right{align-items:center;gap:15px;display:flex}.topbar-environment{color:#a9d4af;letter-spacing:1px;border:1px solid #405b45;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:800}.avatar{color:#d3ead6;background:#35563d;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.page-content{width:min(1420px,100%);margin:0 auto;padding:42px}.page-heading{margin-bottom:36px}.page-heading h1{letter-spacing:-1.3px;margin:9px 0 6px;font-size:clamp(26px,3vw,34px);font-weight:700}.page-heading p,.welcome-row p,.panel-heading p{color:var(--muted);margin:0;font-size:13px}.welcome-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px;display:flex}.welcome-row h2{letter-spacing:-.4px;margin:7px 0 6px;font-size:19px}.status-pill{color:#d5bd8e;white-space:nowrap;border:1px solid #51472f;border-radius:20px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;display:inline-flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px;display:grid}.metric-card,.panel{border:1px solid var(--border);background:var(--panel);border-radius:11px}.metric-card{min-height:143px;padding:18px}.metric-top{color:#a2b0a6;justify-content:space-between;align-items:center;font-size:12px;display:flex}.metric-icon{color:#a9d4af;background:#22372a;border-radius:8px;place-items:center;width:29px;height:29px;font-size:16px;display:grid}.metric-value{letter-spacing:-1px;margin:13px 0 5px;font-size:29px;font-weight:700;display:block}.metric-detail{color:#78897d;font-size:10px}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:15px;display:grid}.panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading h3{margin:0 0 5px;font-size:14px}.panel-heading p{font-size:11px}.subtle-tag{color:#83958a;letter-spacing:1px;white-space:nowrap;font-size:8px;font-weight:800}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;display:flex}.empty-icon{color:#a0c6a8;border:1px solid #34483a;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:13px;font-size:22px;display:grid}.empty-state strong{font-size:12px}.empty-state p{max-width:270px;color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}.service-list{margin-top:21px}.service-item{border-bottom:1px solid #28362d;align-items:center;gap:10px;min-height:44px;display:flex}.service-item:last-child{border-bottom:0}.service-indicator{background:#c6a66c;width:7px;height:7px}.service-name{color:#c3cec6;flex:1;font-size:11px}.service-status{color:#84948a;text-align:right;font-size:10px}.notice{background:#18251b;border:1px solid #394b39;border-radius:9px;align-items:flex-start;gap:12px;margin-top:17px;padding:15px 17px;display:flex}.notice-icon{color:#a9d4af;border:1px solid #67846a;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.notice strong{font-size:11px}.notice p{color:#9aaa9f;margin:4px 0 0;font-size:10px;line-height:1.5}.placeholder-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.placeholder-icon{color:#b5dabb;background:#203528;border:1px solid #405846;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:20px;font-size:25px;display:grid}.placeholder-panel h2{margin:10px 0 8px;font-size:22px}.placeholder-panel>p{color:var(--muted);margin:0;font-size:12px}.placeholder-panel .placeholder-note{max-width:400px;margin-top:17px;line-height:1.6}.page-footer{border-top:1px solid var(--border);color:#6f7e74;justify-content:space-between;margin-top:45px;padding-top:17px;font-size:10px;display:flex}.mobile-menu-button,.mobile-overlay{display:none}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:15;background:#0000008c;border:0;display:block;position:fixed;inset:0}.main-area{margin-left:0}.topbar{height:59px;padding:0 17px}.mobile-menu-button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:19px;display:block}.breadcrumb{margin-left:13px;margin-right:auto;font-size:11px}.page-content{padding:29px 18px}.welcome-row{flex-direction:column;align-items:flex-start}.metrics-grid{gap:10px}.metric-card{min-height:130px;padding:14px}.metric-top{font-size:10px}.metric-value{font-size:25px}.service-item{gap:7px}.service-status{max-width:115px}}@media (width<=380px){.metrics-grid{grid-template-columns:1fr}.topbar-environment{display:none}}