@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e7edf8;background:#0a0f1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;font-size:14px;--bg:#0a0f1b;--panel:#101827;--panel-raised:#141f31;--border:#253146;--muted:#8c9bb2;--text:#e7edf8;--blue:#5b9cff;--green:#31d6a0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #6ba9ff;outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:#0d1422;border-right:1px solid #1f2a3c;display:flex;flex-direction:column;z-index:20}.brand-row{height:78px;display:flex;align-items:center;padding:0 20px;gap:11px;border-bottom:1px solid #202b3d}.brand-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#397cf1,#6d9fff);display:grid;place-items:center;color:#fff;box-shadow:0 5px 22px #3777f533}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-.8px;color:#f4f7ff}.brand-copy strong span{color:#6ca5ff}.brand-copy small{font-size:9px;font-weight:700;letter-spacing:2.4px;color:#71819b}.sidebar-close,.mobile-menu{display:none}.workspace{display:flex;align-items:center;gap:10px;margin:17px 13px 22px;padding:10px;border:1px solid #283449;border-radius:9px;background:#111b2b;color:inherit;text-align:left}.workspace-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:8px;background:#202f47;color:#80b2ff}.workspace-copy,.user-copy{display:flex;flex-direction:column;gap:3px;flex:1}.workspace-copy strong,.user-copy strong{font-size:11px;font-weight:600}.workspace-copy small,.user-copy small{font-size:10px;color:var(--muted)}.muted-icon{color:#72829a}.sidebar-content{padding:0 12px;flex:1;overflow-y:auto}.nav-group{margin-bottom:25px}.nav-heading{font-size:9px;color:#687990;font-weight:700;letter-spacing:1.3px;padding:0 10px;margin-bottom:9px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;height:39px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#9caac0;text-align:left;font-size:12px;margin:3px 0}.nav-item svg{color:#8393ac}.nav-item:hover{background:#152137;color:#e4edff}.nav-active{background:#1a2c49;color:#8dbbff;border:1px solid #29456e}.nav-active svg{color:#79adff}.nav-count{margin-left:auto;font-size:10px;color:#93a1b6;background:#202c40;border-radius:5px;padding:2px 6px}.sidebar-bottom{padding:12px;border-top:1px solid #1f2a3c}.help-card{padding:13px;border:1px solid #253349;background:#111b2a;border-radius:9px;margin-bottom:14px}.help-icon{height:27px;width:27px;border:1px solid #30445f;border-radius:7px;display:grid;place-items:center;color:#91b9f2;margin-bottom:9px}.help-card>strong{font-size:11px}.help-card p{font-size:10px;line-height:1.6;color:#8b9ab0;margin:7px 0 11px}.help-card a{display:flex;align-items:center;gap:5px;color:#83b3ff;font-size:10px}.user-row{display:flex;align-items:center;gap:9px;padding:5px 3px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700;color:#d5e5ff;background:#263c60;border:1px solid #3d5a84}.main-area{margin-left:252px;min-height:100vh}.topbar{height:64px;border-bottom:1px solid #1f2a3c;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0b1220}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:15px}.breadcrumbs{font-size:11px;color:#8190a6}.breadcrumbs span{margin:0 10px;color:#40506a}.breadcrumbs strong{font-weight:600;color:#e1e8f4}.topbar-actions{gap:17px}.system-state{display:flex;align-items:center;gap:8px;color:#8d9cb2;font-size:10px;border-right:1px solid #273347;padding-right:18px}.status-pulse{height:7px;width:7px;border-radius:50%;background:#d7a34d;box-shadow:0 0 0 4px #d7a34d1b}.icon-button{height:32px;width:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#8c9bb2}.icon-button:hover{background:#1a2639;border-color:#2a3a53;color:#ecf3ff}.avatar-small{border:1px solid #3a5275;width:28px;height:28px}.page-content{max-width:1600px;margin:auto;padding:31px 32px 20px}.page-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:23px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#7f91ad;display:flex;align-items:center;gap:8px;margin-bottom:10px}.eyebrow-line{width:17px;height:2px;border-radius:2px;background:#639eff}h1,h2,p{margin-top:0}h1{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:29px;letter-spacing:-1.1px;margin-bottom:7px;color:#f2f6ff}.page-subtitle{color:#8d9cb2;font-size:12px;margin:0}.page-actions{display:flex;gap:8px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:600;white-space:nowrap}.button-secondary{background:#121d2e;border:1px solid #2a394f;color:#c4d1e5}.button-secondary:hover{background:#1a2a40}.button-primary{background:#4c8df4;color:#fff;border:1px solid #5d9bfc;box-shadow:0 5px 16px #3274dc22}.button-primary:hover{background:#619bfa}.notice{display:flex;align-items:center;gap:12px;border:1px solid #344667;background:#111e31;border-radius:9px;padding:13px 14px;margin-bottom:27px;position:relative}.notice-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#1d3556;color:#80b3ff;flex-shrink:0}.notice>div:nth-child(2){flex:1}.notice strong{font-size:11px;display:block;margin-bottom:4px;color:#e6edfa}.notice p{font-size:10px;color:#9aaac1;margin:0;line-height:1.5}.notice-action{display:flex;align-items:center;gap:5px;background:none;border:0;color:#8cb8ff;font-size:10px;font-weight:600;white-space:nowrap}.notice-close{width:25px;height:25px}.section-head,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head{margin-bottom:14px}.section-head h2,.panel-heading h2{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.2px;margin-bottom:5px;color:#eaf0fb}.section-head p,.panel-heading p{margin:0;color:#8494ad;font-size:10px}.updated-at{display:flex;align-items:center;gap:6px;color:#7f8ea5;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric-card,.panel{background:linear-gradient(145deg,#111b2b,#101827);border:1px solid #253146;border-radius:10px}.metric-card{padding:15px 15px 13px;min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a3b0c4;font-size:10px}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.metric-icon-blue{background:#192f4e;color:#73aaff}.metric-icon-purple{background:#292543;color:#b6a1ff}.metric-icon-green{background:#15372f;color:#4be0b0}.metric-icon-orange{background:#3a2b22;color:#e8ad78}.metric-value{font-family:Space Grotesk,sans-serif;font-size:29px;font-weight:600;letter-spacing:-.9px;margin:14px 0 4px;color:#f2f6ff}.metric-detail{font-size:10px;color:#8291a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-bottom{display:flex;align-items:center;gap:8px;margin-top:16px}.metric-bar{height:3px;border-radius:3px;background:#28354a;flex:1;overflow:hidden}.metric-bar-fill{display:block;width:30%;height:100%;border-radius:3px;background:#548df1}.metric-bar-purple{background:#9c83ed}.metric-bar-green{background:#29c99c}.metric-bar-orange{background:#c78c5e}.metric-caption{font-size:9px;color:#7888a0;white-space:nowrap}.content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:15px;margin-bottom:15px}.panel{padding:17px;min-width:0}.panel-heading{margin-bottom:17px}.text-button{display:flex;align-items:center;gap:5px;background:transparent;color:#87b4ff;border:0;font-size:10px;font-weight:600;white-space:nowrap}.server-list{display:flex;flex-direction:column}.server-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #243046}.server-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.server-icon-0{background:#1b2e49;color:#80b2ff}.server-icon-1{background:#26253f;color:#b3a2ff}.server-info{min-width:0;flex:1}.server-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.server-name-row>strong,.route-node-copy strong{font-size:11px;font-weight:600;color:#e2eaf7}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #36445a;background:#1b2638;border-radius:5px;padding:3px 6px;font-size:9px;color:#adbbd0}.badge-dot{height:5px;width:5px;border-radius:50%;background:currentColor}.badge-success{border-color:#225b4c;background:#12342d;color:#52dbab}.badge-warning{border-color:#665032;background:#302719;color:#e6ba72}.badge-danger{border-color:#693d4c;background:#351f2a;color:#f28e9c}.badge-info{border-color:#344f79;background:#1b2d49;color:#90baff}.badge-muted{border-color:#303d50;background:#1a2434;color:#91a1b8}.server-meta{font-size:10px;color:#8291a7}.meta-separator{padding:0 7px;color:#52617a}.server-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#8494aa;margin-top:8px}.status-indicator{height:6px;width:6px;border-radius:50%}.status-neutral{background:#d9ac61}.status-healthy{background:#34d6a2}.status-failed{background:#ef7185}.add-server{margin-top:7px;height:34px;width:100%;border-radius:7px;background:#121d2e;border:1px dashed #34435c;color:#aabbd1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.add-server:hover{border-color:#5e8fce;color:#a4c9ff}.route-panel>.panel-heading{align-items:flex-start}.route-flow{border:1px solid #253248;background:#0e1726;border-radius:8px;padding:14px 11px;margin:8px 0 12px}.route-node{display:flex;align-items:center;gap:9px;min-width:0}.route-node-icon{height:35px;width:35px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.route-primary{background:#19314e;color:#8cbbff}.route-backup{background:#292644;color:#b8a4ff}.route-node-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.route-node-copy small{color:#8191a8;font-size:9px}.route-connector{height:53px;display:flex;flex-direction:column;align-items:flex-start;margin-left:17px;justify-content:center;gap:3px;color:#6f8098;font-size:9px}.route-connector>span{height:9px;width:1px;background:#3b4e69;margin-left:0}.route-connector div{display:flex;align-items:center;gap:5px;color:#84a4cd}.route-footnote{display:flex;align-items:flex-start;gap:8px;color:#8292a9;font-size:9px;line-height:1.55;margin-bottom:13px}.route-footnote svg{flex-shrink:0;color:#78a7e9}.button-full{width:100%}.bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.period-button{display:flex;align-items:center;gap:8px;background:#141f30;border:1px solid #2b394f;color:#a5b4ca;border-radius:6px;padding:6px 8px;font-size:9px}.empty-chart{height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px 10px}.chart-illustration{width:42px;height:42px;border-radius:11px;border:1px solid #2b3a51;background:#182438;display:grid;place-items:center;color:#799ac9;margin-bottom:12px}.empty-chart strong,.empty-activity strong{font-size:11px;color:#c9d5e7;font-weight:600}.empty-chart p{max-width:310px;color:#7d8da5;font-size:10px;line-height:1.6;margin:7px 0 0}.activity-panel{display:flex;flex-direction:column}.empty-activity{display:flex;align-items:center;gap:10px;flex:1;min-height:113px}.empty-activity-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#18253a;color:#91a6c7;flex-shrink:0}.empty-activity p{font-size:10px;line-height:1.6;color:#8292a8;margin:6px 0 0}.security-tip{display:flex;gap:9px;border:1px solid #29404d;background:#11242b;border-radius:7px;padding:10px;margin-top:8px}.tip-icon{color:#59d5ad;flex-shrink:0}.security-tip p{font-size:9px;line-height:1.6;color:#8aa7a8;margin:0}.security-tip p strong{color:#b6d7d4;font-size:10px}.footer{border-top:1px solid #202b3e;margin-top:19px;padding:15px 0 4px;display:flex;justify-content:space-between;color:#6d7d95;font-size:9px}.footer-dot{padding:0 5px;color:#42516a}.footer>span:last-child{display:flex;align-items:center;gap:6px}.footer-status{height:5px;width:5px;border-radius:50%;background:#d4a452}.mobile-backdrop{display:none}@media(min-width:1500px){.page-content{padding-top:38px}.metric-card{padding:18px}.panel{padding:20px}.page-content{max-width:1700px}}@media(max-width:1150px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding:27px 22px}.topbar{padding:0 22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.route-flow{padding:17px}.route-node{max-width:540px}.bottom-grid{grid-template-columns:1fr}}@media(max-width:740px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:268px;box-shadow:16px 0 45px #0005}.sidebar-open{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#030712b8;border:0;z-index:19}.sidebar-close,.mobile-menu{display:grid}.main-area{margin-left:0}.topbar{height:57px;padding:0 14px}.topbar-left{gap:9px}.topbar-actions{gap:8px}.system-state{font-size:0;border:0;padding-right:0;gap:0}.system-state .status-pulse{height:8px;width:8px}.breadcrumbs{font-size:10px}.breadcrumbs span{margin:0 6px}.page-content{padding:24px 15px}.page-title-row{align-items:flex-start;flex-direction:column;margin-bottom:19px}.page-actions{width:100%}.page-actions .button{flex:1}.eyebrow{font-size:8px}h1{font-size:26px}.page-subtitle{font-size:11px;line-height:1.6}.notice{align-items:flex-start;gap:9px;padding:11px}.notice-action{position:absolute;right:39px;bottom:10px;font-size:9px}.notice>div:nth-child(2){padding-bottom:16px}.notice-close{position:absolute;right:5px;top:5px}.section-head{align-items:flex-start}.updated-at{font-size:9px;white-space:nowrap}.metric-grid{gap:9px}.metric-card{padding:12px}.metric-top{font-size:9px;align-items:flex-start}.metric-icon{width:28px;height:28px}.metric-value{font-size:26px;margin-top:12px}.metric-detail{font-size:9px}.metric-caption{font-size:8px}.metric-bottom{gap:5px}.panel{padding:13px}.panel-heading h2{font-size:13px}.server-name-row{gap:5px}.route-node .badge{font-size:8px}.footer{gap:10px;flex-wrap:wrap}.bottom-grid{margin-bottom:10px}}@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.metric-card{padding:14px}.metric-top{align-items:center}.metric-bottom{margin-top:10px}.page-actions .button{font-size:10px;padding:9px 7px}.server-icon{width:32px;height:32px}.route-node{gap:6px}.route-node-icon{height:31px;width:31px}.route-node-copy strong{font-size:10px}}