:root{--font-sans: "IBM Plex Sans", system-ui, -apple-system, Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--accent: oklch(.82 .16 180);--accent-strong: oklch(.74 .18 180);--accent-soft: oklch(.82 .16 180 / .14);--accent-2: oklch(.72 .2 295);--accent-3: oklch(.78 .18 35);--ok: oklch(.82 .18 155);--ok-soft: oklch(.82 .18 155 / .16);--warn: oklch(.86 .17 80);--warn-soft: oklch(.86 .17 80 / .16);--crit: oklch(.7 .22 18);--crit-soft: oklch(.7 .22 18 / .18);--role-web: oklch(.78 .17 220);--role-api: oklch(.78 .18 175);--role-db: oklch(.74 .18 305);--role-cache: oklch(.78 .18 350);--role-worker: oklch(.82 .17 85);--role-queue: oklch(.78 .16 50);--role-lb: oklch(.78 .15 145);--role-log: oklch(.78 .15 260);--role-build: oklch(.82 .16 110);--bg: oklch(.18 .018 270);--bg-elev: oklch(.22 .02 270);--bg-elev-2: oklch(.255 .022 270);--surface: oklch(.225 .02 270);--surface-hover: oklch(.27 .024 270);--border: oklch(.34 .025 270);--border-soft: oklch(.3 .022 270 / .7);--text: oklch(.97 .008 270);--text-2: oklch(.8 .012 270);--text-3: oklch(.63 .015 270);--text-4: oklch(.52 .015 270);--track: oklch(.32 .02 270);--shadow: 0 6px 24px rgba(10, 6, 30, .45), 0 1px 2px rgba(10, 6, 30, .5);--shadow-sm: 0 1px 2px rgba(10, 6, 30, .4);--focus: oklch(.82 .16 180 / .45)}[data-theme=light]{--bg: oklch(.985 .006 270);--bg-elev: oklch(1 0 0);--bg-elev-2: oklch(.97 .008 270);--surface: oklch(1 0 0);--surface-hover: oklch(.965 .008 270);--border: oklch(.88 .012 270);--border-soft: oklch(.93 .012 270);--text: oklch(.22 .018 270);--text-2: oklch(.42 .014 270);--text-3: oklch(.55 .014 270);--text-4: oklch(.7 .012 270);--track: oklch(.93 .012 270);--shadow: 0 1px 2px rgba(40, 30, 80, .06), 0 10px 28px rgba(40, 30, 80, .08);--shadow-sm: 0 1px 2px rgba(40, 30, 80, .06);--accent: oklch(.58 .16 180);--accent-strong: oklch(.52 .18 180);--accent-soft: oklch(.58 .16 180 / .13);--accent-2: oklch(.55 .22 295);--accent-3: oklch(.62 .2 35);--ok: oklch(.62 .18 155);--ok-soft: oklch(.62 .18 155 / .14);--warn: oklch(.72 .18 70);--warn-soft: oklch(.72 .18 70 / .16);--crit: oklch(.58 .24 22);--crit-soft: oklch(.58 .24 22 / .14)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}input,select,textarea{font:inherit;color:inherit}[data-theme=light] input::placeholder{color:#8c9094}.app{display:grid;grid-template-columns:auto 1fr;height:100vh;width:100vw}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;width:64px;transition:width .2s ease;overflow:hidden}.sidebar[data-expanded=true]{width:232px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:16px 18px;height:56px;flex-shrink:0;border-bottom:1px solid var(--border-soft)}.sidebar-brand-mark{width:30px;height:30px;border-radius:8px;background:radial-gradient(circle at 30% 20%,oklch(.85 .18 80 / .6),transparent 60%),linear-gradient(135deg,var(--accent),var(--accent-2) 60%,var(--accent-3));display:grid;place-items:center;flex-shrink:0;position:relative;box-shadow:0 0 0 1px #ffffff14 inset,0 4px 12px oklch(.82 .16 180 / .35)}.sidebar-brand-mark:before{content:"";position:absolute;inset:7px;border:1.5px solid rgba(0,0,0,.6);border-radius:3px;border-bottom-width:3px}[data-theme=light] .sidebar-brand-mark:before{border-color:#ffffffe6}.sidebar-brand-name{font-weight:600;letter-spacing:-.01em;white-space:nowrap;font-size:15px}.sidebar-toggle{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;color:var(--text-3);border-radius:5px}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text)}.sidebar-nav{padding:10px;display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-4);padding:14px 10px 6px;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:7px;color:var(--text-2);white-space:nowrap;position:relative;font-size:13.5px;width:100%;text-align:left}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item[aria-current=page]{background:linear-gradient(90deg,var(--accent-soft),oklch(.72 .2 295 / .08));color:var(--accent)}.nav-item[aria-current=page]:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--accent-soft)}.nav-item-icon{width:18px;height:18px;flex-shrink:0}.nav-item-badge{margin-left:auto;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:var(--crit-soft);color:var(--crit);font-family:var(--font-mono);font-size:11px;display:grid;place-items:center;font-weight:600}.sidebar-footer{padding:14px 10px;border-top:1px solid var(--border-soft);display:flex;align-items:center;gap:10px;white-space:nowrap}.avatar{width:32px;height:32px;border-radius:9px;background:radial-gradient(circle at 20% 20%,oklch(.78 .18 35 / .9),transparent 60%),linear-gradient(135deg,oklch(.7 .18 295),#b954cf 60%,#c61583);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #c6158359}.sidebar-user-name{font-size:13px;font-weight:500}.sidebar-user-role{font-size:11.5px;color:var(--text-3)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse 900px 600px at 100% -10%,oklch(.72 .2 295 / .18),transparent 55%),radial-gradient(ellipse 700px 500px at 0% 100%,oklch(.82 .16 180 / .1),transparent 55%),var(--bg);position:relative}[data-theme=light] .main{background:radial-gradient(ellipse 1000px 700px at 100% -10%,oklch(.82 .14 295 / .28),transparent 55%),radial-gradient(ellipse 700px 500px at 0% 100%,oklch(.88 .12 180 / .22),transparent 55%),var(--bg)}.header{height:56px;border-bottom:1px solid var(--border-soft);background:var(--bg-elev);display:flex;align-items:center;gap:16px;padding:0 20px;flex-shrink:0}.header-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.header-sub{font-size:12.5px;color:var(--text-3);font-family:var(--font-mono)}.header-spacer{flex:1}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);font-size:11.5px;color:var(--text-2)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #63d18f80}70%{box-shadow:0 0 0 6px #63d18f00}to{box-shadow:0 0 #63d18f00}}.status-counts{display:inline-flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px;font-size:12px}.status-counts>button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-family:var(--font-mono);color:var(--text-2);transition:background .15s}.status-counts>button:hover{background:var(--surface-hover)}.status-counts>button[data-active=true]{background:var(--bg-elev-2);color:var(--text)}.status-counts .swatch{width:7px;height:7px;border-radius:50%}.status-counts .swatch.ok{background:var(--ok)}.status-counts .swatch.warn{background:var(--warn)}.status-counts .swatch.crit{background:var(--crit)}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:7px;font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--surface-hover)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#011011;border-color:transparent;font-weight:600;box-shadow:0 0 0 1px #ffffff1a inset,0 4px 14px oklch(.82 .16 180 / .35)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-strong),oklch(.68 .2 180));filter:brightness(1.05)}[data-theme=light] .btn-primary{color:#fff}.btn-danger{background:var(--crit);color:#fff;border-color:transparent}.btn-danger:hover{filter:brightness(1.08)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-hover)}.btn-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--text-2);border:1px solid var(--border);background:var(--surface)}.btn-icon:hover{background:var(--surface-hover);color:var(--text)}.btn-icon.bare{border-color:transparent;background:transparent}.btn-icon.bare:hover{background:var(--surface-hover)}.btn-icon.danger:hover{color:var(--crit)}.input{display:flex;align-items:center;gap:8px;padding:0 11px;height:34px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text)}.input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.input input{border:none;outline:none;background:transparent;width:100%;font-size:13px}.input svg{color:var(--text-3);flex-shrink:0}.field-label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:6px}.field-hint{font-size:11.5px;color:var(--text-3);margin-top:6px;font-family:var(--font-mono)}.field{margin-bottom:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border-soft);background:var(--bg);flex-shrink:0}.toolbar .input{width:280px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:7px;font-size:12.5px;color:var(--text-2);background:var(--surface);border:1px solid var(--border)}.chip-x{width:14px;height:14px;display:grid;place-items:center;border-radius:3px;color:var(--text-3)}.chip-x:hover{background:var(--surface-hover);color:var(--text)}.table-wrap{flex:1;min-height:0;overflow:auto;scrollbar-color:var(--border) transparent}.table-wrap::-webkit-scrollbar{width:10px;height:10px}.table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-4)}table.servers{width:100%;border-collapse:separate;border-spacing:0;min-width:1000px;font-size:13px}table.servers thead th{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:500;padding:10px 14px;user-select:none;z-index:2}table.servers thead th.sortable{cursor:pointer}table.servers thead th.sortable:hover{color:var(--text)}table.servers tbody tr{border-bottom:1px solid var(--border-soft);transition:background .12s;cursor:pointer}table.servers tbody tr:hover{background:var(--surface-hover)}table.servers tbody tr[data-selected=true]{background:var(--accent-soft)}table.servers tbody td{padding:var(--row-pad, 12px) 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.density-compact{--row-pad: 8px}.density-comfortable{--row-pad: 14px}.density-cozy{--row-pad: 11px}@keyframes row-pulse{0%{background:var(--accent-soft)}to{background:transparent}}table.servers tbody tr[data-pulse=true]{animation:row-pulse 1.4s ease-out}.cell-server{display:flex;align-items:center;gap:11px}.server-status-pip{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative}.server-status-pip[data-status=ok]{background:var(--ok);box-shadow:0 0 6px #45e58f99}.server-status-pip[data-status=warn]{background:var(--warn);box-shadow:0 0 6px oklch(.86 .17 80 / .55)}.server-status-pip[data-status=crit]{background:var(--crit);box-shadow:0 0 8px oklch(.7 .22 18 / .7)}.server-status-pip[data-status=crit]:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--crit);animation:crit-ring 1.6s ease-out infinite}@keyframes crit-ring{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.7);opacity:0}}.server-status-pip[data-status=offline]{background:var(--text-4)}.server-name{font-weight:500;color:var(--text);letter-spacing:-.005em}.server-addr{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);margin-top:1px}.server-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:1px 7px;border-radius:4px;background:var(--role-color, var(--bg-elev-2));color:var(--text);margin-left:8px;letter-spacing:.02em}.server-tag[data-role=web]{--role-color: oklch(.78 .17 220 / .2);color:var(--role-web)}.server-tag[data-role=api]{--role-color: oklch(.78 .18 175 / .2);color:var(--role-api)}.server-tag[data-role=db]{--role-color: oklch(.74 .18 305 / .22);color:var(--role-db)}.server-tag[data-role=cache]{--role-color: oklch(.78 .18 350 / .2);color:var(--role-cache)}.server-tag[data-role=worker]{--role-color: oklch(.82 .17 85 / .2);color:var(--role-worker)}.server-tag[data-role=queue]{--role-color: oklch(.78 .16 50 / .2);color:var(--role-queue)}.server-tag[data-role=lb]{--role-color: oklch(.78 .15 145 / .2);color:var(--role-lb)}.server-tag[data-role=log]{--role-color: oklch(.78 .15 260 / .22);color:var(--role-log)}.server-tag[data-role=build]{--role-color: oklch(.82 .16 110 / .2);color:var(--role-build)}[data-theme=light] .server-tag[data-role=web]{color:oklch(.45 .17 220)}[data-theme=light] .server-tag[data-role=api]{color:oklch(.45 .18 175)}[data-theme=light] .server-tag[data-role=db]{color:#6d2ea3}[data-theme=light] .server-tag[data-role=cache]{color:#a82571}[data-theme=light] .server-tag[data-role=worker]{color:oklch(.5 .17 85)}[data-theme=light] .server-tag[data-role=queue]{color:oklch(.5 .16 50)}[data-theme=light] .server-tag[data-role=lb]{color:oklch(.45 .15 145)}[data-theme=light] .server-tag[data-role=log]{color:#1c50a7}[data-theme=light] .server-tag[data-role=build]{color:oklch(.5 .16 110)}.metric{display:flex;align-items:center;gap:10px;min-width:130px}.metric-bar{flex:1;height:6px;background:var(--track);border-radius:3px;overflow:hidden;position:relative}.metric-bar-fill{height:100%;border-radius:3px;transition:width .45s cubic-bezier(.4,0,.2,1),background .3s;position:relative}.metric-bar-fill:after{content:"";position:absolute;inset:0;border-radius:3px;background:linear-gradient(180deg,oklch(1 0 0 / .2),transparent 60%)}.metric-bar-fill[data-status=ok]{background:linear-gradient(90deg,oklch(.72 .18 175),#45e58f)}.metric-bar-fill[data-status=warn]{background:linear-gradient(90deg,#ebd229,oklch(.82 .18 55))}.metric-bar-fill[data-status=crit]{background:linear-gradient(90deg,oklch(.78 .18 35),oklch(.68 .24 18));box-shadow:0 0 8px oklch(.7 .22 18 / .4)}.metric-val{font-family:var(--font-mono);font-size:12px;font-weight:500;min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.metric-val[data-status=warn]{color:var(--warn)}.metric-val[data-status=crit]{color:var(--crit);font-weight:600}.metric-val[data-status=offline]{color:var(--text-4)}.spark{width:56px;height:18px;display:block}.cell-trend{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid transparent}.status-badge[data-status=ok]{background:var(--ok-soft);color:var(--ok);border-color:#45e58f4d}.status-badge[data-status=warn]{background:var(--warn-soft);color:var(--warn);border-color:oklch(.86 .17 80 / .3)}.status-badge[data-status=crit]{background:var(--crit-soft);color:var(--crit);border-color:oklch(.7 .22 18 / .35);box-shadow:0 0 10px oklch(.7 .22 18 / .18)}.status-badge[data-status=offline]{background:var(--track);color:var(--text-3)}.row-actions{display:flex;gap:4px;opacity:.6;transition:opacity .15s;justify-content:flex-end}tr:hover .row-actions{opacity:1}.cards{padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;overflow:auto;align-content:start}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.card:hover{border-color:var(--border);background:var(--surface-hover)}.card[data-pulse=true]{animation:row-pulse 1.4s ease-out}.card-head{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.card-metrics{display:grid;gap:6px}.card-metric-row{display:grid;grid-template-columns:36px 1fr 40px;align-items:center;gap:8px;font-size:11.5px;font-family:var(--font-mono);color:var(--text-3)}.panel-backdrop{position:fixed;inset:0;background:#00000052;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}.panel-backdrop[data-open=true]{opacity:1;pointer-events:auto}.proc-panel{position:fixed;top:0;right:0;bottom:0;width:540px;max-width:92vw;background:var(--bg-elev);border-left:1px solid var(--border);z-index:21;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-12px 0 40px #00000052}.proc-panel[data-open=true]{transform:translate(0)}.proc-head{padding:16px 20px 14px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:12px}.proc-head .server-name{font-size:15px}.proc-body{flex:1;overflow:auto;padding:0}.proc-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-soft);border-bottom:1px solid var(--border-soft)}.proc-meta>div{background:var(--bg-elev);padding:12px 14px}.proc-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:4px}.proc-meta-val{font-family:var(--font-mono);font-size:14px;font-weight:500}.proc-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border-soft)}.proc-tab{padding:12px 14px;font-size:13px;color:var(--text-3);border-bottom:2px solid transparent;margin-bottom:-1px}.proc-tab[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.proc-tab:hover{color:var(--text-2)}table.procs{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-mono);font-size:12px}table.procs th{text-align:left;padding:8px 14px;background:var(--bg-elev-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:var(--text-3);position:sticky;top:0;border-bottom:1px solid var(--border-soft);font-family:var(--font-sans)}table.procs td{padding:6px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle;font-variant-numeric:tabular-nums}table.procs .pid{color:var(--text-3)}table.procs .pname{color:var(--text)}table.procs .pcpu,table.procs .pram{text-align:right}table.procs tbody tr:hover{background:var(--surface-hover)}.proc-charts{padding:16px 20px;display:grid;gap:14px}.proc-chart-card{background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:8px;padding:12px 14px}.proc-chart-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.proc-chart-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:500}.proc-chart-val{font-family:var(--font-mono);font-size:18px;font-weight:500}.proc-chart-svg{width:100%;height:60px;display:block}.metric-range-tabs{display:inline-flex;align-self:flex-start;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:10px;padding:3px;gap:2px}.metric-range-tab{padding:6px 14px;font-size:12.5px;font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-3);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:color .12s ease,background .12s ease}.metric-range-tab:hover{color:var(--text-2)}.metric-range-tab[aria-selected=true]{color:var(--text);background:var(--bg-elev-2);box-shadow:0 0 0 1px var(--border-soft)}.metric-chart-card{padding:14px 16px 10px}.metric-chart-svg{width:100%;height:180px;display:block;margin-top:2px}.metric-chart-stats{display:flex;gap:22px;padding-top:10px;font-family:var(--font-mono);font-size:12px}.metric-stat{display:inline-flex;align-items:baseline;gap:8px}.metric-stat-label{color:var(--text-3);letter-spacing:.06em;font-size:10.5px}.metric-stat-val{color:var(--text);font-weight:500}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:30;display:grid;place-items:center;animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;width:460px;max-width:92vw;max-height:90vh;overflow:auto;box-shadow:var(--shadow);animation:pop-in .18s cubic-bezier(.4,0,.2,1)}@keyframes pop-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-head{padding:16px 20px 12px;border-bottom:1px solid var(--border-soft)}.modal-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.modal-sub{font-size:12.5px;color:var(--text-3);margin-top:4px}.modal-body{padding:16px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-soft);background:var(--bg)}.stepper{display:flex;align-items:center;gap:10px;margin-top:14px}.step{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3);background:none;border:none;padding:0;cursor:default;transition:color .2s}.step[data-active=true]{color:var(--text)}.step[data-done=true]{color:var(--accent);cursor:pointer}.step[data-done=true]:hover .step-dot{background:var(--accent-soft)}.step-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-3);font-family:var(--font-mono);font-size:11px;font-weight:600;transition:all .2s}.step[data-active=true] .step-dot{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0d16;border-color:transparent;box-shadow:0 0 0 3px var(--accent-soft)}[data-theme=light] .step[data-active=true] .step-dot{color:#fff}.step[data-done=true] .step-dot{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.step-bar{flex:1;height:2px;background:var(--border);border-radius:1px;transition:background .3s;max-width:120px}.step-bar[data-done=true]{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.server-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:8px;margin-bottom:16px}.platform-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--bg);border:1px solid var(--border-soft);border-radius:9px;padding:4px;margin-bottom:14px}.platform-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:6px;font-size:12.5px;color:var(--text-2);transition:background .15s,color .15s}.platform-tab:hover{background:var(--surface-hover);color:var(--text)}.platform-tab[aria-current=page]{background:var(--bg-elev);color:var(--text);box-shadow:0 1px 2px #0000002e,0 0 0 1px var(--border-soft)}[data-theme=light] .platform-tab[aria-current=page]{box-shadow:0 1px 3px #281e500f,0 0 0 1px var(--border)}.cmd-block{background:#060911;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:14px;box-shadow:inset 0 0 60px oklch(.72 .2 295 / .04)}[data-theme=light] .cmd-block{background:#0e111b}.cmd-block-head{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:#0e111b;border-bottom:1px solid oklch(.3 .02 270);font-family:var(--font-mono);font-size:11.5px}.cmd-block-prompt{color:oklch(.82 .16 180);font-weight:600;letter-spacing:.02em}.cmd-token{font-family:var(--font-mono);font-size:11px;color:oklch(.78 .18 35);background:oklch(.78 .18 35 / .12);padding:2px 8px;border-radius:4px;border:1px solid oklch(.78 .18 35 / .25)}.cmd-copy{border-color:#2a2d38!important;background:#171a24!important;color:#e2e4ea!important;font-size:12px!important;padding:5px 10px!important;height:auto!important}.cmd-copy:hover{background:#20242e!important}.cmd-body{margin:0;padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:#e8ebf2;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.conn-status{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid var(--border-soft);background:var(--bg-elev-2);margin-bottom:12px;transition:all .3s}.conn-status[data-state=waiting]{background:linear-gradient(90deg,var(--accent-soft),oklch(.72 .2 295 / .08));border-color:oklch(.82 .16 180 / .3)}.conn-status[data-state=connected]{background:#45e58f1f;border-color:#45e58f66}.conn-title{font-size:13px;font-weight:600;color:var(--text)}.conn-sub{font-size:12px;color:var(--text-3);margin-top:2px}.conn-spinner{width:22px;height:22px;border-radius:50%;border:2px solid oklch(.82 .16 180 / .25);border-top-color:var(--accent);animation:conn-spin .8s linear infinite;flex-shrink:0}@keyframes conn-spin{to{transform:rotate(360deg)}}.conn-check{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#061009;display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 0 4px #45e58f2e,0 0 12px #45e58f66}.install-help{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);padding-top:4px}.install-help a{color:var(--accent);text-decoration:none}.install-help a:hover{text-decoration:underline}.tag-suggest{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tag-suggest-chip{padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:11px;background:var(--bg-elev-2);color:var(--text-3);border:1px solid var(--border-soft);transition:all .12s}.tag-suggest-chip:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border)}.tag-suggest-chip[data-active=true]{background:var(--accent-soft);color:var(--accent);border-color:oklch(.82 .16 180 / .4)}.field-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.region-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:400;color:var(--text-3);font-family:var(--font-mono)}.region-status svg{width:11px;height:11px}.region-spinner{width:10px;height:10px;border-radius:50%;border:1.5px solid oklch(.82 .16 180 / .25);border-top-color:var(--accent);animation:conn-spin .7s linear infinite}.region-override-link{font-size:11px;color:var(--accent);font-weight:500;background:none;border:none;padding:4px 8px;cursor:pointer;font-family:var(--font-mono)}.region-override-link:hover{text-decoration:underline}.page{flex:1;overflow:auto;padding:24px 28px}.page-narrow{max-width:760px;margin:0 auto}.page-title{font-size:20px;font-weight:600;letter-spacing:-.015em;margin:0 0 4px}.page-sub{color:var(--text-3);font-size:13.5px;margin:0 0 24px}.card-section{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;padding:20px;margin-bottom:16px}.card-section h3{margin:0 0 4px;font-size:14px;font-weight:600;letter-spacing:-.005em}.card-section h3+p{margin:0 0 16px;color:var(--text-3);font-size:12.5px}.db-path-label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--border-soft);font-size:11px;margin-bottom:14px;max-width:100%;overflow:hidden}.db-path-label-key{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:500;flex-shrink:0}.db-path-label-val{font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.backup-grid{grid-template-columns:1fr}}.backup-card{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.backup-card-head{display:inline-flex;align-items:center;gap:8px}.backup-card-title{font-size:13px;font-weight:600}.backup-card-body{font-size:12px;color:var(--text-3);line-height:1.55}.backup-preview{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--border-soft);font-size:12px}.backup-preview-row{display:flex;justify-content:space-between;gap:12px}.backup-preview-key{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.backup-error{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--crit);padding:6px 10px;border-radius:6px;background:var(--crit-soft, rgba(255,69,58,.08))}.toggle{display:inline-flex;align-items:center;gap:8px}.toggle-switch{width:34px;height:20px;background:var(--track);border-radius:999px;position:relative;transition:background .15s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .18s;box-shadow:0 1px 3px #0000004d}.toggle[data-on=true] .toggle-switch{background:var(--accent)}.toggle[data-on=true] .toggle-switch:after{transform:translate(14px)}.thresh-row{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:14px;padding:10px 0}.thresh-row+.thresh-row{border-top:1px solid var(--border-soft)}.thresh-row-label{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.thresh-row-icon{width:18px;height:18px;border-radius:4px;display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;font-weight:600;flex-shrink:0}.thresh-track{position:relative;height:8px;background:linear-gradient(90deg,var(--ok) 0%,var(--ok) 50%,var(--warn) 50%,var(--warn) 80%,var(--crit) 80%,var(--crit) 100%);border-radius:4px;opacity:.85}.thresh-input{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;height:32px}.thresh-input input{width:100%;padding:0 8px;border:none;outline:none;background:transparent;font-family:var(--font-mono);font-size:13px;text-align:right}.thresh-input span{padding-right:9px;color:var(--text-3);font-family:var(--font-mono);font-size:12px}table.logs{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table.logs th{text-align:left;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:500;position:sticky;top:0}table.logs td{padding:11px 14px;border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);font-size:12.5px;vertical-align:middle}table.logs td.col-msg{font-family:var(--font-sans);font-size:13px}table.logs tbody tr:hover{background:var(--surface-hover)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-3)}.menu{position:absolute;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:4px;min-width:160px;z-index:40}.menu-item{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:13px;border-radius:5px;width:100%;text-align:left;color:var(--text)}.menu-item:hover{background:var(--surface-hover)}.menu-item.danger{color:var(--crit)}.menu-divider{height:1px;background:var(--border-soft);margin:4px 0}.kbd{display:inline-block;padding:1px 5px;border-radius:4px;background:var(--bg-elev-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);line-height:1.4}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.text-muted{color:var(--text-3)}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.mono{font-family:var(--font-mono)}