:root{color-scheme:dark;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg-0: #070a10;--bg-1: #0c1018;--bg-2: #121824;--surface: rgba(20, 28, 42, .72);--surface-raised: rgba(26, 36, 54, .88);--border: rgba(120, 160, 210, .14);--border-strong: rgba(130, 200, 255, .22);--text: #e8eef8;--text-secondary: #94a8c4;--text-tertiary: #6b7f9a;--accent: #5ec8ff;--accent-2: #5ef3c8;--accent-gradient: linear-gradient(135deg, #5ec8ff 0%, #5ef3c8 100%);--accent-muted: rgba(94, 200, 255, .14);--warning: #f0c14c;--danger: #f0717a;--success: #4ade9b;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 1px rgba(94, 200, 255, .08), 0 12px 48px rgba(0, 0, 0, .45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--top-bar-h: 52px;--sidebar-w: 280px;--transition: .18s ease;--mint: var(--accent-2);--sky: var(--accent);--amber: var(--warning);--rose: #f4a4b8;--ice: #dbe7f7;--muted: var(--text-secondary);--panel: var(--surface);--panel-border: var(--border);--bg: var(--bg-0);--bg-soft: var(--surface);font-family:var(--font-sans);background-color:var(--bg-0);background-image:radial-gradient(ellipse 120% 80% at 0% -20%,rgba(45,110,180,.22),transparent 50%),radial-gradient(ellipse 80% 50% at 100% 0%,rgba(40,160,130,.12),transparent 45%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 55%);background-attachment:fixed}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:transparent;line-height:1.5;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}button,input,textarea,select{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline-offset:3px}.skip-link{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1000;padding:var(--space-2) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);text-decoration:none;transform:translateY(-150%);transition:transform var(--transition)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{border:0;cursor:pointer;border-radius:var(--radius-md);padding:.72rem 1.15rem;background:var(--accent-gradient);color:#041018;font-weight:650;letter-spacing:.01em;transition:filter var(--transition),transform .08s ease;box-shadow:var(--shadow-sm)}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:var(--accent-muted);color:var(--accent);border:1px solid rgba(94,200,255,.28);box-shadow:none}button.ghost:hover:not(:disabled){background:#5ec8ff33;filter:none}button.danger{background:#f0717a2e;color:#ffb3b9;border:1px solid rgba(240,113,122,.35);box-shadow:none}button.danger:hover:not(:disabled){background:#f0717a42;filter:none}button.btn-sm{padding:.45rem .85rem;font-size:.875rem;border-radius:var(--radius-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);color:var(--text);box-shadow:none}.icon-btn:hover:not(:disabled){background:var(--accent-muted);border-color:#5ec8ff4d;filter:none}.menu-icon{display:grid;gap:5px;width:20px}.menu-icon span{display:block;height:2px;background:currentColor;border-radius:1px}input,textarea,select{width:100%;margin-top:var(--space-2);padding:.7rem .95rem;border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}input:hover,textarea:hover,select:hover{border-color:#82aadc47}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #5ec8ff2e}textarea{resize:vertical;min-height:88px}label{font-size:.875rem;font-weight:550;color:var(--text-secondary)}.workspace-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:var(--space-5);max-width:1680px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6);min-height:100vh;align-items:start}.top-bar{display:none;grid-column:1 / -1;align-items:center;gap:var(--space-3);height:var(--top-bar-h);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-3);padding:0 var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:90}.top-bar-title{font-size:.95rem;font-weight:650;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{position:sticky;top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100vh - var(--space-5) * 2)}.sidebar-inner{display:flex;flex-direction:column;min-height:0;flex:1;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.brand-card{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.brand-card .eyebrow{margin-bottom:var(--space-2)}.brand-card strong{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;display:block;line-height:1.2}.brand-card span{display:block;margin-top:var(--space-2);font-size:.82rem;color:var(--text-tertiary);line-height:1.45}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:rgba(94,200,255,.25) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#5ec8ff33;border-radius:99px}.nav-section{display:flex;flex-direction:column;gap:var(--space-2)}.nav-section-title{margin:0;padding:0 var(--space-2);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.nav-section-links{display:flex;flex-direction:column;gap:2px}.nav-link{display:block;text-align:left;text-decoration:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text);border:1px solid transparent;background:transparent;transition:background var(--transition),border-color var(--transition)}.nav-link:hover{background:#5ec8ff0f}.nav-link.active{background:var(--accent-muted);border-color:#5ec8ff40;box-shadow:inset 0 0 0 1px #5ef3c814}.nav-link-label{display:block;font-size:.9rem;font-weight:600;line-height:1.3}.nav-link-desc{display:block;margin-top:2px;font-size:.75rem;font-weight:450;color:var(--text-tertiary);line-height:1.35}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-logout{width:100%}.user-chip{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border)}.user-chip-name{font-size:.82rem;font-weight:650;color:var(--text)}.user-chip-role{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2)}.nav-backdrop{display:none}.nav-item{text-align:left;border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-2);color:var(--text);text-decoration:none;border:1px solid var(--border)}.nav-item.active{border-color:#5ec8ff59;background:var(--accent-muted)}.content-shell{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}main#main-content{min-width:0}.subnav-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0 var(--space-2);margin:0 calc(-1 * var(--space-1));scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.subnav-strip::-webkit-scrollbar{height:4px}.subnav-item{flex:0 0 auto;scroll-snap-align:start;min-width:168px;max-width:220px;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--border);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.subnav-item:hover{border-color:#5ec8ff33;background:#5ec8ff0d}.subnav-item strong{display:block;font-size:.88rem;font-weight:650}.subnav-item span{display:block;margin-top:3px;font-size:.75rem;color:var(--text-tertiary);line-height:1.35}.subnav-item.active{border-color:#5ef3c859;background:linear-gradient(145deg,#5ec8ff1f,#5ef3c814);box-shadow:var(--shadow-sm)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.login-card{width:min(100%,480px);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-card h1{margin:0 0 var(--space-3);font-size:clamp(1.55rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.page-stack{display:grid;gap:var(--space-4)}.page-hero{border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:var(--accent-2)}.page-hero h1{margin:0 0 var(--space-3);font-size:clamp(1.65rem,3.2vw,2.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.hero-copy{max-width:52rem;margin:0;color:var(--text-secondary);font-size:.97rem;line-height:1.6}.muted{color:var(--text-secondary)}.banner{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border);font-size:.9rem}.banner.success{border-color:#4ade9b59;background:#4ade9b14}.banner.error{border-color:#f0717a66;background:#f0717a1a}.skeleton-block{border-radius:var(--radius-lg);min-height:120px;background:linear-gradient(110deg,var(--surface) 8%,rgba(94,200,255,.07) 18%,var(--surface) 33%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite}.skeleton-hero{min-height:140px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}@keyframes skeleton-shine{to{background-position:-200% 0}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-card{border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition)}.stat-card:hover{border-color:#5ec8ff33}.stat-card span{display:block;color:var(--text-tertiary);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stat-card strong{display:block;margin-top:var(--space-2);font-size:1.85rem;font-weight:700;letter-spacing:-.02em}.stat-card.mint strong{color:var(--accent-2)}.stat-card.sky strong{color:var(--accent)}.stat-card.amber strong{color:var(--warning)}.stat-card.rose strong{color:var(--rose)}.stat-card.ice strong{color:var(--ice)}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-4)}.panel{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel h2{margin-top:0;margin-bottom:var(--space-1);font-size:1.1rem;font-weight:650;letter-spacing:-.02em}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.panel-actions,.card-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.full-width{grid-column:1 / -1}.checkbox{display:flex;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-2)}.checkbox input{width:auto;margin-top:.2rem}.server-list,.list-stack,.feature-grid,.result-stack{display:grid;gap:var(--space-3)}.server-card,.mini-card,.feature-card{border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg-2);border:1px solid var(--border);transition:border-color var(--transition)}.server-card:hover,.mini-card:hover{border-color:#5ec8ff2e}.mini-card{display:grid;gap:var(--space-2)}.server-card-row,.metric-row{display:flex;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;align-items:flex-start}.status-pill{border-radius:999px;padding:.28rem .65rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-pill.online{background:#4ade9b24;color:#7ae9b5}.status-pill.offline{background:#f0717a24;color:#ff9ea5}.compact-form{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.mini-card p,.feature-card p,.server-card p{color:var(--text-secondary);margin:0;font-size:.9rem}.mini-card code{display:block;margin-top:var(--space-2);color:var(--accent-2);font-family:var(--font-mono);font-size:.8rem}.alert-card.warning{border-color:#f0c14c59}.alert-card.critical{border-color:#f0717a66}.span-two{grid-column:span 2}.terminal-toolbar{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.terminal-toolbar select{min-width:200px;max-width:280px;margin-top:0}.terminal-frame{margin-top:var(--space-4);min-height:420px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:#080d14}.terminal-status{margin:var(--space-1) 0 0;font-size:.85rem}.tmux-command-box{display:block;margin:var(--space-3) 0}.action-row,.tmux-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;justify-content:flex-end}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.server-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:999px;background:var(--accent-muted);border:1px solid var(--border)}.server-chip input{width:auto;margin:0}.label-title{color:var(--text-secondary)}.result-card{border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface);border:1px solid var(--border)}.result-card code{display:block;margin:var(--space-2) 0;color:var(--accent-2);font-family:var(--font-mono)}.result-card pre{white-space:pre-wrap;word-break:break-word;margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);color:var(--ice);font-family:var(--font-mono);font-size:.82rem;line-height:1.45}.result-card pre.stderr{color:#ffb2bc}.firewall-rules code{display:block;margin-top:var(--space-2);color:var(--accent-2);font-family:var(--font-mono);font-size:.8rem}.firewall-raw{margin-top:var(--space-4)}.firewall-raw h3{margin-bottom:var(--space-2)}.firewall-raw pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);color:var(--ice);font-family:var(--font-mono);font-size:.82rem}.security-stack{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.security-stack pre,.mini-card pre{white-space:pre-wrap;word-break:break-word;margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);color:var(--ice);font-family:var(--font-mono);font-size:.82rem}.server-metric-visuals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3);align-items:center}.metric-ring{display:grid;justify-items:center;gap:var(--space-2)}.metric-ring span{color:var(--text-tertiary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.metric-ring-graphic{--size: 88px;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at center,rgba(7,10,16,.96) 52%,transparent 53%),conic-gradient(var(--metric-accent) calc(var(--metric-value) * 1%),rgba(120,160,210,.08) 0);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--border)}.metric-ring.compact .metric-ring-graphic{--size: 72px}.metric-ring-inner{width:calc(var(--size) * .68);height:calc(var(--size) * .68);border-radius:50%;background:#070a10fa;display:grid;place-items:center;text-align:center}.metric-ring-inner strong{font-size:.95rem}.metric-uptime{display:grid;gap:var(--space-1);justify-items:start;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border)}.metric-uptime strong{font-size:1.05rem}.automation-details pre{white-space:pre-wrap;word-break:break-word;margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);color:var(--ice);font-family:var(--font-mono)}.automation-stream{display:grid;gap:var(--space-2);max-height:420px;overflow-y:auto;padding-right:var(--space-1)}.automation-progress{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.automation-progress-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap}.automation-progress-bar{width:100%;height:10px;border-radius:999px;overflow:hidden;background:var(--accent-muted);border:1px solid var(--border)}.automation-progress-fill{height:100%;border-radius:999px;background:var(--accent-gradient);transition:width .25s ease}.automation-server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.automation-server-grid code{display:block;margin-top:var(--space-2);color:var(--accent-2);font-family:var(--font-mono);font-size:.8rem}.settings-checklist{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border)}.two-factor-qr{display:inline-flex;margin:var(--space-3) 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#fff}.two-factor-qr svg{display:block;width:220px;height:220px}.automation-log{white-space:pre-wrap;word-break:break-word;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);color:var(--ice);font-family:var(--font-mono);font-size:.82rem}.automation-log.stdout{border-color:#5ec8ff38}.automation-log.stderr,.automation-log.error{border-color:#f0717a4d;color:#ffb2bc}.automation-log.success{border-color:#4ade9b4d;color:#7ae9b5}.accounting-panel.span-two{grid-column:1 / -1}.accounting-stats{margin-bottom:var(--space-4)}.accounting-currency-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.accounting-groups h3,.accounting-table-wrap h3{margin:var(--space-4) 0 var(--space-3);font-size:1rem;font-weight:650}.accounting-line{margin:var(--space-2) 0 0;font-size:.9rem;color:var(--accent-2)}.accounting-table-wrap{overflow-x:auto}.accounting-table{width:100%;border-collapse:collapse;font-size:.88rem}.accounting-table th,.accounting-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.accounting-table th{color:var(--text-tertiary);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:650}.accounting-table tbody tr:hover{background:#5ec8ff0a}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.span-two{grid-column:span 1}}@media(max-width:1023px){.workspace-shell{grid-template-columns:1fr;padding:0 0 var(--space-5);gap:0}.top-bar{display:flex}.sidebar{position:fixed;top:var(--top-bar-h);left:0;bottom:0;width:min(var(--sidebar-w),90vw);max-height:none;z-index:200;padding:var(--space-3);transform:translate(-102%);transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.sidebar.is-open{transform:translate(0);pointer-events:auto}.sidebar .sidebar-inner{max-height:calc(100vh - var(--top-bar-h) - var(--space-3) * 2)}.nav-backdrop{display:block;position:fixed;inset:var(--top-bar-h) 0 0 0;z-index:150;background:#04080e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;cursor:pointer;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.content-shell{padding:0 var(--space-4) var(--space-5)}}@media(max-width:720px){.form-grid,.feature-grid,.command-grid{grid-template-columns:1fr}.server-metric-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-toolbar{flex-direction:column;align-items:stretch}.terminal-toolbar select{max-width:none;width:100%}.workspace-shell{padding-inline:0}.login-shell{padding:var(--space-4)}.login-card{padding:var(--space-5) var(--space-4)}}