.lang-toggle{border:1px solid var(--cc-line);background:var(--cc-inset);border-radius:9px;flex:none;align-items:center;gap:2px;height:36px;padding:3px;display:inline-flex}.lang-toggle button{min-width:34px;height:28px;color:var(--cc-text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:12px;font-weight:500;line-height:1;transition:background .14s,color .14s}.lang-toggle button:hover{color:var(--cc-text)}.lang-toggle button.is-active{background:var(--cc-panel);color:var(--cc-text);box-shadow:0 0 0 1px var(--cc-line)}.cc-auth[data-theme=dark]{--auth-danger:#f2777a;--auth-danger-tint:#f2777a17;--auth-danger-line:#f2777a6b}.cc-auth[data-theme=light]{--auth-danger:#b3261e;--auth-danger-tint:#b3261e0f;--auth-danger-line:#b3261e57}.cc-shell.cc-auth{flex-direction:column}.auth-topbar{padding:15px var(--cc-gutter);justify-content:flex-end;gap:10px;display:flex}.auth-theme-toggle{border:1px solid var(--cc-line);background:var(--cc-inset);width:36px;height:36px;color:var(--cc-text-2);cursor:pointer;border-radius:9px;place-items:center;display:grid}.auth-theme-toggle:hover{border-color:var(--cc-text-4);color:var(--cc-text)}.auth-theme-toggle svg{stroke-width:1.8px;width:15px;height:15px}.auth-main{width:100%;max-width:none;padding:8px var(--cc-gutter) 56px;flex:1;justify-content:center;align-items:center;margin:0;display:flex}.auth-card{border:1px solid var(--cc-line);background:var(--cc-panel);max-width:100%;box-shadow:var(--cc-shadow-raised);border-radius:14px;flex:0 432px;padding:32px 34px 34px}.auth-card.is-wide{flex-basis:484px;padding:32px 38px 34px}.auth-brand{width:fit-content;color:var(--cc-text-2);align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-brand:hover{color:var(--cc-text)}.auth-home-label{font-size:13px;font-weight:500}.auth-brand-mark{aspect-ratio:512/484;background-color:var(--cc-accent);opacity:.86;flex:none;width:auto;height:36px;-webkit-mask-image:url(/brand-mark.png);mask-image:url(/brand-mark.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.auth-card h1{letter-spacing:.01em;margin:0;font-size:22px;font-weight:600}.auth-subtitle{color:var(--cc-text-3);margin:7px 0 0;font-size:13.5px}.auth-session-status{border:1px solid var(--cc-line);background:var(--cc-panel);color:var(--cc-text-2);box-shadow:var(--cc-shadow-raised);border-radius:10px;margin:0;padding:12px 16px;font-size:13.5px}.auth-error{border:1px solid var(--auth-danger-line);background:var(--auth-danger-tint);color:var(--auth-danger);border-radius:10px;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;font-size:13px;display:flex}.auth-error svg{stroke-width:1.8px;flex:0 0 15px;width:15px;height:15px;margin-top:2px}.auth-form{flex-direction:column;gap:17px;margin-top:22px;display:flex}.auth-card.is-wide .auth-form{gap:19px}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field label{color:var(--cc-text-2);font-size:13.5px;font-weight:500}.auth-input-wrap{display:flex;position:relative}.auth-field input{border:1px solid var(--cc-line);background:var(--cc-inset);width:100%;height:48px;color:var(--cc-text);border-radius:10px;padding:0 15px;font-size:14.5px}.auth-field input::placeholder{color:var(--cc-text-4)}.auth-field input:hover{border-color:var(--cc-text-4)}.auth-field input:focus{border-color:var(--cc-accent-line);box-shadow:inset 0 0 0 1px var(--cc-accent-inset);outline:none}.auth-field input:disabled{cursor:not-allowed;opacity:.62}.auth-field input[type=password],.auth-field input[name=password]{padding-right:50px}.auth-reveal{width:48px;height:48px;color:var(--cc-text-3);cursor:pointer;background:0 0;border:0;border-radius:0 10px 10px 0;place-items:center;display:grid;position:absolute;top:0;right:0}.auth-reveal:hover{color:var(--cc-text)}.auth-reveal:disabled{cursor:not-allowed;opacity:.62}.auth-reveal svg{stroke-width:1.7px;width:17px;height:17px}.auth-submit{height:50px;color:var(--cc-accent-ink);letter-spacing:.03em;cursor:pointer;background:#f59e0b;border:0;border-radius:10px;margin-top:6px;font-size:15.5px;font-weight:600}.auth-submit:hover:not(:disabled){filter:brightness(1.05)}.auth-submit:disabled{cursor:not-allowed;opacity:.62}.auth-submit[aria-busy=true]{cursor:progress}.auth-foot{justify-content:center;margin-top:20px;display:flex}.auth-foot-link{color:var(--cc-text-3);font-size:12.5px}.auth-foot-link:hover{color:var(--cc-accent);text-decoration:underline}.auth-error.is-neutral{border-color:var(--cc-line);background:var(--cc-inset);color:var(--cc-text-2)}.auth-notice-action{color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.auth-notice-action:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid}.auth-notice-action:disabled{cursor:default;opacity:.6}.auth-hint{min-height:18px;color:var(--cc-text-4);margin:0;font-size:12.5px;line-height:18px}.auth-hint.is-danger{color:var(--auth-danger)}.auth-code-row{gap:10px;display:flex}.auth-code-row .auth-input-wrap{flex:1;min-width:0}.auth-code-button{border:1px solid var(--cc-accent-line);background:var(--cc-accent-tint);height:48px;color:var(--cc-accent);white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:10px;flex:0 0 132px;padding:0 10px;font-size:13px;font-weight:500}.auth-code-button:hover:not(:disabled){background:var(--cc-accent-inset)}.auth-code-button:disabled{border-color:var(--cc-line);background:var(--cc-inset);color:var(--cc-text-4);cursor:not-allowed}.auth-switch{border-top:1px solid var(--cc-hairline);color:var(--cc-text-3);text-align:center;margin:18px 0 0;padding-top:17px;font-size:13px}.auth-switch a{color:var(--cc-accent);font-weight:500}.auth-switch a:hover{text-decoration:underline}@media (width<=820px){.cc-shell.cc-auth{--cc-gutter:14px}.auth-main{padding-bottom:calc(40px + env(safe-area-inset-bottom));align-items:flex-start}.auth-card{border-radius:12px;padding:24px 20px 26px}.auth-card.is-wide{padding:24px 20px 26px}.auth-card h1{font-size:18px}.auth-brand{margin-bottom:20px}.auth-form{gap:14px;margin-top:18px}.auth-card.is-wide .auth-form{gap:15px}.auth-code-button{flex-basis:108px;padding:0 6px;font-size:12.5px}}.cc-shell[data-theme=dark]{--cc-bg:#101419;--cc-panel:#161a20;--cc-card:#1a1e25;--cc-raised:#1f232a;--cc-inset:#0c1016;--cc-line:#21262d;--cc-hairline:#1b2028;--cc-text:#edf1f7;--cc-text-2:#a3abb7;--cc-text-3:#737b87;--cc-text-4:#5a626e;--cc-accent:#f59e0b;--cc-accent-ink:#1d1b17;--cc-accent-tint:#f59e0b14;--cc-accent-line:#f59e0b8c;--cc-accent-inset:#f59e0b33;--cc-top:#101419e0;--cc-bar:#101419f2;--cc-scrim:#0406099e;--cc-soft:#ffffff09;--cc-progress:#2b323b;--cc-shadow:none;--cc-shadow-raised:0 2px 10px #00000052;--cc-monitor-fill:#3a2e1c;--cc-monitor-fill-hover:#493a24;--cc-monitor-line:#c1862c;--cc-monitor-line-hover:#e8931f;--cc-monitor-ink:#e8931f;--cc-monitor-card:#171c24;--cc-monitor-card-line:#ffffff14}.cc-shell[data-theme=light]{--cc-bg:#f1f3f6;--cc-panel:#fff;--cc-card:#fff;--cc-raised:#f5f7fa;--cc-inset:#f3f5f8;--cc-line:#dfe3e9;--cc-hairline:#eaedf1;--cc-text:#101419;--cc-text-2:#5c6472;--cc-text-3:#828b99;--cc-text-4:#a2aab6;--cc-accent:#b06d05;--cc-accent-ink:#1d1b17;--cc-accent-tint:#f59e0b12;--cc-accent-line:#b06d057a;--cc-accent-inset:#f59e0b38;--cc-top:#f1f3f6e0;--cc-bar:#fffffff2;--cc-scrim:#10141961;--cc-soft:#10141909;--cc-progress:#d2d8e0;--cc-shadow:0 1px 2px #1018280a;--cc-shadow-raised:0 4px 14px -6px #10182821;--cc-monitor-fill:#fdf3e3;--cc-monitor-fill-hover:#f9e8c8;--cc-monitor-line:#dfb264;--cc-monitor-line-hover:#b06d05;--cc-monitor-ink:#8d5703;--cc-monitor-card:#fff;--cc-monitor-card-line:#1014191a}.cc-shell,.cc-shell *{box-sizing:border-box}:is(html:has(.cc-shell),body:has(.cc-shell)){scrollbar-width:thin;scrollbar-color:#d2d8e0 #f1f3f6}html:has(.cc-shell){scrollbar-gutter:stable}:is(html:has(.cc-shell[data-theme=dark]),body:has(.cc-shell[data-theme=dark])){scrollbar-color:#2b323b #101419}html:has(.cc-shell)::-webkit-scrollbar{width:5px;height:5px}body:has(.cc-shell)::-webkit-scrollbar{width:5px;height:5px}html:has(.cc-shell)::-webkit-scrollbar-track{background:#f1f3f6}body:has(.cc-shell)::-webkit-scrollbar-track{background:#f1f3f6}html:has(.cc-shell)::-webkit-scrollbar-thumb{background:#d2d8e0;border-radius:999px}body:has(.cc-shell)::-webkit-scrollbar-thumb{background:#d2d8e0;border-radius:999px}html:has(.cc-shell[data-theme=dark])::-webkit-scrollbar-thumb{background:#2b323b}body:has(.cc-shell[data-theme=dark])::-webkit-scrollbar-thumb{background:#2b323b}html:has(.cc-shell[data-theme=dark])::-webkit-scrollbar-track{background:#101419}body:has(.cc-shell[data-theme=dark])::-webkit-scrollbar-track{background:#101419}.cc-shell{--cc-sidebar-width:270px;--cc-gutter:26px;--cc-top-min-height:67px;--cc-top-height:67px;background:var(--cc-bg);min-width:0;min-height:100vh;color:var(--cc-text);-webkit-font-smoothing:antialiased;font:14px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;display:flex;overflow-x:clip}.cc-shell button,.cc-shell a{font:inherit}.cc-sidebar{z-index:80;width:var(--cc-sidebar-width);flex:0 0 var(--cc-sidebar-width);overscroll-behavior-y:contain;background:var(--cc-panel);border-right:1px solid var(--cc-hairline);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden auto}.cc-brand{flex:none;align-items:center;gap:11px;padding:21px 20px 18px;display:flex}.cc-brand-link{border-radius:8px;align-items:center;text-decoration:none;display:inline-flex}.cc-brand-link:hover .cc-brand-mark{opacity:1}.cc-brand-mark{aspect-ratio:512/484;background-color:var(--cc-accent);opacity:.86;flex:none;width:32px;height:30px;transition:opacity .14s;display:block;-webkit-mask-image:url(/brand-mark.png);mask-image:url(/brand-mark.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cc-sidebar-close{width:28px;height:28px;color:var(--cc-text-3);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.cc-sidebar-close svg{stroke-width:1.8px;width:16px;height:16px}.cc-navigation{flex:1 0 auto;padding:2px 13px 14px;overflow:visible}.cc-navigation,.cc-sidebar{scrollbar-width:none}.cc-navigation::-webkit-scrollbar{display:none}.cc-sidebar::-webkit-scrollbar{display:none}.cc-nav-group p{color:var(--cc-text-4);letter-spacing:.1em;margin:0;padding:18px 11px 8px;font-size:11.5px}.cc-nav-group a,.cc-nav-group button{width:100%;color:var(--cc-text-2);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;margin-bottom:2px;padding:10px 11px;font-size:14.5px;text-decoration:none;transition:all .14s;display:flex;position:relative}.cc-nav-group a:hover{color:var(--cc-text);background:var(--cc-soft)}.cc-nav-group a.is-active{color:var(--cc-accent);background:var(--cc-accent-tint);font-weight:600}.cc-nav-group a.is-active:before{content:"";background:#f59e0b;border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.cc-nav-group a svg,.cc-nav-group button>svg{opacity:.8;stroke-width:1.6px;flex:0 0 18px;width:18px;height:18px}.cc-nav-group a.is-active svg{opacity:1}.cc-nav-group button.cc-nav-pending{cursor:not-allowed;color:var(--cc-text-3);opacity:.72}.cc-monitor-card{border:1px solid var(--cc-monitor-card-line);background:var(--cc-monitor-card);border-radius:9px;flex:none;width:250px;margin:12px auto;padding:11px 11px 10px}.cc-monitor-embed{background:var(--cc-monitor-card);height:84px;margin-bottom:9px;overflow:hidden}.cc-monitor-frame{background:var(--cc-monitor-card);color-scheme:normal;border:0;width:100%;height:100%;display:block}.cc-monitor-unconfigured{margin-bottom:11px}.cc-monitor-unconfigured b{color:var(--cc-text-2);letter-spacing:.09em;font-size:11px;font-weight:600;display:block}.cc-monitor-unconfigured p{color:var(--cc-text-3);text-wrap:pretty;margin:6px 0 0;font-size:11.5px;line-height:1.55}.cc-monitor-card .cc-monitor-link{border:1px solid var(--cc-monitor-line);background:var(--cc-monitor-fill);height:32px;color:var(--cc-monitor-ink);letter-spacing:.02em;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:11.5px;font-weight:700;text-decoration:none;transition:background .14s,border-color .14s;display:flex}.cc-monitor-card .cc-monitor-link span{font-size:12px;line-height:1}.cc-monitor-card .cc-monitor-link:hover{background:var(--cc-monitor-fill-hover);border-color:var(--cc-monitor-line-hover)}.cc-main{flex-direction:column;flex:1;min-width:0;display:flex}.cc-topbar{z-index:30;min-height:var(--cc-top-min-height);padding:15px var(--cc-gutter);border-bottom:1px solid var(--cc-hairline);background:var(--cc-top);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);align-items:center;gap:14px;display:flex;position:sticky;top:0}.cc-page-title h1{color:var(--cc-text);letter-spacing:.02em;margin:0;font-size:18px;font-weight:600}.cc-page-title p{color:var(--cc-text-3);margin:2px 0 0;font-size:13px}.cc-top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.cc-icon-button,.cc-balance-placeholder,.cc-user-link,.cc-logout-button{border:1px solid var(--cc-line);background:var(--cc-inset);height:36px;color:var(--cc-text-2);border-radius:9px}.cc-icon-button{cursor:pointer;place-items:center;width:36px;display:grid}.cc-icon-button:hover{border-color:var(--cc-text-4);color:var(--cc-text)}.cc-icon-button svg{stroke-width:1.8px;width:15px;height:15px}.cc-menu-button{background:var(--cc-panel);flex:0 0 34px;width:34px;height:34px;display:none}.cc-menu-button svg{stroke-width:1.8px;width:16px;height:16px}.cc-balance-placeholder,.cc-user-link,.cc-logout-button{white-space:nowrap;align-items:center;gap:7px;padding:0 13px;font-size:13.5px;display:flex}.cc-balance-placeholder b{color:var(--cc-text);font-variant-numeric:tabular-nums}.cc-user-link{cursor:pointer;text-decoration:none;transition:border-color .14s,color .14s,background .14s}.cc-user-link:hover{border-color:var(--cc-text-4);background:var(--cc-soft);color:var(--cc-text)}.cc-user-link svg{stroke-width:1.7px;width:14px;height:14px}.cc-logout-button{cursor:pointer;transition:border-color .14s,color .14s,background .14s,opacity .14s}.cc-logout-button:hover:not(:disabled){border-color:var(--cc-text-4);background:var(--cc-soft);color:var(--cc-text)}.cc-logout-button:disabled{cursor:wait;opacity:.68}.cc-logout-button svg{stroke-width:1.7px;width:14px;height:14px}.cc-logout-button.is-pending svg{animation:.8s ease-in-out infinite alternate cc-logout-pulse}.cc-logout-error{top:calc(100% + 8px);right:var(--cc-gutter);z-index:2;color:#fff;box-shadow:var(--cc-shadow-raised);background:#7f1d1d;border:1px solid #b91c1c;border-radius:8px;padding:7px 10px;font-size:12px;line-height:1.4;position:absolute}@keyframes cc-logout-pulse{to{opacity:.35}}.cc-scrim{z-index:65;background:var(--cc-scrim);cursor:default;border:0;position:fixed;inset:0}.cc-scrim.is-navigation{z-index:75}.cc-shell :focus-visible{outline-offset:3px;outline:2px solid #f59e0b}@media (width>=1800px){.cc-shell{--cc-gutter:34px;--cc-sidebar-width:270px}}@media (width<=1024px){.cc-sidebar{visibility:hidden;overscroll-behavior-y:contain;width:min(270px,100vw - 24px);height:100dvh;padding-bottom:env(safe-area-inset-bottom);transition:transform .26s cubic-bezier(.3,.8,.3,1),visibility 0s .26s;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-101%)}.cc-sidebar.is-open{visibility:visible;transition:transform .26s cubic-bezier(.3,.8,.3,1);transform:none}.cc-navigation{flex:1 0 auto;overflow:visible}.cc-brand{z-index:1;background:var(--cc-panel);position:sticky;top:0}.cc-menu-button{display:grid}}@media (height<=1000px){.cc-sidebar{display:block}}@media (width<=820px){.cc-shell{--cc-gutter:14px}.cc-page-title h1{font-size:15px}.cc-page-title p,.cc-balance-placeholder,.cc-user-link span{display:none}.cc-user-link{justify-content:center;width:36px;padding:0}}@media (width<=430px){.cc-topbar{gap:8px}.cc-top-actions{gap:6px}.cc-logout-button{justify-content:center;width:36px;padding:0}.cc-logout-button span{display:none}}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 84% -10%, #7156ff14, transparent 26%), var(--bg);min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--line-soft);background:#0d0f17;flex-direction:column;width:244px;padding:0 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{justify-content:space-between;align-items:center;height:76px;padding:0 12px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{width:31px;height:31px;display:block;position:relative;transform:rotate(-10deg)}.brand-mark i{background:linear-gradient(145deg,#a894ff,#6551dc);border-radius:4px;width:13px;height:13px;display:block;position:absolute;box-shadow:0 4px 12px #785cff47}.brand-mark i:first-child{top:2px;left:0}.brand-mark i:nth-child(2){opacity:.8;top:0;right:0}.brand-mark i:nth-child(3){background:linear-gradient(145deg,#72c9ff,#7770ef);bottom:0;left:9px}.brand>span:last-child{letter-spacing:.02em;flex-direction:column;display:flex}.brand strong{font-size:15px;line-height:16px}.brand small{color:var(--dim);letter-spacing:.22em;margin-top:2px;font-size:8px}.close-menu{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:26px;display:none}.nav-group{margin:12px 0 22px}.nav-group p{color:#505769;letter-spacing:.12em;margin:0 12px 8px;font-size:10px;font-weight:650}.nav-group a{color:#8b92a4;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;min-height:40px;margin:2px 0;padding:0 12px;font-size:13px;transition:all .18s;display:flex}.nav-group a:hover{color:#d6dae4;background:#121620}.nav-group a.active{color:#ece9ff;box-shadow:inset 3px 0 0 var(--violet);background:linear-gradient(90deg,#8267ff2b,#8267ff12);border-color:#8970ff2e}.nav-icon{color:#6e7587;place-items:center;width:20px;height:20px;font-size:16px;display:grid}.nav-badge{color:#cfbfff;background:#8b74ff33;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;display:grid}.sidebar-foot{background:linear-gradient(135deg,#7a61f31c,#3fcaa30a);border:1px solid #816de026;border-radius:10px;gap:10px;margin-top:auto;padding:14px;display:flex}.support-orb{color:#b8aaff;border:1px solid #957eff59;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:12px;display:grid}.sidebar-foot div:last-child{flex-direction:column;gap:3px;display:flex}.sidebar-foot strong{font-size:11px}.sidebar-foot span{color:var(--dim);font-size:9px;line-height:1.45}.sidebar-backdrop{display:none}.main-column{min-width:0;margin-left:244px}.live-monitor-column{height:100vh;overflow:hidden}.live-monitor-main{width:100%;max-width:none;height:calc(100vh - 62px);margin:0;padding:0}.live-monitor-frame{background:#0b0f14;border:0;width:100%;height:100%;display:block}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#090b12e0;justify-content:space-between;align-items:center;height:62px;padding:0 32px;display:flex;position:sticky;top:0}.system-health{color:#a9afbd;align-items:center;gap:8px;font-size:11px;display:flex}.system-health em{color:#535a6a;margin-left:6px;font-style:normal}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #42d6a414,0 0 10px #42d6a4b3}.top-actions{align-items:center;gap:8px;display:flex}.icon-button,.menu-button{color:#7d8494;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.icon-button:hover,.menu-button:hover{color:#fff;background:var(--panel-2)}.notification{font-size:17px;position:relative;transform:rotate(180deg)}.notification i{border:1px solid var(--bg);background:#9b83ff;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.divider{background:var(--line);width:1px;height:22px;margin:0 8px}.user{align-items:center;gap:9px;display:flex}.avatar{color:#dcd4ff;background:linear-gradient(145deg,#403771,#252340);border:1px solid #554b86;border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.user div{flex-direction:column;min-width:66px;display:flex}.user strong{font-size:11px;font-weight:600}.user small{color:var(--dim);margin-top:2px;font-size:9px}.user b{color:#606778;font-size:11px}.menu-button{display:none}main{max-width:1440px;margin:0 auto;padding:32px 36px 22px}.page-heading{justify-content:space-between;align-items:flex-end;margin:2px 0 28px;display:flex}.page-heading>div:first-child>span{color:#62697a;letter-spacing:.04em;font-size:10px}.page-heading h1{letter-spacing:-.025em;margin:6px 0 5px;font-size:25px;line-height:1.2}.page-heading p{color:var(--muted);margin:0;font-size:12px}.live-chip{color:#8e96a8;border:1px solid var(--line);background:#11141db3;border-radius:7px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#12151e,#0f121a);border-radius:11px;align-items:flex-start;gap:14px;min-height:114px;padding:20px;display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";filter:blur(5px);background:#846aff0d;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-55px;right:-40px}.metric-icon{border-radius:9px;flex:0 0 36px;place-items:center;height:36px;font-size:17px;font-weight:600;display:grid}.metric-icon.violet{color:#a995ff;background:var(--violet-soft);border:1px solid #8b74ff2e}.metric-icon.green{color:var(--green);background:#42d6a417;border:1px solid #42d6a424}.metric-icon.amber{color:var(--amber);background:#f6b84c17;border:1px solid #f6b84c26}.metric-icon.blue{color:var(--blue);background:#54a8ff17;border:1px solid #54a8ff24}.metric-copy{flex-direction:column;display:flex}.metric-copy>span{color:#747b8d;font-size:10px}.metric-copy>strong{letter-spacing:-.025em;margin:7px 0 5px;font-size:23px;line-height:1}.metric-copy>small{color:#666e7f;font-size:9px}.metric-arrow{color:#454c5b;font-size:11px;position:absolute;top:18px;right:17px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#12151efa,#0e1119fa);border-radius:11px;overflow:hidden}.panel-title{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:68px;padding:17px 20px;display:flex}.panel-title>div{flex-direction:column;gap:4px;display:flex}.panel-title span{color:#565e6e;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.panel-title strong{font-size:12px;font-weight:600}.panel-title select{color:#8c93a4;border:1px solid var(--line);background:#0e1119;border-radius:6px;outline:none;min-width:118px;height:30px;padding:0 10px;font-size:9px}.panel-title a{color:#8e7bf5;font-size:9px}.chart-summary{gap:42px;padding:18px 20px 0;display:flex}.chart-summary>div{flex-direction:column;display:flex}.chart-summary span{color:#646c7d;font-size:8px}.chart-summary strong{margin-top:5px;font-size:17px}.chart-summary small{color:#687082;margin-left:2px;font-size:8px;font-weight:500}.bar-chart{background:repeating-linear-gradient(#0000 0 30px,#2a303f59 31px);border-bottom:1px solid #202532;align-items:flex-end;gap:4px;height:125px;margin:18px 20px 0;display:flex;position:relative}.bar-chart:after{content:"";background:#876cff59;height:1px;position:absolute;inset:25% 0 auto;box-shadow:0 0 8px #876cff40}.bar-chart i{background:linear-gradient(#8d71ffb8,#5d4bb12e);border-radius:2px 2px 0 0;flex:1;min-width:3px;box-shadow:0 -4px 10px #7c5fff0f}.chart-axis{color:#484f5f;justify-content:space-between;padding:7px 20px 17px;font-size:7px;display:flex}.region-list{padding:4px 20px 8px}.region-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:11px;min-height:57px;display:flex}.region-row:last-child{border:0}.flag{color:#a5acbb;letter-spacing:.06em;background:#191d27;border:1px solid #292e3c;border-radius:5px;place-items:center;width:31px;height:23px;font-size:7px;font-weight:700;display:grid}.flag.sg{color:#ff9c9c}.flag.us{color:#9bbfff}.region-row>div{flex-direction:column;flex:1;gap:4px;display:flex}.region-row strong{font-size:10px;font-weight:550}.region-row small{color:#5a6272;font-size:8px}.pill{white-space:nowrap;border-radius:10px;align-items:center;width:fit-content;min-height:21px;padding:0 8px;font-size:8px;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-right:5px}.services-panel{margin-top:14px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:9px}th{color:#565e6e;text-align:left;white-space:nowrap;background:#0e1118;padding:10px 20px;font-weight:500}td{color:#7f8798;border-top:1px solid var(--line-soft);white-space:nowrap;padding:13px 20px}.row-action{color:#5c6474;cursor:pointer;letter-spacing:2px;background:0 0;border:0;padding:4px}.section-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.filter-tabs{border:1px solid var(--line);background:#0f121a;border-radius:8px;gap:2px;padding:3px;display:flex}.filter-tabs button{color:#6e7587;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:30px;padding:0 13px;font-size:9px}.filter-tabs button.active{color:#d9d4fa;background:#1a1c2b}.primary-button{color:#eeebff;cursor:pointer;background:linear-gradient(135deg,#7862df,#6952cf);border:1px solid #8975e5;border-radius:7px;min-height:32px;padding:0 13px;font-size:9px;font-weight:550;box-shadow:0 5px 18px #684ed129}.primary-button:hover{filter:brightness(1.08)}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.compact-metrics article{border:1px solid var(--line);background:linear-gradient(145deg,#12151e,#0f121a);border-radius:11px;flex-direction:column;min-height:120px;padding:20px;display:flex}.compact-metrics span{color:#6d7485;font-size:10px}.compact-metrics strong{letter-spacing:-.02em;margin:10px 0 12px;font-size:24px}.compact-metrics small{color:#626a7a;align-items:center;gap:6px;font-size:9px;display:flex}.compact-metrics i{border-radius:50%;width:5px;height:5px;display:block}.green-dot{background:var(--green);box-shadow:0 0 8px #42d6a473}.amber-dot{background:var(--amber);box-shadow:0 0 8px #f6b84c66}.data-panel .panel-title{min-height:72px}footer{color:#424958;justify-content:space-between;padding:25px 2px 0;font-size:8px;display:flex}:root{--bg:#101319;--panel:#15191f;--panel-2:#171b21;--line:#2a2e34;--line-soft:#20262f;--text:#edf1f6;--muted:#979da7;--dim:#68717e;--violet:#f59e0b;--violet-soft:#f59e0b14;--green:#60bd36;--amber:#f59e0b;--blue:#3f7df2}html,body,.app-shell{background:#101319}.app-shell{background-image:none}.sidebar{background:linear-gradient(#12151b 0%,#101319 100%);border-color:#2a2e34;box-shadow:inset -1px 0 #ffffff03}.sidebar-head{border-bottom:1px solid #20262f}.brand-mark{transform:none}.brand-mark i{box-shadow:none;background:#f59e0b;border-radius:3px}.brand-mark i:nth-child(2){opacity:1;background:#d98908}.brand-mark i:nth-child(3){background:#ffb31f}.brand small,.nav-group p{color:#68717e}.nav-group a{color:#979da7;border-radius:8px}.nav-group a:hover{color:#edf1f6;background:#171b21;border-color:#2a2e34}.nav-group a.active{color:#ffb31f;background:#f59e0b12;border-color:#f59e0b8a;box-shadow:inset 3px 0 #f59e0b}.active .nav-icon{color:#f59e0b}.nav-badge{color:#ffb31f;background:#f59e0b1a;border:1px solid #f59e0b4d}.sidebar-foot{background:#14181e;border-color:#2a3039}.support-orb{color:#ffb31f;border-color:#f59e0b80}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12151bf5;border-color:#2a2e34}.live-dot{background:#60bd36;box-shadow:0 0 0 4px #60bd3614}.icon-button:hover,.menu-button:hover{background:#1f232a}.avatar{color:#ffb31f;background:#f59e0b12;border-color:#f59e0b75}.page-heading>div:first-child>span{color:#68717e;text-transform:uppercase;letter-spacing:.08em}.page-heading h1{color:#edf1f6;letter-spacing:.01em;font-weight:650}.page-heading p{color:#979da7}.metric-card,.compact-metrics article,.panel{box-shadow:none;background:linear-gradient(145deg,#171b21,#14181e);border-color:#2a2e34;border-radius:12px}.metric-card:after{display:none}.metric-icon.violet,.metric-icon.amber{color:#ffb31f;background:#f59e0b12;border-color:#f59e0b6b}.metric-icon.green{color:#60bd36;background:#60bd3614;border-color:#60bd364d}.metric-icon.blue{color:#3f7df2;background:#3f7df214;border-color:#3f7df24d}.metric-copy>span,.compact-metrics span{color:#979da7}.metric-copy>small,.compact-metrics small{color:#68717e}.panel-title{border-color:#242a32}.panel-title span{color:#68717e}.panel-title strong{color:#edf1f6}.panel-title a{color:#ffb31f}.panel-title select,.filter-tabs{color:#979da7;background:#0c1016;border-color:#2c323c}.filter-tabs button{color:#959ca8}.filter-tabs button.active{color:#ffb31f;background:#f59e0b12;box-shadow:inset 0 0 0 1px #f59e0bc7}.primary-button{color:#ffb31f;box-shadow:none;background:#f59e0b12;border-color:#f59e0bc7}.primary-button:hover{color:#101319;filter:none;background:#f59e0b}th{color:#a3abb7;background:#1f232a;border-color:#2c333d;font-weight:550}td{color:#aeb5bf;border-color:#272d35}td strong{color:#e3e7ed;font-weight:550}tbody tr:hover{background:#f59e0b06}.pill.success{color:#60bd36;background:#60bd3617}.pill.warning{color:#f59e0b;background:#f59e0b17}.green-dot{box-shadow:none;background:#60bd36}.amber-dot{box-shadow:none;background:#f59e0b}footer{color:#515d6d}@media (width>=1700px){.sidebar{width:264px;padding-inline:18px}.main-column{margin-left:264px}main{padding-inline:44px}.metric-card{min-height:122px}.bar-chart{height:145px}}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.regions-panel{min-height:auto}}@media (width<=760px){.sidebar{width:min(290px,84vw);transition:transform .25s;transform:translate(-102%);box-shadow:16px 0 50px #0006}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:29;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020307ad;border:0;width:100%;position:fixed;inset:0}.sidebar-backdrop.visible,.close-menu{display:block}.main-column{margin-left:0}.live-monitor-main{height:calc(100vh - 58px)}.topbar{height:58px;padding:0 16px}.menu-button{display:grid}.system-health em,.divider,.user div,.user b,.top-actions .icon-button:first-child{display:none}main{padding:24px 16px 18px}.page-heading{align-items:flex-start;gap:16px}.page-heading h1{font-size:22px}.page-heading p{max-width:280px;line-height:1.5}.live-chip{display:none}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:104px}.compact-metrics{grid-template-columns:1fr}.compact-metrics article{min-height:104px}.section-toolbar{flex-direction:column;align-items:stretch;gap:10px}.filter-tabs{overflow-x:auto}.primary-button{align-self:flex-start}.chart-summary{gap:22px}.bar-chart{gap:2px}.panel-title,th,td{padding-inline:15px}footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}