@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172033;background:#f3f7fb;font-synthesis:none;--background: #f3f7fb;--foreground: #172033;--card: #ffffff;--muted: #eef3f8;--muted-fg: #64748b;--border: #d8e2ed;--accent: #edf4fb;--primary: #087fbd;--primary-soft: rgba(8, 127, 189, .12);--shadow: 0 16px 40px rgba(29, 50, 78, .08)}.dark{color:#e8edf5;background:#0c0f14;--background: #0c0f14;--foreground: #e8edf5;--card: #131720;--muted: #191f2a;--muted-fg: #8294ab;--border: #252d3a;--accent: #18202c;--primary: #25b9df;--primary-soft: rgba(37, 185, 223, .12);--shadow: 0 22px 55px rgba(0, 0, 0, .24)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--foreground)}button,input{font:inherit}button{color:inherit}.mono{font-family:JetBrains Mono,Fira Code,monospace}.muted{color:var(--muted-fg)}.text-cyan{color:var(--primary)!important}.text-red{color:#f2636b!important}.app-shell{min-height:100vh;background:var(--background);color:var(--foreground)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:252px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--card) 94%,transparent);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{height:68px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--border)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:var(--primary-soft);box-shadow:0 0 20px color-mix(in srgb,var(--primary) 20%,transparent)}.brand strong{display:block;font-size:14px;letter-spacing:.18em}.brand span{display:block;margin-top:2px;color:var(--muted-fg);font:500 9px/1 JetBrains Mono,monospace;letter-spacing:.12em}.sidebar-nav{flex:1;padding:16px 0}.nav-section{margin-bottom:14px}.nav-section-title{padding:10px 20px 6px;color:color-mix(in srgb,var(--muted-fg) 72%,transparent);font:600 10px/1 JetBrains Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.nav-item{width:calc(100% - 20px);margin:2px 10px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:10px;background:transparent;color:var(--muted-fg);font-size:14px;font-weight:500;text-align:left;cursor:pointer}.nav-item:hover{color:var(--foreground);background:var(--accent)}.nav-item.active{color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 42%,transparent)}.nav-item:disabled{cursor:default;opacity:.62}.nav-item:disabled:hover{color:var(--muted-fg);background:transparent}.nav-soon{margin-left:auto;padding:3px 5px;border:1px solid var(--border);border-radius:4px;color:var(--muted-fg);font:600 7px/1 JetBrains Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.nav-icon{width:21px;height:21px}.sidebar-foot{padding:16px 20px;border-top:1px solid var(--border);color:var(--muted-fg);font-size:10px}.agent-state{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:var(--foreground);font-size:11px}.agent-state span,.data-plane-state span{width:7px;height:7px;border-radius:50%;background:#20c984;box-shadow:0 0 9px #20c984a6}.agent-state.demo span,.data-plane-state.demo span{background:#e9a13a;box-shadow:0 0 9px #e9a13a8c}.top-bar{position:fixed;top:0;left:252px;right:0;z-index:15;height:52px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--background) 82%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--muted-fg);font-size:12px}.breadcrumb strong{color:var(--foreground)}.top-actions,.data-plane-state{display:flex;align-items:center;gap:10px}.data-plane-state{color:var(--muted-fg);font:500 10px/1 JetBrains Mono,monospace}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--muted);color:var(--muted-fg);cursor:pointer}.icon-button:hover{color:var(--foreground);border-color:color-mix(in srgb,var(--primary) 50%,var(--border))}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:var(--primary-soft);font:700 10px/1 JetBrains Mono,monospace}.owner-name{color:var(--muted-fg);font:500 10px/1 JetBrains Mono,monospace}.owner-button{height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--border));border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:600;cursor:pointer}.owner-button:hover{border-color:color-mix(in srgb,var(--primary) 68%,var(--border))}.owner-account-link,.inline-link{color:var(--primary);text-decoration:none}.inline-link{font-weight:600}.inline-link:hover{text-decoration:underline}.main-content{min-height:100vh;margin-left:252px;padding:78px 28px 32px}.grid-background{background-image:linear-gradient(color-mix(in srgb,var(--border) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 22%,transparent) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;animation:rise .3s ease-out}.eyebrow{color:var(--primary);font:600 10px/1.4 JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.025em}h2{margin:3px 0 0;font-size:17px;letter-spacing:-.01em}.page-head p{margin-bottom:0;color:var(--muted-fg);font-size:13px}.mode-badge{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid color-mix(in srgb,#f4a835 42%,var(--border));border-radius:7px;background:color-mix(in srgb,#f4a835 10%,var(--card));color:#d99527;font:600 10px/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.mode-badge.connected{border-color:#20c98452;background:#20c98417;color:#20c984}.card{background:color-mix(in srgb,var(--card) 97%,transparent);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{min-height:92px;padding:17px 18px;display:flex;align-items:center;gap:14px;animation:rise .3s ease-out both}.stat-card:nth-child(2){animation-delay:50ms}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.stat-icon.cyan{color:var(--primary);background:var(--primary-soft)}.stat-icon.green{color:#20c984;background:#20c9841c}.stat-icon.red{color:#f2636b;background:#f2636b1c}.stat-icon.violet{color:#a78bfa;background:#a78bfa1c}.stat-card strong{display:block;font-size:23px;line-height:1.05}.stat-card span{display:block;margin-top:6px;color:var(--muted-fg);font-size:11px}.card-head{min-height:62px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.chart-card{margin-bottom:20px;overflow:hidden;animation:rise .3s .1s ease-out both}.range-switch{display:flex;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--muted)}.range-switch button{padding:5px 9px;border:0;border-radius:5px;background:transparent;color:var(--muted-fg);font:600 9px/1 JetBrains Mono,monospace;cursor:pointer}.range-switch button.active{background:var(--card);color:var(--primary);box-shadow:0 1px 5px #0000001f}.chart-wrap{position:relative;height:292px;padding:16px 18px 32px}.chart-wrap canvas{width:100%!important;height:100%!important}.last-value{position:absolute;right:24px;bottom:13px;display:flex;align-items:baseline;gap:6px;pointer-events:none}.last-value span{color:var(--muted-fg);font-size:9px}.last-value strong{color:#20c984;font:700 14px/1 JetBrains Mono,monospace}.last-value small{color:var(--muted-fg);font:500 9px/1 JetBrains Mono,monospace}.chart-tooltip{position:absolute;z-index:4;min-width:210px;padding:10px 11px;border:1px solid #303a49;border-radius:7px;background:#0d1118f5;color:#e8edf5;box-shadow:0 14px 35px #0006;opacity:0;pointer-events:none;transition:opacity .1s}.tooltip-time{margin-bottom:8px;color:#8294ab;font:500 9px/1 JetBrains Mono,monospace}.tooltip-row{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:7px;font-size:10px}.tooltip-row i{width:7px;height:7px;border-radius:50%;background:#20c984}.tooltip-row strong{color:#20c984;font:700 11px/1 JetBrains Mono,monospace}.tooltip-row small{color:#8294ab;font-size:9px}.nodes-card{overflow:hidden;animation:rise .3s .16s ease-out both}.nodes-head{min-height:70px}.table-tools{display:flex;gap:9px}.search-box{width:210px;height:34px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;background:var(--muted);color:var(--muted-fg)}.search-box:focus-within{border-color:color-mix(in srgb,var(--primary) 58%,var(--border));box-shadow:0 0 0 2px var(--primary-soft)}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--foreground);font-size:11px}.primary-button,.danger-button,.enable-button,.secondary-button,.confirm-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;cursor:pointer;font-weight:600}.primary-button{height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--primary) 55%,transparent);background:var(--primary-soft);color:var(--primary);font-size:11px}button:disabled{cursor:not-allowed;opacity:.48}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:11px 16px;background:color-mix(in srgb,var(--muted) 68%,transparent);color:var(--muted-fg);font:600 9px/1 JetBrains Mono,monospace;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}td{height:67px;padding:11px 16px;border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent);font-size:11px;white-space:nowrap}tbody tr:hover{background:color-mix(in srgb,var(--accent) 66%,transparent)}.node-name{display:flex;align-items:center;gap:8px}.node-name svg{color:var(--primary)}td small{display:block;margin:5px 0 0 24px;color:var(--muted-fg);font-size:9px}.inline-meta{margin-left:0}.fleet-reason{max-width:230px;white-space:normal;line-height:1.35}.expandable-row{cursor:pointer}.hierarchy-row>td{height:auto;padding:0;background:color-mix(in srgb,var(--muted) 34%,transparent);white-space:normal}.hierarchy-panel{padding:16px 20px 20px 42px}.hierarchy-head,.location-line,.location-title,.location-actions,.server-line,.server-line>div{display:flex;align-items:center}.hierarchy-head{justify-content:space-between;gap:18px;margin-bottom:12px}.hierarchy-head strong{display:block;font-size:12px}.hierarchy-head span{display:block;margin-top:3px;color:var(--muted-fg);font-size:10px}.hierarchy-empty{padding:18px;border:1px dashed var(--border);border-radius:8px;color:var(--muted-fg);text-align:center;font-size:10px}.location-block{margin-top:8px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card)}.location-line{min-height:58px;justify-content:space-between;gap:18px;padding:10px 13px;cursor:pointer}.location-line:hover{background:var(--accent)}.location-title{gap:10px}.location-title svg{color:#20c984}.location-title strong,.location-title span{display:block}.location-title span{margin-top:4px;color:var(--muted-fg);font-size:9px}.location-actions{gap:12px}.server-list{padding:8px 12px 12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 48%,transparent)}.server-entry{border-bottom:1px solid var(--border)}.server-entry:last-child{border-bottom:0}.server-line{min-height:50px;justify-content:space-between;gap:16px;padding:8px 10px;border-bottom:1px solid var(--border)}.server-entry .server-line{border-bottom:0}.server-line>div{gap:10px}.server-line svg{color:var(--primary)}.server-line strong,.server-line small{display:block}.server-line small{margin:4px 0 0;color:var(--muted-fg)}.server-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.row-icon-button{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted-fg);cursor:pointer}.row-icon-button:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));color:var(--primary);background:var(--primary-soft)}.row-icon-button.danger:hover{border-color:#f2636b59;color:#f2636b;background:#f2636b17}.control-strip{margin:0 10px 10px 35px;padding:9px 10px;display:flex;align-items:center;gap:12px;overflow-x:auto;border:1px solid var(--border);border-radius:7px;background:var(--muted);color:var(--muted-fg);font-size:9px}.control-slot{display:grid;grid-template-columns:6px auto;column-gap:6px;align-items:center;min-width:max-content}.control-slot i{width:6px;height:6px;border-radius:50%;background:#e9a13a}.control-slot i.enabled{background:#20c984;box-shadow:0 0 7px #20c9848c}.control-slot i.blocked{background:#f2636b}.control-slot span{color:var(--foreground);font-weight:600}.control-slot small{grid-column:2;color:var(--muted-fg)}.status-badge{width:fit-content;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid;border-radius:999px;font:600 9px/1 JetBrains Mono,monospace}.status-badge i{width:6px;height:6px;border-radius:50%}.status-badge.enabled{color:#20c984;border-color:#20c98445;background:#20c98414}.status-badge.enabled i{background:#20c984;box-shadow:0 0 7px #20c98499}.status-badge.blocked{color:#f2636b;border-color:#f2636b45;background:#f2636b14}.status-badge.blocked i{background:#f2636b}.status-badge.pending{color:#e9a13a;border-color:#e9a13a45;background:#e9a13a14}.status-badge.pending i{background:#e9a13a}.tang-state{display:flex;align-items:center;gap:5px;color:#20c984}.tang-state span{width:6px;height:17px;border-radius:2px;background:var(--border)}.tang-state span.alive{background:#20c984;box-shadow:0 0 6px #20c98452}.tang-state.degraded{color:#e9a13a}.tang-state.degraded span.alive{background:#e9a13a;box-shadow:0 0 6px #e9a13a52}.tang-state.offline{color:#f2636b}.tang-state b{margin-left:4px;font-size:9px}.action-cell{width:1%;text-align:right}.danger-button,.enable-button{min-width:118px;height:30px;padding:0 9px;background:transparent;font-size:9px}.danger-button{border:1px solid rgba(242,99,107,.26);color:#f2636b}.danger-button:hover{background:#f2636b17}.enable-button{border:1px solid rgba(32,201,132,.28);color:#20c984}.enable-button:hover{background:#20c98414}.empty-row{height:110px;color:var(--muted-fg);text-align:center}.safety-note,.alert{margin-top:16px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--primary) 6%,var(--card));color:var(--muted-fg);font-size:11px;line-height:1.5}.safety-note svg{flex:0 0 auto;color:var(--primary)}.safety-note strong{color:var(--foreground)}.error-alert{margin:0 0 16px;border-color:#f2636b52;background:#f2636b14;color:#f2636b}.notice-alert{margin:0 0 16px;border-color:#20c9844d;background:#20c98414;color:#20c984}.pending-alert{margin:0 0 16px;border-color:#e9a13a4d;background:#e9a13a14;color:#e9a13a}.auth-gate{min-height:280px;padding:44px;display:flex;align-items:center;justify-content:center;gap:24px}.auth-gate-icon{width:64px;height:64px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:var(--primary-soft);color:var(--primary)}.auth-gate h2{margin:6px 0 8px;font-size:21px}.auth-gate p{max-width:560px;margin-bottom:0;color:var(--muted-fg);font-size:12px;line-height:1.55}.auth-login-button{height:38px;flex:0 0 auto}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#04070bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(460px,100%);padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 30px 80px #00000075;animation:modal-in .18s ease-out}.enrollment-modal{width:min(560px,100%)}.modal-icon{width:42px;height:42px;margin-bottom:18px;display:grid;place-items:center;border-radius:10px;background:#f2636b1c;color:#f2636b}.modal-icon.add-icon{background:var(--primary-soft);color:var(--primary)}.modal h2{margin:6px 0 10px;font-size:20px}.modal p{color:var(--muted-fg);font-size:12px;line-height:1.55}.modal label{display:block;margin-top:18px;color:var(--muted-fg);font-size:10px}.form-hint{margin-top:8px;color:var(--muted-fg);font-size:9px;line-height:1.45}.form-grid{display:grid;grid-template-columns:1fr}.confirm-input{width:100%;height:40px;margin-top:7px;padding:0 11px;border:1px solid var(--border);border-radius:7px;outline:0;background:var(--muted);color:var(--foreground);font-size:11px}.confirm-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4cc9f024}.secret-output{width:100%;min-height:96px;margin-top:7px;padding:11px;resize:vertical;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:7px;outline:0;background:var(--muted);color:var(--foreground);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.enrollment-expiry{margin-top:10px;color:var(--muted-fg);font-size:10px}.compact-note{margin-top:14px;padding:10px 11px;font-size:10px}.modal-error{margin-top:14px;padding:9px 10px;display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(242,99,107,.28);border-radius:7px;background:#f2636b14;color:#f2636b;font-size:10px;line-height:1.45}.modal-error svg{flex:0 0 auto}.modal-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:9px}.secondary-button,.confirm-button{height:36px;padding:0 13px;font-size:11px}.secondary-button{border:1px solid var(--border);background:var(--muted);color:var(--muted-fg)}.confirm-button{border:1px solid rgba(242,99,107,.45);background:#f2636b21;color:#f2636b}.modal-primary{min-width:122px}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:scale(.98) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nodes-head{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.sidebar{width:70px}.brand{padding:0 17px}.brand>div:last-child,.nav-section-title,.nav-item{font-size:0}.nav-soon{display:none}.nav-item{justify-content:center;gap:0}.sidebar-foot{display:none}.top-bar{left:70px;padding:0 14px}.main-content{margin-left:70px;padding:72px 14px 24px}.data-plane-state,.breadcrumb span,.breadcrumb svg,.owner-name{display:none}.page-head{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr;gap:10px}.table-tools{width:100%}.search-box{flex:1}.primary-button{display:none}.auth-login-button,.modal .primary-button{display:inline-flex}.auth-gate{padding:28px 20px;align-items:flex-start;flex-direction:column}.hierarchy-panel{padding-left:14px;padding-right:14px}.hierarchy-head,.location-line{align-items:flex-start;flex-direction:column}.location-actions{width:100%;justify-content:space-between}.server-line{align-items:flex-start;flex-direction:column}.server-actions{width:100%;justify-content:space-between}.control-strip{margin-left:10px;align-items:flex-start;flex-direction:column}.chart-wrap{height:250px;padding-left:8px;padding-right:8px}}