:root,[data-theme=smoked-glass]{--theme-id: smoked-glass;--theme-label: "Smoked Glass";--bg-app: #141312;--bg-sidebar: #181614;--bg-card: #1c1b19;--bg-raised: #242220;--bg-hover: #2a2825;--bg-selected: #1c2a28;--border: #3a3530;--border-strong: #5a4e3e;--text-primary: #e8e6e1;--text-secondary: #a8a29a;--text-muted: #6f6a64;--accent-live: #5ecfc2;--accent-live-muted: rgba(94, 207, 194, .16);--accent-brand: #c4a36a;--accent-brand-muted: rgba(196, 163, 106, .16);--status-healthy: #4caf7d;--status-warning: #d4a24a;--status-critical: #c94c4f;--status-info: #7aa0b8;--on-live: #10201e;--on-brand: #1a140c;--focus-ring: rgba(94, 207, 194, .55);--shadow-card: 0 8px 24px rgba(0, 0, 0, .32)}[data-theme=sea-glass]{--theme-id: sea-glass;--theme-label: "Sea Glass";--bg-app: #0b1210;--bg-sidebar: #0e1614;--bg-card: #14201c;--bg-raised: #1a2a25;--bg-hover: #1f332c;--bg-selected: #14332c;--border: #1e3a32;--border-strong: #2d5a4c;--text-primary: #e7f1ec;--text-secondary: #8fb3a8;--text-muted: #5c7a72;--accent-live: #5fd0b8;--accent-live-muted: rgba(95, 208, 184, .16);--accent-brand: #c4a36a;--accent-brand-muted: rgba(196, 163, 106, .16);--status-healthy: #4caf7d;--status-warning: #d4a24a;--status-critical: #c94c4f;--status-info: #6ba8c4;--on-live: #0c1c18;--on-brand: #1a140c;--focus-ring: rgba(95, 208, 184, .5);--shadow-card: 0 8px 24px rgba(0, 8, 6, .4)}[data-theme=night-watch]{--theme-id: night-watch;--theme-label: "Night Watch";--bg-app: #0e0f12;--bg-sidebar: #12141a;--bg-card: #161820;--bg-raised: #1c202a;--bg-hover: #242834;--bg-selected: #15282c;--border: #2a3140;--border-strong: #6a5530;--text-primary: #e8edf3;--text-secondary: #93a0b4;--text-muted: #667084;--accent-live: #7ee0e6;--accent-live-muted: rgba(126, 224, 230, .14);--accent-brand: #c6964a;--accent-brand-muted: rgba(198, 150, 74, .16);--status-healthy: #4caf7d;--status-warning: #d4a24a;--status-critical: #c94c4f;--status-info: #7aa0c8;--on-live: #0c181a;--on-brand: #1a140c;--focus-ring: rgba(126, 224, 230, .5);--shadow-card: 0 8px 28px rgba(0, 2, 10, .45)}[data-theme=warm-graphite]{--theme-id: warm-graphite;--theme-label: "Warm Graphite";--bg-app: #161513;--bg-sidebar: #1c1b19;--bg-card: #22211e;--bg-raised: #2a2926;--bg-hover: #32312c;--bg-selected: #1c2a28;--border: #3a3935;--border-strong: #4c4a44;--text-primary: #e7e5e4;--text-secondary: #a8a29e;--text-muted: #78716c;--accent-live: #5eead4;--accent-live-muted: rgba(94, 234, 212, .14);--accent-brand: #e07a5f;--accent-brand-muted: rgba(224, 122, 95, .16);--status-healthy: #4ade80;--status-warning: #e07a5f;--status-critical: #c94c4f;--status-info: #7aa2c4;--on-live: #10201c;--on-brand: #1c1410;--focus-ring: rgba(94, 234, 212, .5);--shadow-card: 0 8px 24px rgba(0, 0, 0, .32)}[data-theme=copper-patina]{--theme-id: copper-patina;--theme-label: "Copper Patina";--bg-app: #14110f;--bg-sidebar: #1a1614;--bg-card: #1c1916;--bg-raised: #24201c;--bg-hover: #2a241f;--bg-selected: #1e2a26;--border: #3a2a22;--border-strong: #5a3d30;--text-primary: #e8e0d6;--text-secondary: #a89888;--text-muted: #6f6358;--accent-live: #2a9b8f;--accent-live-muted: rgba(42, 155, 143, .16);--accent-brand: #c56a3a;--accent-brand-muted: rgba(197, 106, 58, .16);--status-healthy: #3d9b7a;--status-warning: #d6a34a;--status-critical: #c94c4f;--status-info: #6b8ca8;--on-live: #0e1a18;--on-brand: #1a120e;--focus-ring: rgba(42, 155, 143, .55);--shadow-card: 0 8px 24px rgba(0, 0, 0, .35)}.gw-app{background:var(--bg-app);color:var(--text-primary)}.gw-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border)}.gw-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card)}.gw-raised{background:var(--bg-raised);border:1px solid var(--border)}.gw-text-2{color:var(--text-secondary)}.gw-text-muted{color:var(--text-muted)}.gw-btn-publish{background:var(--accent-live);color:var(--on-live);border:1px solid var(--accent-live)}.gw-btn-publish.is-dirty{background:var(--accent-brand);color:var(--on-brand);border-color:var(--accent-brand)}.gw-accent-bar{background:var(--accent-live)}.gw-chip-expiry{color:var(--status-warning);border:1px solid var(--status-warning);background:color-mix(in srgb,var(--status-warning) 14%,transparent)}.gw-healthy{color:var(--status-healthy)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:root{--bg: var(--bg-app);--surface: var(--bg-card);--surface-2: var(--bg-raised);--surface-3: var(--bg-hover);--border-soft: var(--border);--text: var(--text-primary);--muted: var(--text-secondary);--faint: var(--text-muted);--accent: var(--accent-live);--accent-strong: var(--accent-live);--accent-ink: var(--on-live);--accent-glow: var(--accent-live-muted);--accent-line: var(--accent-brand-muted);--ok: var(--status-healthy);--warn: var(--status-warning);--danger: var(--status-critical);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .045);--shadow: var(--shadow-card);--mono: ui-monospace, "JetBrains Mono", "SF Mono", "Cascadia Code", Menlo, monospace;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 78% -10%,color-mix(in srgb,var(--accent-live) 5%,transparent),transparent 60%),var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent-glow)}.layout{display:flex;height:100vh}.sidebar{width:232px;flex-shrink:0;background:linear-gradient(180deg,var(--bg-sidebar) 0%,var(--bg-app) 100%);border-right:1px solid var(--border-soft);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:20px 20px 18px;font-weight:680;font-size:17px;letter-spacing:-.02em}.brand .mark{width:26px;height:26px;color:var(--accent);flex-shrink:0;filter:drop-shadow(0 0 10px var(--accent-glow))}.login-card h1 .mark{width:22px;height:22px}.brand b{font-weight:680}.brand span{color:var(--muted);font-weight:500}.nav-group{padding:6px 10px}.nav-heading{padding:12px 12px 6px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.nav-link{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--muted);font-weight:500;transition:color .12s,background .12s}.nav-link svg{width:17px;height:17px;flex-shrink:0;opacity:.85}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.router-link-active{color:var(--text);background:var(--surface-2)}.nav-link.router-link-active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 12px var(--accent-line)}.nav-link.router-link-active svg{color:var(--accent);opacity:1}.sidebar .foot{margin-top:auto;padding:14px 18px;color:var(--faint);font-size:11.5px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:13px 26px;border-bottom:1px solid var(--border-soft);position:relative;z-index:20;background:color-mix(in srgb,var(--bg-sidebar) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar .spacer{flex:1}.topbar .user{color:var(--muted);font-family:var(--mono);font-size:12.5px}.topbar .user b{color:var(--text);font-weight:600}.publish-msg{color:var(--muted);font-size:13px}.publish-msg.ok{color:var(--ok)}.content{padding:26px 30px;overflow:auto}.publish-warnings{background:color-mix(in srgb,var(--status-warning) 9%,transparent);border:1px solid color-mix(in srgb,var(--status-warning) 28%,transparent);border-radius:11px;padding:14px 16px;margin-bottom:20px;color:var(--warn)}.publish-warnings-head{display:flex;align-items:center;gap:12px}.publish-warnings-head b{flex:1;font-size:13.5px}.publish-warnings ul{margin:10px 0 8px;padding-left:20px;color:var(--text);font-size:13px}.publish-warnings li{margin:3px 0}.publish-warnings small{display:block}.page-head{display:flex;align-items:center;margin-bottom:20px;gap:12px}.page-head h1{font-size:21px;margin:0;letter-spacing:-.02em;font-weight:660}.page-head .count{font-family:var(--mono);font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border-soft);padding:2px 9px;border-radius:999px}.page-head .spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-family:inherit;font-weight:500;transition:all .12s;box-shadow:var(--glass-edge)}.btn:hover{border-color:var(--accent-line);background:var(--surface-3)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);border-color:transparent;color:var(--accent-ink);font-weight:650;box-shadow:0 0 0 1px var(--accent-strong),0 6px 18px -8px var(--accent-glow),var(--glass-edge)}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:var(--danger)}.btn.danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--status-critical) 8%,transparent)}.btn.sm{padding:5px 10px;font-size:12px;border-radius:7px}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:13px;box-shadow:var(--glass-edge),var(--shadow);overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border-soft)}thead th{color:var(--faint);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--surface)}tbody tr{transition:background .1s}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-2)}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:12.5px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid transparent}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill.active,.pill.on{background:color-mix(in srgb,var(--status-healthy) 12%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--status-healthy) 20%,transparent)}.pill.draining{background:color-mix(in srgb,var(--status-warning) 12%,transparent);color:var(--warn);border-color:color-mix(in srgb,var(--status-warning) 20%,transparent)}.pill.down{background:color-mix(in srgb,var(--status-critical) 12%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--status-critical) 20%,transparent)}.pill.tls{background:var(--accent-glow);color:var(--accent);border-color:var(--accent-line)}.pill.off{background:var(--surface-2);color:var(--faint)}.pill.off:before{opacity:.5}.empty{padding:52px;text-align:center;color:var(--muted)}.error{color:var(--danger);margin:8px 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.stat{position:relative;background:var(--surface);border:1px solid var(--border-soft);border-radius:13px;padding:16px 18px;box-shadow:var(--glass-edge),var(--shadow);overflow:hidden}.stat .ico{position:absolute;top:15px;right:15px;color:var(--accent);opacity:.75}.stat .ico svg{width:20px;height:20px}.stat .label{color:var(--muted);font-size:12px;font-weight:500}.stat .value{font-size:30px;font-weight:680;letter-spacing:-.03em;margin-top:6px;font-family:var(--mono)}.stat .sub{margin-top:5px;font-size:12px;color:var(--faint)}.stat .sub.warn{color:var(--warn)}.stat .sub.ok{color:var(--ok)}.stat.beam:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 14px var(--accent-line)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.cols{grid-template-columns:1fr}}.card-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.card-head h3{margin:0;font-size:13.5px;font-weight:620;letter-spacing:-.01em}.card-head .spacer{flex:1}.card-body{padding:6px 8px}.list-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px}.list-row:hover{background:var(--surface-2)}.list-row .primary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .meta{color:var(--faint);font-size:12px;font-family:var(--mono)}.drawer-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--bg-app) 75%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;z-index:50}.drawer{width:560px;max-width:94vw;height:100%;overflow:auto;padding:26px 28px;background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 140%);border-left:1px solid var(--border);box-shadow:-30px 0 60px -20px #0009}.drawer h2{margin:0 0 20px;font-size:18px;letter-spacing:-.02em;font-weight:640}.field{margin-bottom:15px}.field>label{display:block;color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:500}.field input,.field select,.field textarea{width:100%;background:var(--surface-3);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:13px;font-family:inherit;transition:border-color .12s,box-shadow .12s}.field input.mono,.field textarea.mono{font-family:var(--mono)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.field small{display:block;margin-top:5px;color:var(--faint);font-size:11.5px}.row{display:flex;gap:11px}.row>*{flex:1}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;accent-color:var(--accent)}.checkbox label{margin:0}.muted.mono,label.muted{color:var(--faint);font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;display:block;margin:18px 0 10px}.drawer-actions{display:flex;gap:10px;margin-top:24px}.login{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(900px 500px at 50% -20%,color-mix(in srgb,var(--accent-live) 8%,transparent),transparent 60%),var(--bg)}.login-card{width:380px;background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:34px 32px;box-shadow:var(--glass-edge),var(--shadow)}.login-card h1{margin:0 0 4px;display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.02em}.login-card h1 .mark{color:var(--accent);filter:drop-shadow(0 0 12px var(--accent-glow))}.login-card>p{color:var(--muted);margin:0 0 22px}.login-card .field:last-of-type{margin-bottom:20px}.theme-select{position:relative}.theme-trigger{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:6px;font:inherit;font-size:12px;cursor:pointer}.theme-trigger:hover{background:var(--surface-3);color:var(--text)}.theme-caret{width:12px;height:12px;opacity:.7}.theme-name{white-space:nowrap}.theme-dots{display:inline-flex;gap:3px}.theme-dots i{width:8px;height:8px;border-radius:50%;border:1px solid var(--border)}.theme-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:210px;margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.theme-menu li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:5px;font-size:12px;color:var(--muted);cursor:pointer}.theme-menu li:hover{background:var(--surface-2);color:var(--text)}.theme-menu li.active{color:var(--text)}.theme-label{flex:1}.theme-check{width:12px;height:12px;color:var(--accent)}