:root{color-scheme:dark;--font-sans: "Sora", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--bg-0: #0a0b0d;--bg-1: #101214;--bg-2: #171a1e;--surface: #13161a;--surface-raised: #1a1e24;--border: rgba(232, 220, 200, .1);--border-strong: rgba(212, 163, 92, .35);--text: #f3efe6;--text-secondary: #b7b0a4;--text-tertiary: #7f786c;--accent: #d4a35c;--accent-2: #6ec9a8;--accent-gradient: linear-gradient(135deg, #e0b56e 0%, #c4893f 100%);--accent-muted: rgba(212, 163, 92, .14);--warning: #e4b84a;--danger: #e07a72;--success: #6ec9a8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 12px 32px 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;--dock-h: 58px;--sidebar-w: 248px;--transition: .16s ease;--mint: var(--accent-2);--sky: var(--accent);--amber: var(--warning);--rose: #e8a090;--ice: #d8d2c6;--muted: var(--text-secondary);--panel: var(--surface);--panel-border: var(--border);--bg: var(--bg-0);--bg-soft: var(--surface);--text-primary: var(--text);--text-muted: var(--text-secondary);--surface-elevated: var(--surface-raised);--surface-base: var(--surface);--border-soft: var(--border);font-family:var(--font-sans);background-color:var(--bg-0);background-image:radial-gradient(ellipse 80% 50% at 0% 0%,rgba(212,163,92,.07),transparent 50%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(110,201,168,.05),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:.68rem 1.1rem;background:var(--accent-gradient);color:#1a1208;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.05)}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(212,163,92,.28);box-shadow:none}button.ghost:hover:not(:disabled){background:#d4a35c38;filter:none}button.danger{background:#e07a7229;color:#ffb8b2;border:1px solid rgba(224,122,114,.35);box-shadow:none}button.danger:hover:not(:disabled){background:#e07a723d;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:#d4a35c59;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:#e8dcc833}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #d4a35c2e}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:0;max-width:none;margin:0;padding:0;min-height:100vh;align-items:stretch}.workspace-shell--adaptive{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:0;max-width:none;margin:0;min-height:100vh;padding:0;align-items:stretch}.top-bar{display:none;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--top-bar-h);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.mobile-header{display:none}.mobile-header .top-bar{position:static;top:auto;z-index:auto;min-height:auto;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}.mobile-header .subnav-strip--compact{display:none;margin:0;padding:0}.top-bar-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.top-bar-brand-mark,.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#1a1208;font-size:.68rem;font-weight:800;letter-spacing:.06em;flex-shrink:0;font-family:var(--font-mono)}.top-bar-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.top-bar-user{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0}.top-bar-user strong{font-size:.82rem;font-weight:650;color:var(--text);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-user span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.top-bar-logout{white-space:nowrap}.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:0;display:flex;flex-direction:column;gap:0;height:100vh;max-height:100vh;border-right:1px solid var(--border);background:var(--bg-1)}.sidebar-inner{display:flex;flex-direction:column;min-height:0;flex:1;border-radius:0;background:transparent;border:0;box-shadow:none;overflow:hidden}.brand-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border)}.brand-text{min-width:0;display:grid;gap:2px}.brand-card .eyebrow{margin-bottom:4px}.brand-card strong,.brand-text strong{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;display:block;line-height:1.2}.brand-card span,.brand-text span{display:block;margin-top:0;font-size:.72rem;color:var(--text-tertiary);line-height:1.35}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:rgba(212,163,92,.28) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#d4a35c38;border-radius:99px}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section-title{margin:0;padding:0 var(--space-3);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}.nav-section-links{display:flex;flex-direction:column;gap:1px}.nav-link{display:flex;align-items:flex-start;gap:var(--space-2);text-align:left;text-decoration:none;border-radius:var(--radius-sm);padding:.5rem .65rem;color:var(--text);border:1px solid transparent;background:transparent;transition:background var(--transition),color var(--transition)}.nav-link:hover{background:#d4a35c14}.nav-link.active{background:var(--accent-muted);border-color:transparent;color:var(--text)}.nav-link-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;flex-shrink:0;color:var(--text-tertiary)}.nav-link.active .nav-link-icon{color:var(--accent)}.nav-link-icon svg{width:18px;height:18px;fill:currentColor}.nav-link-copy{min-width:0;display:grid;gap:1px}.nav-link-label{display:block;font-size:.86rem;font-weight:600;line-height:1.3}.nav-link-desc{display:block;margin-top:0;font-size:.68rem;font-weight:450;color:var(--text-tertiary);line-height:1.3}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0;background:transparent}.sidebar-logout{width:100%}.user-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border)}.user-chip-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:#d4a35c2e;color:var(--accent);font-size:.78rem;font-weight:700;flex-shrink:0}.user-chip-meta{min-width:0;display:grid;gap:1px}.user-chip-name{font-size:.8rem;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-role{font-size:.68rem;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:#d4a35c59;background:var(--accent-muted)}.content-shell{min-width:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-6);width:100%;max-width:1480px}main#main-content{min-width:0}.subnav-strip{display:none;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--compact{display:none;gap:var(--space-1);padding:0;margin:0}.subnav-strip--compact .subnav-item{min-width:auto;max-width:none;padding:var(--space-2) var(--space-3);border-radius:999px;background:transparent;border:1px solid var(--border)}.subnav-strip--compact .subnav-item.active{background:var(--accent-muted);border-color:#d4a35c4d;box-shadow:none}.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:#d4a35c33;background:#d4a35c0d}.subnav-item-inner{display:flex;align-items:center;gap:8px}.subnav-item-inner .nav-link-icon{width:16px;height:16px;color:var(--text-tertiary)}.subnav-item.active .subnav-item-inner .nav-link-icon{color:var(--accent)}.subnav-item-inner .nav-link-icon svg{width:16px;height:16px}.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:#6ec9a859;background:linear-gradient(145deg,#d4a35c1f,#6ec9a814);box-shadow:var(--shadow-sm)}.app-dock{display:none;position:fixed;left:50%;bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:120;width:min(calc(100% - var(--space-3)),560px);pointer-events:none}.app-dock-inner{display:flex;align-items:stretch;justify-content:center;gap:2px;padding:6px 8px;border-radius:18px;background:#0c1018e0;border:1px solid rgba(212,163,92,.16);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);pointer-events:auto}.app-dock-item{flex:1 1 0;min-width:0;max-width:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border:0;border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer;box-shadow:none;transition:transform .14s ease,background var(--transition),color var(--transition)}.app-dock-item:hover{background:#d4a35c14;color:var(--text);transform:translateY(-1px);filter:none}.app-dock-item:active:not(:disabled){transform:translateY(0)}.app-dock-item.active{color:var(--accent);background:#d4a35c1a}.app-dock-item.open{background:#6ec9a81f;color:var(--accent-2)}.app-dock-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.app-dock-icon svg{width:100%;height:100%;fill:currentColor}.app-dock-label{font-size:.58rem;font-weight:650;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dock-flyout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;border:0;background:#04080e59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;animation:fade-in .18s ease}.dock-flyout{position:fixed;left:50%;bottom:calc(var(--dock-h) + var(--space-4) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:115;width:min(calc(100% - var(--space-4)),420px);padding:var(--space-4);border-radius:var(--radius-xl);background:#101622f0;border:1px solid rgba(212,163,92,.2);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dock-flyout-in .2s cubic-bezier(.34,1.2,.64,1)}@keyframes dock-flyout-in{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dock-flyout-title{margin:0 0 var(--space-3);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.dock-flyout-links{display:flex;flex-direction:column;gap:var(--space-2);max-height:min(50vh,360px);overflow-y:auto}.dock-flyout-link{display:block;padding:var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--text);background:#ffffff08;border:1px solid transparent;transition:background var(--transition),border-color var(--transition)}.dock-flyout-link:hover{background:#d4a35c14;border-color:#d4a35c26}.dock-flyout-link.active{background:var(--accent-muted);border-color:#d4a35c47}.dock-flyout-link strong{display:block;font-size:.92rem;font-weight:650}.dock-flyout-link span{display:block;margin-top:3px;font-size:.78rem;color:var(--text-tertiary);line-height:1.35}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);position:relative}.login-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 40% at 20% 20%,rgba(212,163,92,.12),transparent 55%),radial-gradient(ellipse 40% 35% at 80% 70%,rgba(110,201,168,.08),transparent 50%);pointer-events:none}.login-stage{position:relative;z-index:1;width:min(100%,440px);display:grid;gap:var(--space-5)}.login-brand{display:flex;align-items:center;gap:var(--space-3)}.login-brand strong{display:block;font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.login-brand span{display:block;font-size:.82rem;color:var(--text-tertiary);margin-top:2px}.login-card{width:100%;border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.login-card h1{margin:0 0 var(--space-2);font-size:clamp(1.45rem,4vw,1.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.page-stack,.page-shell{display:grid;gap:var(--space-4)}.page-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;border-radius:0;padding:0 0 var(--space-4);background:transparent;border:0;border-bottom:1px solid var(--border);box-shadow:none}.page-hero-main{min-width:0;flex:1}.page-hero-actions,.dashboard-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:700;color:var(--accent)}.page-hero h1{margin:0;font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:700;letter-spacing:-.035em;line-height:1.15}.hero-copy{max-width:40rem;margin:8px 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.page-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.page-toolbar-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;flex:1;min-width:0}.page-toolbar-filters>label{display:grid;gap:4px;font-size:.72rem;font-weight:650;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;min-width:140px}.page-toolbar-filters>label input,.page-toolbar-filters>label select{margin-top:0;min-width:160px}.page-toolbar-filters .toolbar-search{flex:1;min-width:200px}.page-toolbar-side{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.page-toolbar-meta{font-size:.85rem;white-space:nowrap}.page-toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.page-tabs--compact{display:flex;flex-wrap:wrap;gap:var(--space-2);grid-template-columns:none}.page-tabs--compact .page-tab{display:inline-flex;align-items:center;padding:.55rem 1rem;border-radius:var(--radius-md)}.page-tabs--compact .page-tab small{display:none}.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(212,163,92,.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-md);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color var(--transition)}.stat-card:hover{border-color:#d4a35c33}.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-lg);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.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:#d4a35c2e}.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-page .page-hero{margin-bottom:var(--space-3)}.terminal-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.terminal-workspace{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:var(--space-4);align-items:stretch;min-height:min(70vh,760px)}.terminal-server-rail{display:flex;flex-direction:column;min-height:0;max-height:min(70vh,760px);overflow:hidden;padding-bottom:0}.terminal-server-search{display:block;padding:0 var(--space-3) var(--space-2)}.terminal-server-search input{margin-top:0}.terminal-server-empty{padding:0 var(--space-3) var(--space-3)}.terminal-server-list{display:flex;flex-direction:column;gap:.35rem;overflow:auto;padding:0 var(--space-3) var(--space-3);flex:1}.terminal-server-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;text-align:left;padding:.7rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.terminal-server-item:hover:not(:disabled){background:color-mix(in srgb,var(--panel-2, #111827) 70%,transparent)}.terminal-server-item.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.terminal-server-item:disabled{opacity:.55;cursor:not-allowed}.terminal-server-name{font-weight:600;font-size:.92rem;word-break:break-word}.terminal-server-ip,.terminal-server-login{font-size:.75rem;color:var(--muted);font-family:var(--font-mono)}.terminal-stage{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden}.terminal-toolbar-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-2, #0f172a) 65%,transparent)}.terminal-toolbar-status{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 180px}.terminal-toolbar-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end}.terminal-login-select{margin:0}.terminal-login-select select{min-width:140px;margin-top:0}.terminal-font-controls{display:inline-flex;align-items:center;gap:.25rem}.terminal-font-controls .ghost{padding:.35rem .55rem;min-height:auto}.terminal-font-size{min-width:1.5rem;text-align:center;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.terminal-state-pill.terminal-state-connected{background:color-mix(in srgb,#34d399 22%,transparent);color:#6ee7b7}.terminal-state-pill.terminal-state-connecting{background:color-mix(in srgb,#38bdf8 22%,transparent);color:#7dd3fc}.terminal-state-pill.terminal-state-error{background:color-mix(in srgb,#f87171 22%,transparent);color:#fca5a5}.terminal-state-pill.terminal-state-closed,.terminal-state-pill.terminal-state-idle{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}.terminal-frame{margin:0;flex:1 1 auto;min-height:420px;height:100%;border:0;border-radius:0;overflow:hidden;background:#08111c;cursor:text;position:relative}.terminal-frame .xterm{position:absolute;top:0;right:0;bottom:0;left:0;padding:.75rem .9rem;box-sizing:border-box}.terminal-frame .xterm-viewport{overflow-y:auto!important}.terminal-status{margin:0;font-size:.85rem}.terminal-hint{margin:0;padding:var(--space-2) var(--space-4) var(--space-3);font-size:.82rem;border-top:1px solid var(--border)}.terminal-page.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;margin:0;padding:var(--space-3);background:color-mix(in srgb,#050b14 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.terminal-page.is-fullscreen .terminal-workspace{grid-template-columns:1fr;height:calc(100vh - 1.5rem);min-height:0}.terminal-page.is-fullscreen .terminal-stage{height:100%}.terminal-page.is-fullscreen .terminal-frame{min-height:0}body.terminal-fullscreen-active{overflow:hidden}@media(max-width:980px){.terminal-workspace{grid-template-columns:1fr;min-height:0}.terminal-server-rail{max-height:none}.terminal-server-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:220px}.terminal-frame{min-height:360px}}.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}.metric-unavailable{padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff08;border:1px dashed var(--border)}.metric-unavailable p{margin:0}.metric-unavailable p+p{margin-top:var(--space-2)}.metrics-collected-at{margin:0 0 var(--space-2);font-size:.78rem}.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)}.danger-note{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#f0717a1f;border:1px solid rgba(240,113,122,.28);color:#ffb3b9;font-size:.92rem}.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:#d4a35c38}.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:#d4a35c0a}.accounting-page .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.accounting-bars{display:flex;flex-direction:column;gap:var(--space-3)}.accounting-bar-row{display:flex;flex-direction:column;gap:6px}.accounting-bar-meta{display:flex;justify-content:space-between;gap:var(--space-3);font-size:.9rem}.accounting-progress{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.accounting-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.tone-error{color:var(--danger, #e57373)}.tone-warning{color:var(--warning, #e0a85c)}a.ghost.button-link{display:inline-flex;align-items:center;text-decoration:none}.servers-page{gap:var(--space-4)}.fleet-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.fleet-stat{display:grid;gap:4px;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);text-align:left;box-shadow:none;color:var(--text)}button.fleet-stat{cursor:pointer;font:inherit;transition:border-color var(--transition),background var(--transition)}button.fleet-stat:hover:not(:disabled){border-color:#d4a35c52;background:var(--bg-2);filter:none}.fleet-stat.is-active{border-color:#d4a35c73;background:var(--accent-muted)}.fleet-stat span{font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.fleet-stat strong{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.15}.fleet-stat.mint strong{color:var(--accent-2)}.fleet-stat.rose strong{color:#ffb0a8}.fleet-stat.sky strong{color:var(--accent)}.fleet-stat.amber strong{color:var(--warning)}.fleet-stat.ice strong{color:var(--ice)}.fleet-panel>.panel-head{margin-bottom:var(--space-3)}.fleet-list{display:grid;gap:var(--space-2)}.fleet-row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-2);overflow:hidden;transition:border-color var(--transition),background var(--transition)}.fleet-row:hover{border-color:#d4a35c38}.fleet-row.is-editing{border-color:#d4a35c73;background:#d4a35c0a}.fleet-row.is-online{box-shadow:inset 3px 0 0 var(--accent-2)}.fleet-row.is-offline{box-shadow:inset 3px 0 #e07a72b3}.fleet-row-main{display:grid;grid-template-columns:minmax(200px,1.4fr) auto minmax(180px,1.1fr) minmax(110px,.7fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4)}.fleet-row-identity{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.fleet-row-dot{width:8px;height:8px;margin-top:7px;border-radius:2px;flex-shrink:0;background:var(--text-tertiary)}.fleet-row-dot.online{background:var(--accent-2)}.fleet-row-dot.offline{background:var(--danger)}.fleet-row-dot.pending{background:var(--warning)}.fleet-row-title{min-width:0}.fleet-row-name-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.fleet-row-name-line strong{font-size:.95rem;font-weight:650;letter-spacing:-.02em}.fleet-row-group{font-size:.72rem;font-weight:600;color:var(--accent);padding:.1rem .45rem;border-radius:var(--radius-sm);border:1px solid rgba(212,163,92,.28);background:var(--accent-muted)}.fleet-row-host{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px;color:var(--text-tertiary);font-size:.78rem;line-height:1.35}.fleet-row-host .mono{font-family:var(--font-mono);color:var(--text-secondary)}.fleet-row-status{display:flex;flex-wrap:wrap;gap:6px}.fleet-row-metrics{display:grid;gap:6px;min-width:0}.fleet-row-metrics-empty{margin:0;font-size:.8rem}.metric-bar{display:grid;gap:2px}.metric-bar-head{display:flex;justify-content:space-between;gap:8px;font-size:.68rem;color:var(--text-tertiary)}.metric-bar-head strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.metric-bar-track{height:4px;border-radius:2px;background:#ffffff0f;overflow:hidden}.metric-bar-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.metric-bar--cpu .metric-bar-fill{background:var(--accent)}.metric-bar--ram .metric-bar-fill{background:var(--accent-2)}.metric-bar--disk .metric-bar-fill{background:var(--warning)}.fleet-row-pay{display:grid;gap:2px;min-width:0}.fleet-row-pay-label{font-size:.66rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.fleet-row-pay strong{font-size:.88rem;font-weight:650;font-variant-numeric:tabular-nums}.fleet-row-pay.expiring strong,.fleet-row-pay.expiring .fleet-row-pay-label{color:var(--warning)}.fleet-row-pay.expired strong,.fleet-row-pay.expired .fleet-row-pay-label{color:#ffb0a8}.fleet-row-cost{font-size:.72rem}.fleet-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.fleet-row-actions .ghost.is-active{border-color:#d4a35c66;background:var(--accent-muted)}.fleet-row-details{display:grid;gap:var(--space-3);padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-3);background:#0000001f}.fleet-row-details-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fleet-detail-chip{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-width:100px}.fleet-detail-chip span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.fleet-detail-chip strong{font-size:.85rem;font-weight:650}.fleet-row-details-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.servers-overview-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.page-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.page-tab{display:grid;gap:.15rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);text-align:left;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.page-tab span{font-size:.95rem;font-weight:650;color:var(--text-primary)}.page-tab small{font-size:.78rem;color:var(--text-tertiary);line-height:1.35}.page-tab:hover{border-color:#d4a35c38}.page-tab.active{border-color:#d4a35c73;background:#d4a35c14;color:var(--text)}.page-tab.active span{color:var(--text)}.servers-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.7fr)) auto;gap:var(--space-3);align-items:end;margin-bottom:var(--space-4)}.servers-toolbar label{display:grid;gap:var(--space-1);font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.toolbar-search input{margin-top:0}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3)}.fleet-card{display:grid;gap:var(--space-2)}.fleet-card.is-editing{border-color:#d4a35c73;box-shadow:0 0 0 1px #d4a35c1f}.fleet-card-head{display:grid;gap:var(--space-2)}.fleet-card-title p{margin-top:.15rem}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-pill.agent-online{background:#6ec9a824;color:#8adcb8}.status-pill.agent-pending{background:#e4b84a24;color:#ffd27a}.status-pill.agent-offline{background:#ffffff0d;color:var(--text-secondary)}.fleet-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fleet-quick-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff05}.fleet-quick-fields.readonly{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;border:0;background:transparent}.fleet-quick-fields.is-saving{opacity:.7}.fleet-quick-field{display:grid;gap:.35rem}.fleet-quick-label{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.fleet-quick-field select,.fleet-quick-field input{width:100%;min-height:2.2rem;padding:.35rem .55rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#0000002e;color:inherit;margin-top:0}.fleet-cost-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.fleet-cost-inputs select{min-width:5.5rem}.fleet-quick-hint{margin:0;font-size:.85rem;grid-column:1 / -1}.muted-chip{color:var(--text-secondary)}.payment-line.expiring{color:var(--warning)}.payment-line.expired{color:#ff9ea5}.empty-state{display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);border:1px dashed var(--border);background:var(--bg-2);text-align:center;justify-items:center}@media(max-width:1100px){.fleet-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.fleet-row-main{grid-template-columns:1fr 1fr;align-items:start}.fleet-row-identity{grid-column:1 / -1}.fleet-row-actions{justify-content:flex-start}}@media(max-width:720px){.fleet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-row-main,.fleet-quick-fields{grid-template-columns:1fr}}.form-sections{display:grid;gap:var(--space-4)}.form-section{display:grid;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.form-section:first-child{border-top:0;padding-top:0}.form-section h3{margin:0;font-size:.92rem;font-weight:650;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.bulk-options{display:grid;gap:var(--space-2);margin-bottom:var(--space-3);max-width:420px}.bulk-options label{display:grid;gap:var(--space-1);font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.bulk-format-card{display:grid;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border)}.bulk-format-card code{font-family:var(--font-mono);color:var(--accent-2);font-size:.85rem}.servers-form-panel .banner,.servers-bulk-panel textarea{margin-bottom:var(--space-3)}.domains-page .domains-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-3)}.domains-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end}.domains-settings-panel{margin-bottom:var(--space-4)}.domains-status{margin-top:var(--space-3)}.domains-workspace{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:var(--space-4);align-items:start}.domains-zone-rail{position:sticky;top:var(--space-3);max-height:calc(100vh - 8rem);overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}.domains-zone-rail .panel-head{padding-bottom:var(--space-2)}.domains-zone-list{display:flex;flex-direction:column;gap:.35rem;overflow:auto;padding:0 var(--space-3) var(--space-3);margin:0 calc(-1 * var(--space-1))}.domains-zone-empty{padding:0 var(--space-3) var(--space-3)}.domains-zone-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;text-align:left;padding:.7rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.domains-zone-item:hover{background:color-mix(in srgb,var(--panel-2, #111827) 70%,transparent)}.domains-zone-item.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.domains-zone-name{font-weight:600;font-size:.92rem;word-break:break-all}.domains-zone-meta{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted);text-transform:lowercase}.status-dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--muted)}.status-dot.online{background:#34d399;box-shadow:0 0 0 3px color-mix(in srgb,#34d399 25%,transparent)}.status-dot.offline{background:#f87171}.domains-main{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.domains-panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end}.domains-toolbar{margin-bottom:var(--space-3)}.domains-toolbar .page-toolbar-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;width:100%}.domains-toolbar .toolbar-search{flex:1 1 220px;min-width:180px}.domains-type-chips{display:flex;flex-wrap:wrap;gap:.3rem}.domains-chip{padding:.35rem .55rem!important;font-size:.75rem!important;border-radius:8px!important;min-height:auto!important}.domains-chip.is-active{background:color-mix(in srgb,var(--accent) 18%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 40%,transparent)!important;color:var(--accent)!important}.domains-filter-checkbox{align-self:center;margin:0;white-space:nowrap}.domains-table-wrap{overflow:auto;border-radius:12px;border:1px solid color-mix(in srgb,var(--border, #243044) 80%,transparent)}.domains-table{width:100%;border-collapse:collapse;font-size:.9rem}.domains-table th,.domains-table td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--border, #243044) 70%,transparent);vertical-align:top}.domains-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:color-mix(in srgb,var(--panel-2, #0f172a) 80%,transparent);position:sticky;top:0;z-index:1}.domains-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.domains-table code{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-2);word-break:break-all}.domain-record-fqdn,.domain-record-comment{font-size:.78rem;margin-top:.15rem}.domain-priority{font-size:.78rem}.domains-table tr.is-subdomain td:first-child strong{color:var(--accent)}.dns-type{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;padding:.2rem .45rem;border-radius:7px;font-size:.72rem;font-weight:700;letter-spacing:.03em;background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--text, #e5e7eb)}.dns-type-a{background:color-mix(in srgb,#38bdf8 22%,transparent);color:#7dd3fc}.dns-type-cname{background:color-mix(in srgb,#a78bfa 22%,transparent);color:#c4b5fd}.dns-type-txt{background:color-mix(in srgb,#fbbf24 20%,transparent);color:#fcd34d}.dns-type-mx{background:color-mix(in srgb,#34d399 20%,transparent);color:#6ee7b7}.proxy-pill{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.proxy-pill.on{background:color-mix(in srgb,#f97316 22%,transparent);color:#fdba74}.proxy-pill.off{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}.domains-row-actions{flex-wrap:nowrap}.domains-loading{display:flex;flex-direction:column;gap:.65rem;padding:var(--space-2) 0}.domains-skeleton-row{height:3rem;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--panel-2, #111827) 80%,transparent),color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--panel-2, #111827) 80%,transparent));background-size:200% 100%;animation:domains-shimmer 1.2s ease-in-out infinite}@keyframes domains-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.domains-editor-panel{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}@media(max-width:980px){.domains-workspace{grid-template-columns:1fr}.domains-zone-rail{position:static;max-height:none}.domains-zone-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.domains-page .domains-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.domains-page .domains-overview-stats{grid-template-columns:1fr 1fr}.domains-row-actions{flex-direction:column}}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.span-two{grid-column:span 1}.page-tabs,.servers-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1099px){.workspace-shell--adaptive{display:flex;flex-direction:column;gap:0;padding:0 0 calc(var(--dock-h) + var(--space-4) + env(safe-area-inset-bottom,0px));align-items:stretch}.workspace-shell--adaptive .content-shell{padding:var(--space-4) var(--space-3) var(--space-5);max-width:none}.workspace-shell--adaptive .sidebar--desktop{display:none}.workspace-shell--adaptive .mobile-header{display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:0;z-index:100;margin:0 calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3) var(--space-3);background:#0a0b0df0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.workspace-shell--adaptive .mobile-header .top-bar--mobile,.workspace-shell--adaptive .mobile-header .subnav-strip--compact{display:flex}.workspace-shell--adaptive .app-dock{display:block}.top-bar-user{display:none}.content-shell{padding:0}}@media(max-width:1023px){.workspace-shell{grid-template-columns:1fr;padding:0 0 var(--space-5);gap:0}.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,.page-tabs,.servers-toolbar,.servers-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}.workspace-shell--adaptive{padding-inline:var(--space-2)}.top-bar-brand-mark{width:32px;height:32px;font-size:.65rem}.top-bar-title{font-size:.88rem}.app-dock,.dock-flyout{width:calc(100% - var(--space-2))}.login-shell{padding:var(--space-4)}.login-card{padding:var(--space-5) var(--space-4)}}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}a.button-link,.ghost-link{padding:.72rem 1.15rem;border-radius:var(--radius-md);font-weight:650;background:var(--accent-gradient);color:#041018;box-shadow:var(--shadow-sm)}a.ghost-link,.button-link.ghost-link{background:var(--accent-muted);color:var(--accent);border:1px solid rgba(212,163,92,.28);box-shadow:none}a.ghost-link.btn-sm,.button-link.ghost-link.btn-sm{padding:.45rem .85rem;font-size:.875rem}.server-checks-toolbar-grid{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:var(--space-4);align-items:end}.server-checks-toolbar-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.server-checks-tabs{margin-top:var(--space-2)}.server-checks-layout{align-items:start}.server-checks-variant-grid{display:grid;gap:var(--space-3)}.server-check-variant{text-align:left;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-elevated);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.server-check-variant:hover{border-color:var(--accent);transform:translateY(-1px)}.server-check-variant.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.server-check-variant strong{display:block;margin-bottom:var(--space-2)}.server-check-variant p{margin:0 0 var(--space-2);color:var(--text-muted)}.server-checks-actions{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.server-checks-warning{font-size:.92rem}.server-checks-empty{min-height:220px;display:grid;place-items:center;text-align:center;color:var(--text-muted)}.check-report-hero{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-soft);margin-bottom:var(--space-4);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),var(--surface-elevated)}.check-report-hero.health-good{border-color:color-mix(in srgb,var(--success) 35%,var(--border-soft))}.check-report-hero.health-fair{border-color:color-mix(in srgb,var(--warning) 35%,var(--border-soft))}.check-report-hero.health-poor{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-soft))}.check-health-ring{--score: 50;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--surface-elevated) 78%,transparent 80% 100%),conic-gradient(var(--accent) calc(var(--score) * 1%),color-mix(in srgb,var(--border-soft) 80%,transparent) 0)}.check-health-ring-inner{text-align:center;display:grid;gap:.15rem}.check-health-ring-inner strong{font-size:1.45rem;line-height:1}.check-health-ring-inner span{font-size:.78rem;color:var(--text-muted)}.check-report-hero-copy h3{margin:.15rem 0 .35rem}.check-report-stat-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.check-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;font-size:.86rem;font-weight:600;background:var(--surface-base)}.check-stat.success{color:var(--success)}.check-stat.error{color:var(--danger)}.check-stat.warning{color:var(--warning)}.check-stat.neutral{color:var(--text-muted)}.check-report-status-badge{display:grid;gap:var(--space-2);justify-items:end}.check-highlights{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.check-highlight{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-elevated)}.check-highlight.tone-success{border-color:color-mix(in srgb,var(--success) 35%,var(--border-soft))}.check-highlight.tone-error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-soft))}.check-highlight.tone-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border-soft))}.check-highlight-icon{font-size:1.2rem;line-height:1.4}.check-highlight p{margin:0}.check-report-block{margin-bottom:var(--space-4)}.check-report-block-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.check-report-block-head h4{margin:0}.check-scorecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.check-scorecard{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-elevated)}.check-scorecard.tone-success{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 18%,transparent)}.check-scorecard.tone-error{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 18%,transparent)}.check-scorecard-icon{font-size:1.35rem}.check-scorecard strong{display:block;font-size:1.15rem;margin-top:.15rem}.check-scorecard small{display:block;margin-top:.2rem;color:var(--text-muted)}.check-bars{display:grid;gap:var(--space-3)}.check-bar-row{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-elevated)}.check-bar-head{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.check-bar-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--border-soft) 70%,transparent);overflow:hidden}.check-bar-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.check-bar-fill.tone-success{background:var(--success)}.check-bar-fill.tone-warning{background:var(--warning)}.check-bar-fill.tone-error{background:var(--danger)}.check-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.check-tile{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-base)}.check-tile.status-success{border-color:color-mix(in srgb,var(--success) 40%,var(--border-soft));background:color-mix(in srgb,var(--success) 8%,var(--surface-base))}.check-tile.status-error{border-color:color-mix(in srgb,var(--danger) 40%,var(--border-soft));background:color-mix(in srgb,var(--danger) 8%,var(--surface-base))}.check-tile.status-warning{border-color:color-mix(in srgb,var(--warning) 40%,var(--border-soft));background:color-mix(in srgb,var(--warning) 8%,var(--surface-base))}.check-tile-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--surface-elevated)}.check-tile.status-success .check-tile-icon{color:var(--success)}.check-tile.status-error .check-tile-icon{color:var(--danger)}.check-tile.status-warning .check-tile-icon{color:var(--warning)}.check-tile-body{display:grid;gap:.2rem}.check-tile-body strong{line-height:1.3}.check-tile-body span{color:var(--text-muted);font-size:.88rem}.check-empty-visual{display:grid;gap:var(--space-2);justify-items:center;text-align:center;padding:var(--space-5);border:1px dashed var(--border-soft);border-radius:var(--radius-md)}.check-empty-visual-icon{font-size:2rem}.check-empty-visual p{margin:0}.check-runs-list{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.check-runs-items{display:grid;gap:var(--space-2)}.check-run-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-base);cursor:pointer}.check-run-item:hover{border-color:var(--accent)}.check-run-item strong{display:block}.check-run-item .muted{display:block;margin-top:.15rem;font-size:.86rem}.check-run-item-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.check-run-cancel{padding:.25rem .55rem;font-size:.82rem;white-space:nowrap}.status-pill.pending{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.server-checks-report-hero{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent);border:1px solid var(--border-soft);margin-bottom:var(--space-4)}.server-checks-report-hero h3{margin:.2rem 0}.server-checks-report-meta{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.server-checks-sections{display:grid;gap:var(--space-3)}.server-check-section{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-elevated)}.server-check-section.status-success{border-left:4px solid var(--success)}.server-check-section.status-error{border-left:4px solid var(--danger)}.server-check-section.status-warning{border-left:4px solid var(--warning)}.server-check-section.status-info{border-left:4px solid var(--accent)}.server-check-section-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}.status-pill.section-success,.status-pill.section-info{background:color-mix(in srgb,var(--success) 18%,transparent)}.status-pill.section-error{background:color-mix(in srgb,var(--danger) 18%,transparent)}.status-pill.section-warning{background:color-mix(in srgb,var(--warning) 18%,transparent)}.server-check-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin:0 0 var(--space-3)}.server-check-metrics div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-base)}.server-check-metrics dt{font-size:.82rem;color:var(--text-muted);margin-bottom:.25rem}.server-check-metrics dd{margin:0;font-weight:600}.server-check-lines{margin:0;padding-left:1.1rem;color:var(--text-muted);display:grid;gap:.35rem}.server-check-raw{margin-top:var(--space-4)}.server-check-raw pre{max-height:240px;overflow:auto;margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-base);font-size:.82rem}@media(max-width:960px){.server-checks-toolbar-grid,.check-report-hero{grid-template-columns:1fr}.check-report-status-badge,.server-checks-report-meta{align-items:flex-start;justify-items:start}}.server-checks-page .server-check-variant,.server-checks-page .check-run-item{background:var(--surface-raised);color:var(--text);box-shadow:none;font-weight:500;text-align:left}.server-checks-page .server-check-variant:hover:not(:disabled),.server-checks-page .check-run-item:hover:not(:disabled){filter:none;background:#d4a35c14;color:var(--text)}.server-checks-page .server-check-variant.active{background:#d4a35c1f;color:var(--text)}.server-checks-page .server-check-variant strong,.server-checks-page .check-run-item strong,.server-checks-page .check-report-hero-copy h3,.server-checks-page .check-report-block-head h4,.server-checks-page .check-scorecard strong,.server-checks-page .check-bar-head strong,.server-checks-page .check-tile-body strong,.server-checks-page .check-report-section-head strong{color:var(--text)}.server-checks-page .server-check-variant p,.server-checks-page .check-scorecard .muted,.server-checks-page .check-scorecard small,.server-checks-page .check-tile-body span,.server-checks-page .check-run-item .muted,.server-checks-page .check-health-ring-inner span,.server-checks-page .check-report-status-badge .muted{color:var(--text-secondary)}.server-checks-page .check-scorecard dt,.server-checks-page .check-report-block-head .muted{color:var(--text-tertiary)}.server-checks-page .check-scorecard dd,.server-checks-page .check-bar-head span,.server-checks-page .check-highlight p,.server-checks-page .check-report-hero-copy .hero-copy,.server-checks-page .check-report-hero-copy .eyebrow{color:var(--text-secondary)}.server-checks-page .check-health-ring-inner strong{color:var(--accent)}.server-checks-page .page-tab{color:var(--text-secondary)}.server-checks-page .page-tab span{color:var(--text)}.server-checks-page .page-tab small{color:var(--text-tertiary)}.server-checks-page .page-tab.active span{color:var(--accent)}.server-checks-page .check-empty-visual,.server-checks-page .server-checks-empty{color:var(--text-secondary)}.server-checks-page .server-check-raw pre{color:var(--text-secondary);background:var(--bg-2);border:1px solid var(--border)}.embed-shell{min-height:100vh;background:var(--bg-0)}.metrics-embed-widget{min-height:100vh;padding:var(--space-5);--embed-accent: var(--embed-accent-override, var(--embed-accent-default, #7cc8ff));--embed-accent-soft: color-mix(in srgb, var(--embed-accent) 18%, transparent)}.metrics-embed-widget.theme-light{--bg-0: #f4f7fb;--bg-1: #ffffff;--bg-2: #eef3f9;--text-primary: #152033;--text-secondary: #5b677a;--border-soft: rgba(21, 32, 51, .12);--embed-accent-default: #2563eb;background:var(--bg-0);color:var(--text-primary)}.metrics-embed-widget.theme-dark{--embed-accent-default: #7cc8ff}.metrics-embed-widget.theme-midnight{--bg-0: #070b16;--bg-1: #10182b;--bg-2: #172038;--text-primary: #eef2ff;--text-secondary: #9aa7c7;--border-soft: rgba(139, 156, 255, .16);--embed-accent-default: #8b9cff;background:radial-gradient(circle at top,rgba(79,70,229,.18),transparent 42%),var(--bg-0);color:var(--text-primary)}.metrics-embed-widget.theme-slate{--bg-0: #111827;--bg-1: #1f2937;--bg-2: #273449;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-soft: rgba(148, 163, 184, .18);--embed-accent-default: #94a3b8;background:var(--bg-0);color:var(--text-primary)}.metrics-embed-widget.theme-ocean{--bg-0: #071821;--bg-1: #0d2733;--bg-2: #123646;--text-primary: #e6fffb;--text-secondary: #8fd9cf;--border-soft: rgba(34, 211, 238, .18);--embed-accent-default: #22d3ee;background:radial-gradient(circle at top right,rgba(34,211,238,.12),transparent 40%),var(--bg-0);color:var(--text-primary)}.metrics-embed-widget .eyebrow{color:var(--embed-accent)}.metrics-embed-widget .status-pill.online{background:var(--embed-accent-soft);color:var(--embed-accent);border-color:color-mix(in srgb,var(--embed-accent) 34%,transparent)}.metrics-embed-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.metrics-embed-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metrics-embed-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--bg-1)}.metrics-embed-card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.metrics-embed-banner.error{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.metric-embeds-layout{align-items:start}.metric-embeds-server-picker{margin-top:var(--space-4)}.metric-embeds-server-list{display:grid;gap:var(--space-2);margin-top:var(--space-2);max-height:240px;overflow:auto}.metric-embeds-server-option{display:flex;align-items:center;gap:var(--space-2)}.metric-embeds-theme-picker{margin-top:var(--space-4)}.metric-embeds-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.metric-embeds-theme-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--bg-2);color:var(--text);cursor:pointer}.metric-embeds-theme-option.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.metric-embeds-theme-swatch{width:14px;height:14px;border-radius:999px;flex:0 0 14px}.metric-embeds-color-field{margin-top:var(--space-4)}.metric-embeds-color-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.metric-embeds-color-row input[type=color]{width:44px;height:44px;padding:0;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:transparent}.metric-embeds-color-row input:not([type=color]){flex:1 1 160px}.metric-embeds-preview{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-soft);min-height:auto}.metric-embeds-preview-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--bg-1, var(--surface-raised))}.metric-embeds-preview-rings{display:flex;flex-wrap:wrap;gap:var(--space-3);font-weight:600}.metric-embeds-actions{margin-top:var(--space-4)}.metric-embeds-list{display:grid;gap:var(--space-4)}.metric-embeds-item{padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-base)}.metric-embeds-item-head{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.metric-embeds-copy-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}.panel-users-page .page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.panel-users-list{display:grid;gap:var(--space-3)}.panel-user-card{padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-base)}.panel-user-card-main{display:flex;justify-content:space-between;gap:var(--space-4)}.panel-user-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.panel-user-access-line{margin-top:.35rem;color:var(--accent);font-size:.92rem}.panel-user-editor-form{display:grid;gap:var(--space-5)}.panel-user-section h3,.panel-user-section-note{margin:0 0 var(--space-3)}.access-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.access-preset-card{display:grid;gap:.35rem;text-align:left;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--surface-base);cursor:pointer}.access-preset-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.access-preset-card span{color:var(--text-secondary);font-size:.88rem}.permission-module-grid{display:grid;gap:var(--space-4)}.permission-module-group h4{margin:0 0 var(--space-2)}.permission-module-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-1)}.permission-module-card+.permission-module-card{margin-top:var(--space-2)}.access-level-switch{display:inline-flex;border:1px solid var(--border-soft);border-radius:999px;overflow:hidden;flex-shrink:0}.access-level-option{border:0;background:transparent;padding:.4rem .75rem;font-size:.82rem;cursor:pointer}.access-level-option.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.server-scope-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.server-scope-option{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer}.server-scope-option.active{border-color:var(--accent)}.server-scope-option small{display:block;color:var(--text-secondary)}.server-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.server-picker-item{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.server-picker-item small{display:block;color:var(--text-secondary)}.panel-user-admin-note{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--accent) 8%,transparent)}.panel-user-editor-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.panel-user-password-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}.panel-user-created-banner{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-soft))}.panel-user-created-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.panel-user-created-grid span{display:block;margin-bottom:.2rem;color:var(--text-secondary)}.panel-user-created-grid strong{color:var(--text);word-break:break-word}.panel-user-created-password{font-family:var(--font-mono);color:var(--accent)}@media(max-width:860px){.permission-module-card,.panel-user-card-main,.panel-users-page .page-hero{flex-direction:column;align-items:stretch}.panel-user-card-side{flex-direction:row;align-items:center}}.panel-users-page .access-preset-card,.panel-users-page .access-level-option{background:var(--surface-raised);color:var(--text);box-shadow:none;font-weight:500}.panel-users-page .access-preset-card:hover:not(:disabled),.panel-users-page .access-level-option:hover:not(:disabled){filter:none;background:#d4a35c14;color:var(--text)}.panel-users-page .access-preset-card.active{background:#d4a35c1f;color:var(--text);border-color:var(--accent)}.panel-users-page .access-preset-card strong,.panel-users-page .panel-user-card strong,.panel-users-page .panel-user-section h3,.panel-users-page .panel-user-section h4,.panel-users-page .permission-module-group h4,.panel-users-page .permission-module-card strong,.panel-users-page .server-scope-option strong,.panel-users-page .server-picker-item strong,.panel-users-page .panel-user-admin-note strong,.panel-users-page label{color:var(--text)}.panel-users-page .access-preset-card span,.panel-users-page .permission-module-card .muted,.panel-users-page .panel-user-section-note,.panel-users-page .server-scope-option small,.panel-users-page .server-picker-item small,.panel-users-page .panel-user-card .muted,.panel-users-page .panel-head .muted{color:var(--text-secondary)}.panel-users-page .access-level-option{background:transparent;color:var(--text-secondary);border-radius:0;padding:.4rem .75rem}.panel-users-page .access-level-option.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.panel-users-page .panel-user-card,.panel-users-page .permission-module-card,.panel-users-page .server-scope-option,.panel-users-page .server-picker-item{color:var(--text)}.panel-users-page input,.panel-users-page textarea,.panel-users-page select{color:var(--text);background:var(--bg-2);border-color:var(--border-soft)}.panel-users-page input[readonly]{color:var(--text-secondary)}.metric-embeds-page .metric-embeds-item strong,.metric-embeds-page .metric-embeds-server-picker strong,.metric-embeds-page label{color:var(--text)}.metric-embeds-page .metric-embeds-item .muted,.metric-embeds-page .metric-embeds-server-option span,.metric-embeds-page .panel-head .muted{color:var(--text-secondary)}.metric-embeds-page input,.metric-embeds-page textarea,.metric-embeds-page select{color:var(--text);background:var(--bg-2);border-color:var(--border-soft)}.metrics-embed-widget:not(.theme-light){color:var(--text-primary, var(--text));background:var(--bg-0, var(--bg-0))}.metrics-embed-widget:not(.theme-light) strong,.metrics-embed-widget:not(.theme-light) h1{color:var(--text-primary, var(--text))}.metrics-embed-widget:not(.theme-light) .muted{color:var(--text-secondary, var(--text-secondary))}.metrics-embed-widget:not(.theme-light) .metrics-embed-card{background:var(--bg-1, var(--surface-raised));color:var(--text-primary, var(--text));border-color:var(--border-soft, var(--border-soft))}.dashboard-kpi-rows{display:grid;gap:var(--space-3)}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.dashboard-kpi-row--risk{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-kpi-card{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:left;color:inherit;cursor:default}button.dashboard-kpi-card{box-shadow:var(--shadow-sm);background:var(--surface);color:var(--text);font-weight:inherit;letter-spacing:normal}button.dashboard-kpi-card:hover:not(:disabled){filter:none;border-color:#d4a35c59}.dashboard-kpi-card.is-active{border-color:#d4a35c73;background:#d4a35c14}.dashboard-kpi-card.is-clickable{cursor:pointer}.dashboard-kpi-card span{display:block;color:var(--text-tertiary);font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.dashboard-kpi-card strong{display:block;margin-top:6px;font-size:1.5rem;line-height:1.1;font-weight:700}.dashboard-kpi-card p{margin:6px 0 0;font-size:.82rem}.dashboard-kpi-card.sky strong{color:var(--accent)}.dashboard-kpi-card.mint strong{color:var(--accent-2)}.dashboard-kpi-card.amber strong,.dashboard-kpi-card.warning strong{color:var(--warning)}.dashboard-kpi-card.rose strong,.dashboard-kpi-card.danger strong{color:var(--danger)}.dashboard-kpi-card.ice strong{color:var(--ice)}.dashboard-attention-list{display:grid;gap:var(--space-2)}.dashboard-attention-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05}.dashboard-attention-item.critical,.dashboard-attention-item.error{border-color:#f0717a59;background:#f0717a0f}.dashboard-attention-item.warning{border-color:#f0c14c59;background:#f0c14c0f}.dashboard-attention-item strong{display:block;font-size:.92rem}.dashboard-attention-item p{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary)}.dashboard-attention-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.dashboard-table-wrap{overflow-x:auto;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4)}.dashboard-table{width:100%;border-collapse:collapse;font-size:.9rem}.dashboard-table th{text-align:left;padding:8px 10px;font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap}.dashboard-table td{padding:10px;border-bottom:1px solid rgba(120,160,210,.1);vertical-align:middle}.dashboard-table tr:last-child td{border-bottom:0}.dashboard-table tr:hover td{background:#d4a35c0a}.dashboard-table-name{display:grid;gap:2px;min-width:140px}.dashboard-table-name strong{font-size:.92rem}.dashboard-table-name span{font-size:.8rem;color:var(--text-tertiary);font-family:var(--font-mono)}.dashboard-table-metrics{display:flex;gap:10px;font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.dashboard-table-metrics b{color:var(--text);font-weight:650}.dashboard-quick-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dashboard-quick-links a{text-decoration:none;color:var(--accent);padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid rgba(212,163,92,.22);background:var(--accent-muted);font-size:.88rem;font-weight:600}.dashboard-quick-links a:hover{background:#d4a35c33}.online-chip{color:var(--accent-2)}.warning-chip{color:var(--warning)}.danger-chip{color:#ffb3b9}.ssh-access-popover{position:fixed;z-index:120;width:min(360px,calc(100vw - 32px));border-radius:var(--radius-lg);border:1px solid rgba(212,163,92,.25);background:#0c121cfa;box-shadow:0 18px 50px #00000073;padding:var(--space-3)}.ssh-access-popover-head,.ssh-access-row,.ssh-access-actions{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.ssh-access-popover-head{margin-bottom:var(--space-2)}.ssh-access-popover-head p{margin:.15rem 0 0}.ssh-access-popover-body{display:grid;gap:var(--space-2)}.ssh-access-block{display:grid;gap:.35rem}.ssh-access-row span:first-child{color:var(--text-secondary);font-size:.82rem}.ssh-access-command{display:block;padding:var(--space-2);border-radius:var(--radius-sm);background:#00000040;word-break:break-all;font-size:.82rem}.ssh-access-hint{margin:0;font-size:.82rem}.ssh-access-actions{margin-top:var(--space-1);flex-wrap:wrap}@media(max-width:1100px){.dashboard-kpi-row,.dashboard-kpi-row--risk{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dashboard-kpi-row,.dashboard-kpi-row--risk{grid-template-columns:1fr}.dashboard-attention-item{flex-direction:column}.dashboard-attention-meta{align-items:flex-start}}.dash-stats{display:grid;gap:var(--space-3)}.dash-stats__label{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.dash-stats .dashboard-kpi-rows{display:grid;gap:var(--space-3)}.dash-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:var(--space-4);align-items:start}.dash-split-side .dashboard-quick-links{display:grid;gap:var(--space-2)}.dash-quick-link,.dashboard-quick-links a{text-decoration:none;color:var(--text);padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);font-size:.88rem;font-weight:600;transition:border-color var(--transition),background var(--transition),color var(--transition)}.dash-quick-link:hover,.dashboard-quick-links a:hover{border-color:#d4a35c59;background:var(--accent-muted);color:var(--accent)}.dash-attention-dot{width:8px;height:8px;border-radius:2px;margin-top:7px;flex-shrink:0;background:var(--warning)}.dash-attention-dot.critical,.dash-attention-dot.error{background:var(--danger)}.dash-attention-dot.warning{background:var(--warning)}.dashboard-attention-item{display:flex;gap:var(--space-3);align-items:flex-start}.dashboard-kpi-card{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);box-shadow:none}.dashboard-kpi-card.is-active{border-color:#d4a35c73;background:var(--accent-muted)}.dock-flyout-link{display:flex;align-items:flex-start;gap:var(--space-2)}.dock-flyout-link .nav-link-icon{margin-top:2px;color:var(--text-tertiary)}.dock-flyout-link.active .nav-link-icon{color:var(--accent)}.empty-state{display:grid;gap:var(--space-2);padding:var(--space-5) var(--space-4);text-align:center;border-radius:var(--radius-md);border:1px dashed var(--border);background:#ffffff04}.empty-state strong{font-size:1rem;letter-spacing:-.02em}.page-toolbar{background:var(--bg-2);border-radius:var(--radius-md)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:650;letter-spacing:.02em;border:1px solid var(--border);background:var(--bg-2)}.status-pill.online{color:var(--accent-2);border-color:#6ec9a859;background:#6ec9a81a}.status-pill.offline{color:#ffb8b2;border-color:#e07a7259;background:#e07a721a}.status-pill.pending{color:var(--text-secondary)}.app-dock-inner{border-radius:var(--radius-lg);background:#101216eb;border:1px solid var(--border);box-shadow:var(--shadow-md)}.subnav-strip--compact .subnav-item{border-radius:var(--radius-sm)}.subnav-item.active{border-color:#d4a35c66;background:var(--accent-muted);box-shadow:none}@media(max-width:980px){.dash-split{grid-template-columns:1fr}}.fleet-card{display:grid;gap:var(--space-3)}.fleet-card-zone{display:grid;gap:var(--space-2)}.fleet-card-zone+.fleet-card-zone{padding-top:var(--space-3);border-top:1px solid var(--border)}.fleet-card-actions-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.fleet-more-menu{position:relative}.fleet-more-dropdown{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;min-width:180px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);display:grid;gap:4px}.fleet-more-dropdown button{width:100%;justify-content:flex-start;text-align:left}.servers-more-menu{position:relative}.servers-more-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);display:grid;gap:4px}.servers-more-dropdown button{width:100%;justify-content:flex-start;text-align:left}.bulk-paths{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:900px){.bulk-paths{grid-template-columns:1fr}}.ssh-keys-page .ssh-keys-key-block{display:grid;gap:var(--space-2)}.ssh-keys-page .ssh-keys-key-block code{display:block;margin-top:.25rem;word-break:break-all}.ssh-keys-public{font-size:.82rem}.ssh-keys-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.ssh-keys-checkbox{display:flex;gap:var(--space-2);align-items:center}.ssh-keys-deploy-log{margin-top:var(--space-3);white-space:pre-wrap;font-size:.85rem}.ssh-keys-toolbar{display:flex;gap:var(--space-3);align-items:end;margin-bottom:var(--space-3)}.ssh-keys-table-wrap{overflow-x:auto}.ssh-keys-table{width:100%;border-collapse:collapse}.ssh-keys-table th,.ssh-keys-table td{padding:.65rem .5rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:middle}.ssh-keys-table th{color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.pm2-page{gap:var(--space-4)}.pm2-selector-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(160px,.8fr) minmax(160px,1fr);gap:var(--space-3);align-items:end}.pm2-selector-grid label{display:grid;gap:4px;font-size:.72rem;font-weight:650;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.pm2-selector-grid select{margin-top:0}.pm2-selector-status{display:flex;align-items:center;min-height:2.6rem}.pm2-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.pm2-start-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.pm2-start-form label{display:grid;gap:4px;font-size:.72rem;font-weight:650;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.pm2-start-form input{margin-top:0}.pm2-start-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.pm2-list{display:grid;gap:var(--space-2)}.pm2-row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-2);transition:border-color var(--transition),background var(--transition)}.pm2-row:hover{border-color:#d4a35c38}.pm2-row.is-online{box-shadow:inset 3px 0 0 var(--accent-2)}.pm2-row.is-offline{box-shadow:inset 3px 0 #e07a72b3}.pm2-row.is-active{border-color:#d4a35c66;background:#d4a35c0a}.pm2-row-main{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(160px,.9fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4)}.pm2-row-identity{display:flex;gap:var(--space-3);align-items:flex-start;min-width:0}.pm2-row-name-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pm2-row-name-line strong{font-size:.95rem;letter-spacing:-.02em}.pm2-row-meta{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:8px;color:var(--text-tertiary);font-size:.78rem}.pm2-row-metrics{display:grid;gap:6px}.pm2-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.pm2-empty{margin:0;padding:var(--space-3) 0}.pm2-logs-view{margin:0;max-height:min(70vh,720px);overflow:auto;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:#0b0c0e;color:#d7d2c8;font-family:var(--font-mono);font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}@media(max-width:980px){.pm2-selector-grid,.pm2-start-form,.pm2-row-main,.pm2-stats{grid-template-columns:1fr}.pm2-row-actions{justify-content:flex-start}}.crypto-spread-page{gap:var(--space-4)}.spread-hero-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}.spread-date{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.spread-date input{min-width:9.5rem}.spread-loading{display:grid;place-items:center;gap:var(--space-3);min-height:180px;border:1px dashed var(--border);border-radius:var(--radius-lg);background:#13161a8c;color:var(--text-secondary)}.spread-loading-pulse{width:36px;height:36px;border-radius:999px;border:2px solid rgba(212,163,92,.2);border-top-color:var(--accent);animation:spread-spin .8s linear infinite}@keyframes spread-spin{to{transform:rotate(360deg)}}.spread-layout{display:flex;flex-direction:column;gap:var(--space-4)}.spread-pnl{display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border);background:radial-gradient(ellipse 70% 80% at 0% 50%,rgba(212,163,92,.1),transparent 55%),linear-gradient(160deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-sm)}.spread-pnl.is-positive{background:radial-gradient(ellipse 70% 80% at 0% 50%,rgba(110,201,168,.12),transparent 55%),linear-gradient(160deg,var(--surface-raised) 0%,var(--surface) 100%);border-color:#6ec9a847}.spread-pnl.is-negative{background:radial-gradient(ellipse 70% 80% at 0% 50%,rgba(224,122,114,.12),transparent 55%),linear-gradient(160deg,var(--surface-raised) 0%,var(--surface) 100%);border-color:#e07a7247}.spread-pnl-label{margin:0;font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.spread-pnl-value{margin:.15rem 0 0;font-family:var(--font-mono);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.spread-pnl.is-positive .spread-pnl-value{color:var(--success)}.spread-pnl.is-negative .spread-pnl-value{color:var(--danger)}.spread-pnl-unit{margin:.2rem 0 0;font-size:.8rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.spread-pnl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:.88rem;color:var(--text-secondary)}.spread-dot{width:4px;height:4px;border-radius:999px;background:var(--text-tertiary)}.spread-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:var(--space-2)}.spread-flow-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.spread-flow-card span{font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.spread-flow-card strong{font-family:var(--font-mono);font-size:1.05rem;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.spread-flow-op{display:grid;place-items:center;width:1.25rem;color:var(--text-tertiary);font-family:var(--font-mono);font-size:1.1rem}.spread-flow-result.is-positive strong{color:var(--success)}.spread-flow-result.is-negative strong{color:var(--danger)}.spread-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:var(--space-4);align-items:start}.spread-panel{min-width:0}.spread-pair-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.spread-pair-row{display:grid;gap:6px;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.spread-pair-row:last-child{border-bottom:0;padding-bottom:0}.spread-pair-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2);align-items:baseline}.spread-pair-count{font-size:.78rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.spread-pair-count:after{content:" шт"}.spread-pair-earn{font-size:.92rem;font-weight:650;min-width:5.5rem;text-align:right}.spread-pair-bar{height:4px;border-radius:999px;background:#e8dcc814;overflow:hidden}.spread-pair-bar i{display:block;height:100%;border-radius:inherit;background:var(--text-tertiary)}.spread-pair-bar i.is-positive{background:var(--success)}.spread-pair-bar i.is-negative{background:var(--danger)}.spread-pair-foot{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:.75rem;font-variant-numeric:tabular-nums}.spread-table-wrap{overflow-x:auto;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4)}.spread-row-link{cursor:pointer;transition:background var(--transition)}.spread-row-link:hover,.spread-row-link:focus-visible{background:#d4a35c14;outline:none}.spread-cb-badge{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:#d4a35c29;color:var(--accent);font-family:var(--font-mono);font-size:.75rem;font-weight:650}.spread-order-label{display:block;margin-bottom:4px;font-size:.68rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}.spread-detail{display:grid;gap:var(--space-4)}.spread-detail-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3) var(--space-4)}.spread-detail-title{display:grid;gap:2px;min-width:0}.spread-detail-title .mono{color:var(--text-tertiary);font-size:.85rem}.spread-detail-title h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.spread-detail-title p{margin:0;font-size:.88rem}.spread-detail-pnl{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-raised)}.spread-detail-pnl span{font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.spread-detail-pnl strong{font-size:1.45rem;letter-spacing:-.02em}.spread-detail-pnl.is-positive strong{color:var(--success)}.spread-detail-pnl.is-negative strong{color:var(--danger)}.spread-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.spread-detail-metric{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.spread-detail-metric strong{display:block;font-size:1.05rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.spread-detail-metric em{display:block;margin-top:4px;font-style:normal;font-size:.78rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.spread-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:.84rem}.spread-detail-callbacks h3{margin:0 0 var(--space-3);font-size:.92rem;letter-spacing:.02em}.spread-callbacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.spread-callback{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.spread-callback.is-in{border-color:#6ec9a840}.spread-callback.is-out{border-color:#d4a35c47}.spread-callback-head{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-3)}.spread-callback-head strong{font-size:.88rem;letter-spacing:.02em}.spread-callback-hash{word-break:break-all;font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary);line-height:1.4}.spread-callback ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.spread-callback li{font-size:.88rem;line-height:1.4;color:var(--text-secondary)}@media(max-width:900px){.spread-detail-metrics,.spread-callbacks{grid-template-columns:1fr}}.spread-table{width:100%;border-collapse:collapse;font-size:.88rem}.spread-table th,.spread-table td{padding:.7rem .85rem;border-bottom:1px solid var(--border);vertical-align:top;text-align:left}.spread-table th{color:var(--text-tertiary);font-size:.7rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.spread-table tbody tr:hover{background:#d4a35c0a}.spread-table tbody tr.spread-row-link:hover{background:#d4a35c1a}.spread-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.spread-table .mono{font-family:var(--font-mono);font-size:.84rem}.spread-pair{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.spread-when{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.spread-amount{display:flex;flex-direction:column;gap:2px;min-width:7.5rem}.spread-amount-main{font-variant-numeric:tabular-nums;font-weight:600;line-height:1.25}.spread-asset{color:var(--text-secondary);font-weight:550;font-size:.82rem}.spread-amount-sub{display:block;color:var(--text-tertiary);font-size:.75rem;font-variant-numeric:tabular-nums}.spread-table .is-positive,.spread-pair-earn.is-positive{color:var(--success);font-weight:650}.spread-table .is-negative,.spread-pair-earn.is-negative{color:var(--danger);font-weight:650}.spread-table .is-neutral,.spread-pair-earn.is-neutral{color:var(--text-secondary)}@media(max-width:1100px){.spread-grid{grid-template-columns:1fr}.spread-flow{grid-template-columns:1fr 1fr}.spread-flow-op{display:none}}@media(max-width:640px){.spread-hero-actions{width:100%}.spread-date{flex:1}.spread-date input{min-width:0;width:100%}.spread-flow{grid-template-columns:1fr}.spread-pnl-value{font-size:1.85rem}.spread-pair-head{grid-template-columns:minmax(0,1fr) auto}.spread-pair-count{grid-column:2}.spread-pair-earn{grid-column:1 / -1;text-align:left}}
