:root{--bg-0:#090b0e;--bg-1:#0d1014;--bg-2:#11151a;--bg-3:#151a20;--bg-4:#1a2027;--panel:#11151ae0;--panel-soft:#14191fbd;--panel-hover:#192027eb;--border:#92aab821;--border-strong:#63d3f538;--text:#e5edf1;--text-soft:#b7c3ca;--muted:#77848d;--muted-dark:#56616a;--accent:#48d7ff;--accent-bright:#72e3ff;--accent-soft:#48d7ff17;--accent-faint:#48d7ff09;--good:#60e6c1;--warn:#e9c66c;--bad:#ef7777;--shadow-accent:0 0 18px #48d7ff1f, 0 0 36px #48d7ff09;color:var(--text);background:var(--bg-0);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg-0)}body{background:radial-gradient(circle at 82% 0%, #48d7ff0e, transparent 26%), radial-gradient(circle at 15% 100%, #48d7ff06, transparent 34%), var(--bg-0);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#root{min-height:100vh}::selection{color:#081015;background:var(--accent-bright)}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:10;border-right:1px solid var(--border);background:linear-gradient(#12161bfc,#0a0c0ffe);flex-direction:column;width:248px;height:100vh;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 22px;display:flex}.brand-mark{width:39px;height:39px;color:var(--accent-bright);background:linear-gradient(145deg,#48d7ff18,#48d7ff05);border:1px solid #48d7ff42;border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 0 18px #48d7ff08,0 0 18px #48d7ff0d}.brand>div:last-child{flex-direction:column;display:flex}.brand-eyebrow,.eyebrow{color:var(--accent-bright);letter-spacing:.16em;text-transform:uppercase;font-size:.67rem;font-weight:800}.brand strong{color:var(--text);margin-top:2px;font-size:.91rem;font-weight:660}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#46515b transparent;flex:1;padding-right:3px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#46515b;border-radius:99px}.nav-section{margin-bottom:22px}.nav-section-title{color:#68737c;letter-spacing:.13em;text-transform:uppercase;padding:0 11px 8px;font-size:.63rem;font-weight:800;display:block}.nav-items{gap:3px;display:grid}.nav-item{color:#89959d;border:1px solid #0000;border-radius:7px;outline:none;align-items:center;gap:10px;min-height:39px;padding:0 11px;font-size:.82rem;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.nav-item:hover{color:#d0dce2;background:#ffffff06;border-color:#92aab812}.nav-item.active{color:var(--accent-bright);background:linear-gradient(90deg,#48d7ff16,#48d7ff05);border-color:#48d7ff2e;box-shadow:inset 2px 0 #48d7ffb8,inset 0 0 24px #48d7ff04}.nav-item:focus-visible{border-color:#48d7ff6b;box-shadow:0 0 0 2px #48d7ff14}.sidebar-profile{border-top:1px solid var(--border);align-items:center;gap:10px;padding:14px 9px 0;display:flex}.profile-avatar{width:34px;height:34px;color:var(--accent-bright);background:radial-gradient(circle,#48d7ff17,#48d7ff04);border:1px solid #48d7ff36;border-radius:50%;place-items:center;font-size:.7rem;font-weight:800;display:grid}.profile-copy{flex-direction:column;flex:1;display:flex}.profile-copy strong{color:var(--text-soft);font-size:.78rem}.profile-copy span{color:var(--muted-dark);margin-top:2px;font-size:.67rem}.online-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #48d7ffcc,0 0 15px #48d7ff40}.app-main{grid-column:2;min-width:0}.topbar{z-index:8;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c0fde;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-search{border:1px solid var(--border);color:#71808a;background:linear-gradient(90deg,#48d7ff05,#0000),#ffffff05;border-radius:8px;align-items:center;gap:10px;width:min(560px,60vw);padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.topbar-search:focus-within{border-color:#48d7ff3d;box-shadow:0 0 0 1px #48d7ff09,0 0 20px #48d7ff06}.topbar-search input{color:#d4dee3;background:0 0;border:0;outline:0;flex:1;min-width:0;height:37px;font-size:.78rem}.topbar-search input::placeholder{color:#5f6a72}.search-shortcut{border:1px solid var(--border);color:#6e7b83;background:#ffffff05;border-radius:5px;padding:3px 6px;font-size:.62rem}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--border);color:#829099;cursor:pointer;background:#ffffff05;border-radius:8px;place-items:center;width:36px;height:36px;transition:color .15s,border-color .15s,background .15s;display:grid}.icon-button:hover{color:var(--accent-bright);background:#48d7ff0b;border-color:#48d7ff33}.environment-badge{color:#84939c;background:#48d7ff06;border:1px solid #48d7ff26;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:.69rem;display:flex}.environment-badge>span{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #48d7ffa6}.page-container{width:min(1460px,100%);margin:0 auto;padding:42px 38px 60px}.page-heading{margin-bottom:30px}.page-heading h1,.dashboard-hero h1{color:#edf3f6;letter-spacing:-.045em;margin:8px 0 10px;font-size:clamp(1.8rem,4vw,2.65rem);font-weight:630}.page-heading p,.dashboard-hero p{max-width:760px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.65}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.api-status{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff06, transparent), var(--panel);border-radius:9px;align-items:center;gap:10px;min-width:190px;padding:12px 14px;display:flex}.api-status-dot{border-radius:50%;width:8px;height:8px}.api-status.online{border-color:#48d7ff26}.api-status.online .api-status-dot{background:var(--accent);box-shadow:0 0 8px #48d7ffcc,0 0 18px #48d7ff4d}.api-status.loading .api-status-dot{background:var(--warn)}.api-status.offline .api-status-dot{background:var(--bad)}.api-status>div{flex-direction:column;flex:1;display:flex}.api-status>div span{color:#68757d;letter-spacing:.1em;text-transform:uppercase;font-size:.61rem}.api-status>div strong{color:var(--text-soft);margin-top:2px;font-size:.76rem;font-weight:650}.api-status.online>div strong{color:var(--accent-bright)}.api-version{color:#65717a;font-size:.66rem}.dashboard-search{color:var(--accent);background:linear-gradient(90deg, #48d7ff0e, transparent 58%), var(--panel);box-shadow:var(--shadow-accent);border:1px solid #48d7ff26;border-radius:10px;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex}.dashboard-search:focus-within{border-color:#48d7ff47}.dashboard-search input{color:#dbe4e8;background:0 0;border:0;outline:0;flex:1;min-width:0;height:37px}.dashboard-search input::placeholder{color:#68747d}.dashboard-search button{height:37px;color:var(--accent-bright);cursor:pointer;background:linear-gradient(#48d7ff18,#48d7ff0b);border:1px solid #48d7ff38;border-radius:7px;padding:0 16px;transition:border-color .15s,background .15s,box-shadow .15s}.dashboard-search button:hover{background:#48d7ff1c;border-color:#48d7ff59;box-shadow:0 0 16px #48d7ff0f}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff06, transparent 55%), var(--panel);border-radius:10px;gap:13px;min-height:122px;padding:18px;transition:border-color .16s,transform .16s,background .16s;display:flex}.metric-card:hover{background:linear-gradient(145deg, #48d7ff09, transparent 60%), var(--panel-hover);border-color:#48d7ff2b;transform:translateY(-1px)}.metric-icon,.action-icon{width:38px;height:38px;color:var(--accent-bright);background:linear-gradient(145deg,#48d7ff14,#48d7ff06);border:1px solid #48d7ff29;border-radius:8px;flex:none;place-items:center;display:grid}.metric-card>div:last-child{flex-direction:column;display:flex}.metric-card span{color:#88949c;font-size:.73rem}.metric-card strong{color:#edf3f6;letter-spacing:-.04em;margin-top:7px;font-size:1.7rem;font-weight:590}.metric-card small{color:#59646c;margin-top:3px;font-size:.64rem}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin:42px 0 16px;display:flex}.section-heading h2{color:#e8eef2;margin:6px 0 0;font-size:1.25rem;font-weight:620}.section-heading p{color:#69767f;max-width:500px;margin:0;font-size:.75rem;line-height:1.55}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.action-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;align-items:center;gap:13px;min-height:92px;padding:17px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.action-card:hover{background:linear-gradient(100deg, #48d7ff0e, transparent 60%), var(--panel-hover);border-color:#48d7ff38;transform:translateY(-2px);box-shadow:0 8px 26px #00000029}.action-card>div:nth-child(2){flex-direction:column;display:flex}.action-card strong{color:#e4ebef;font-size:.82rem}.action-card>div span{color:#69767e;margin-top:5px;font-size:.68rem;line-height:1.45}.action-arrow{color:#59666e;margin-left:auto;transition:color .15s,transform .15s}.action-card:hover .action-arrow{color:var(--accent);transform:translate(2px)}.dashboard-bottom-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.info-panel{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff05, transparent), var(--panel);border-radius:10px;min-height:230px;padding:21px}.info-panel h3{color:#e7edf0;margin:7px 0 14px;font-size:1rem;font-weight:620}.info-panel>p{color:#6f7c84;margin:0 0 22px;font-size:.76rem;line-height:1.65}.status-list{display:grid}.status-list>div{border-bottom:1px solid #92aab813;justify-content:space-between;align-items:center;min-height:36px;display:flex}.status-list span{color:#75828a;font-size:.72rem}.status-list strong{color:#929ea5;font-size:.68rem;font-weight:600}.status-list .good{color:var(--accent-bright)}.status-list .bad{color:var(--bad)}.progress-row{color:#6d7981;justify-content:space-between;margin-top:30px;font-size:.69rem;display:flex}.progress-row strong{color:var(--accent-bright)}.progress-track{background:#ffffff0d;border-radius:99px;height:5px;margin-top:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, #247c98, var(--accent), var(--accent-bright));height:100%;display:block;box-shadow:0 0 10px #48d7ff59,0 0 22px #48d7ff1f}.placeholder-panel{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff05, transparent), var(--panel);border-radius:10px;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.placeholder-grid{opacity:.15;background-image:linear-gradient(#48d7ff1f 1px,#0000 1px),linear-gradient(90deg,#48d7ff1f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.placeholder-content{z-index:1;text-align:center;max-width:500px;padding:30px;position:relative}.status-label{color:var(--accent-bright);letter-spacing:.14em;font-size:.62rem;font-weight:800}.placeholder-content h2{color:#e9eff2;margin:8px 0 11px;font-size:1.45rem}.placeholder-content p{color:#6f7b83;margin:0;font-size:.78rem;line-height:1.7}.coming-soon{color:#75838b;background:#48d7ff06;border:1px solid #48d7ff21;border-radius:6px;margin-top:20px;padding:6px 9px;font-size:.64rem;display:inline-block}@media (width<=1050px){.metric-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static}.sidebar-nav,.sidebar-profile{display:none}.app-main{grid-column:auto}.topbar{padding:0 18px}.topbar-search{width:100%}.environment-badge{display:none}.page-container{padding:30px 18px 50px}.dashboard-hero,.section-heading{flex-direction:column;align-items:flex-start}.api-status{width:100%}.dashboard-search button{display:none}.dashboard-bottom-grid{grid-template-columns:1fr}}@media (width<=600px){.metric-grid,.action-grid{grid-template-columns:1fr}.search-shortcut{display:none}}.api-status.degraded{border-color:#e9c66c33}.api-status.degraded .api-status-dot{background:var(--warn);box-shadow:0 0 8px #e9c66cb3,0 0 18px #e9c66c33}.api-status.degraded>div strong,.status-list .warn{color:var(--warn)}.auth-stage{background:radial-gradient(circle at center, #48d7ff09, transparent 38%), var(--bg);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-status{color:var(--muted);align-items:center;gap:13px;display:flex}.auth-status>div{flex-direction:column;gap:3px;display:flex}.auth-status-eyebrow,.auth-gate-eyebrow{color:var(--accent-bright);letter-spacing:.14em;font-size:.62rem;font-weight:800}.auth-status strong{color:var(--text-soft);letter-spacing:.08em;font-size:.78rem}.auth-status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #48d7ffe6,0 0 20px #48d7ff40}.auth-gate{border:1px solid var(--border);background:linear-gradient(145deg, #48d7ff06, transparent 40%), var(--panel);border-radius:10px;width:min(440px,100%);padding:34px;box-shadow:0 20px 80px #00000038}.auth-gate-icon{width:44px;height:44px;color:var(--accent-bright);background:#48d7ff0b;border:1px solid #48d7ff36;border-radius:8px;place-items:center;margin-bottom:22px;display:grid}.auth-gate h1{color:var(--text);margin:10px 0;font-size:1.45rem}.auth-gate p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.65}.auth-gate-error{color:var(--warn);background:#e9c66c09;border:1px solid #e9c66c2e;border-radius:6px;margin-top:18px;padding:10px 12px;font-size:.72rem}.auth-gate-button{width:100%;color:var(--accent-bright);font:inherit;cursor:pointer;background:#48d7ff0e;border:1px solid #48d7ff47;border-radius:6px;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding:11px 15px;font-size:.78rem;font-weight:700;transition:border-color .14s,background .14s,box-shadow .14s;display:flex}.auth-gate-button:hover{background:#48d7ff16;border-color:#48d7ff75;box-shadow:0 0 22px #48d7ff0f}.sidebar-profile-wrap{border-top:1px solid var(--border);padding-top:14px;position:relative}.sidebar-profile{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 9px;display:flex}.sidebar-profile:hover .profile-copy strong{color:var(--text)}.profile-status{align-items:center;gap:8px;display:flex}.profile-chevron{color:var(--muted-dark);transition:transform .14s,color .14s}.profile-chevron.open{color:var(--accent);transform:rotate(180deg)}.profile-menu{z-index:30;background:#0d1216fa;border:1px solid #48d7ff24;border-radius:8px;padding:10px;position:absolute;bottom:calc(100% + 10px);left:4px;right:4px;box-shadow:0 16px 45px #00000061,0 0 30px #48d7ff06}.profile-menu-header{align-items:center;gap:10px;padding:7px;display:flex}.profile-menu-icon{width:30px;height:30px;color:var(--accent-bright);background:#48d7ff09;border:1px solid #48d7ff2b;border-radius:6px;flex:none;place-items:center;display:grid}.profile-menu-header>div:last-child{flex-direction:column;min-width:0;display:flex}.profile-menu-header strong{color:var(--text-soft);font-size:.74rem}.profile-menu-header span{color:var(--muted-dark);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.63rem;overflow:hidden}.profile-menu-divider{background:var(--border);height:1px;margin:7px 0}.profile-menu-identity{flex-direction:column;gap:4px;padding:7px;display:flex}.profile-menu-identity span{color:var(--muted-dark);letter-spacing:.12em;font-size:.55rem;font-weight:800}.profile-menu-identity code{color:var(--muted);text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.profile-menu-action{width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;margin-top:4px;padding:8px;font-size:.69rem;display:flex}.profile-menu-action:hover{color:var(--text-soft);background:#ffffff06}.profile-menu-action.danger:hover{color:#f09a9a;background:#f06e6e0b}.profile-menu-action:disabled{opacity:.55;cursor:wait}