:root{--bg: #f5f5f7;--card-bg: #ffffff;--card-bg-alt: #fafbfc;--text: #1a1a1a;--muted: #5f6368;--border: #e8eaed;--accent: #1a73e8;--accent-hover: #155bbf;--accent-soft: rgba(26, 115, 232, .12);--secondary-bg: #e8eaed;--secondary-bg-hover: #dadce0;--danger: #b00020;--danger-hover: #8a0019;--code-bg: #f1f3f4;--terminal-bg: #1a1a1a;--terminal-text: #e8eaed;--terminal-border: #2a2a2a;--running-bg: #e6f4ea;--running-text: #137333;--running-border: #c3e6cb;--stopped-bg: #fef3c7;--stopped-text: #92400e;--stopped-border: #fde68a;--missing-bg: #fce8e6;--missing-text: #b00020;--suggestion-bg: #fff8e1;--suggestion-border: #fde68a;--suggestion-text: #5f3d00;--success: #137333;--nav-bg: rgba(255, 255, 255, .78);--shadow-card: 0 1px 2px rgba(0, 0, 0, .05), 0 8px 24px -8px rgba(0, 0, 0, .08);--shadow-toast: 0 12px 36px rgba(0, 0, 0, .18);--shadow-modal: 0 8px 24px rgba(0, 0, 0, .22), 0 2px 6px rgba(0, 0, 0, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--control-height: 1.85rem;--control-height-mobile: 2.5rem;--form-narrow: 24rem;--wordmark-tracking: -.005em;--font-display: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg: #0f1115;--card-bg: #1a1d23;--card-bg-alt: #15181d;--text: #e8eaed;--muted: #9aa0a6;--border: #2d3138;--accent: #4a9eff;--accent-hover: #6db0ff;--accent-soft: rgba(74, 158, 255, .18);--secondary-bg: #2d3138;--secondary-bg-hover: #3a3f48;--danger: #f28b82;--danger-hover: #f6aea9;--code-bg: #2d3138;--terminal-bg: #0a0a0a;--terminal-text: #e8eaed;--terminal-border: #1a1a1a;--running-bg: rgba(129, 201, 149, .15);--running-text: #81c995;--running-border: rgba(129, 201, 149, .3);--stopped-bg: rgba(253, 226, 147, .12);--stopped-text: #fde293;--stopped-border: rgba(253, 226, 147, .3);--missing-bg: rgba(242, 139, 130, .15);--missing-text: #f28b82;--suggestion-bg: rgba(253, 226, 147, .08);--suggestion-border: rgba(253, 226, 147, .3);--suggestion-text: #fde293;--success: #81c995;--nav-bg: rgba(26, 29, 35, .78);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -8px rgba(0, 0, 0, .5);--shadow-toast: 0 14px 40px rgba(0, 0, 0, .6);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:1.75rem;line-height:1.2;margin:0 0 var(--space-4)}h2{font-size:1.25rem;line-height:1.3;margin:0 0 var(--space-3)}h3{font-size:1rem;line-height:1.3;margin:0 0 var(--space-2)}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--code-bg);padding:.05rem .3rem;border-radius:3px;font-size:.85em}.container{max-width:960px;margin:var(--space-6) auto;padding:0 var(--space-4)}.container-narrow{max-width:30rem}.card{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card);margin-bottom:var(--space-5);border:1px solid var(--border)}.row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.settings-section{padding:0;overflow:hidden}.settings-section>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md)}.settings-section>summary::-webkit-details-marker{display:none}.settings-section>summary:hover{background:var(--card-bg-alt)}.settings-section>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.settings-section>summary h2{margin:0;flex:0 0 auto}.settings-section>summary .section-hint{color:var(--muted);font-size:.85rem;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-section>summary:after{content:"";flex:0 0 auto;width:.6rem;height:.6rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg) translate(.15rem,-.15rem);transition:transform .15s ease}.settings-section[open]>summary:after{transform:rotate(45deg) translate(-.1rem)}.settings-section[open]>summary{border-bottom:1px solid var(--border)}.settings-section .section-body{padding:var(--space-5);padding-top:var(--space-4)}nav{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-6);background:var(--nav-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}nav .brand,.wordmark{font-weight:700;font-family:var(--font-display);letter-spacing:var(--wordmark-tracking)}.wordmark{font-size:2.5rem;margin:0 0 var(--space-2);line-height:1}nav a{color:var(--muted);text-decoration:none;font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color .15s,background .15s}nav a.active,nav a:hover{color:var(--accent);text-decoration:none;background:var(--accent-soft)}nav .spacer{flex:1}.theme-toggle{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem var(--space-3);font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s,color .15s}.theme-toggle:hover{color:var(--text);background:var(--secondary-bg)}.nav-icon{display:none;font-size:1rem;line-height:1}.nav-label{display:inline}.nav-logout{display:inline-flex;align-items:center;gap:.4rem}.btn{padding:.5rem var(--space-4);border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:500;transition:background .15s,transform .1s,box-shadow .15s}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.btn[disabled]{background:var(--muted);cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:var(--secondary-bg);color:var(--text)}.btn-secondary:hover{background:var(--secondary-bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-weight:500;font-size:.875rem}.field input,select{padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.field input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.notes-textarea{width:100%;min-height:5rem;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .15s,box-shadow .15s}.notes-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field small{color:var(--muted);font-size:.75rem}.form-narrow{max-width:var(--form-narrow)}.error{color:var(--danger);margin-top:var(--space-2);font-size:.875rem}.success{color:var(--success);margin-top:var(--space-2);font-size:.875rem}.muted{color:var(--muted)}.link-button{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.link-button:hover{color:var(--accent-hover)}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:.95rem;padding:var(--space-3);background:var(--code-bg);border-radius:var(--radius-sm);margin:var(--space-3) 0;-webkit-user-select:all;user-select:all}.backup-codes-grid>span{padding:var(--space-1) 0}.totp-setup-layout{display:flex;gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;margin:var(--space-3) 0}.totp-setup-layout .qr-frame{background:#fff;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);line-height:0}.totp-setup-layout .totp-manual{flex:1 1 14rem;min-width:14rem}.totp-manual code{display:block;word-break:break-all;background:var(--code-bg);padding:var(--space-2);border-radius:var(--radius-sm);font-size:.85rem;margin:var(--space-1) 0 var(--space-3)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem var(--space-3);border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}.table th{font-weight:600;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--card-bg-alt)}.th-sort{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left;transition:color .12s}.th-sort:hover{color:var(--text)}.th-sort:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft);border-radius:3px}.th-sort-icon{font-size:.65em;color:var(--muted);opacity:.55;line-height:1}.th-sort-active{color:var(--accent)}.th-sort-active .th-sort-icon{color:var(--accent);opacity:1}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--accent-soft)}.row-link{color:var(--text);font-weight:500;text-decoration:none}.row-link:hover{text-decoration:underline;color:var(--accent)}.col-num{font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:.125rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-running{background:var(--running-bg);color:var(--running-text)}.badge-stopped{background:var(--stopped-bg);color:var(--stopped-text)}.badge-missing{background:var(--missing-bg);color:var(--missing-text)}.badge-protected{background:var(--secondary-bg);color:var(--muted);margin-left:var(--space-2)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:0}.chip{display:inline-flex;align-items:baseline;gap:.35rem;padding:.3rem var(--space-3);border-radius:999px;background:var(--secondary-bg);color:var(--text);font-size:.8rem;font-weight:500;border:1px solid var(--border)}.chip strong{font-weight:700;font-size:.95rem}.chip-running{background:var(--running-bg);color:var(--running-text);border-color:var(--running-border)}.chip-stopped{background:var(--stopped-bg);color:var(--stopped-text);border-color:var(--stopped-border)}.chip-muted{color:var(--muted)}.chip-button{font:inherit;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.chip-button:hover{background:var(--secondary-bg-hover);transform:translateY(-1px)}.chip-button.chip-running:hover{background:var(--running-bg);filter:brightness(.95)}.chip-button.chip-stopped:hover{background:var(--stopped-bg);filter:brightness(.97)}.chip-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.chip-button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.chip-button:disabled:hover{background:var(--secondary-bg);filter:none}.chip-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.filter-bar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-5)}.filter-bar .chips{flex:1 1 auto;min-width:0}.search-wrap{flex:0 1 16rem;min-width:10rem}.search-input{width:100%;padding:.4rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);font:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.empty-filter{padding:var(--space-5) var(--space-4);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-md)}.empty-filter p{margin-bottom:var(--space-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-5);min-width:22rem;max-width:36rem;width:100%;box-shadow:var(--shadow-modal);border:1px solid var(--border)}.modal h2{margin-top:0}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.confirm-body{font-size:.9rem}.dry-run-label{font-weight:600;margin:var(--space-3) 0 var(--space-2);font-size:.875rem}.dry-run-steps{margin:0 0 var(--space-3);padding-left:1.5rem;display:flex;flex-direction:column;gap:.3rem}.dry-run-steps li{font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}.dry-run-reminders{margin-top:var(--space-3);padding:var(--space-3);background:var(--suggestion-bg);border:1px solid var(--suggestion-border);border-radius:var(--radius-sm);color:var(--suggestion-text);font-size:.875rem}.dry-run-reminders strong{display:block;margin-bottom:var(--space-1)}.dry-run-reminders ul{margin:0;padding-left:1.2rem}.dry-run-skeleton{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.op-toast{position:fixed;right:var(--space-4);bottom:var(--space-4);width:min(28rem,calc(100% - var(--space-6)));background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-toast);z-index:60;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-left:4px solid var(--accent)}.op-toast-running{border-left-color:var(--accent)}.op-toast-done{border-left-color:var(--success)}.op-toast-error{border-left-color:var(--danger)}.op-toast-summary{display:flex;align-items:center;gap:.7rem;padding:.7rem 2.5rem .7rem var(--space-4);background:var(--card-bg);border:none;text-align:left;cursor:pointer;width:100%;color:var(--text)}.op-toast-summary:hover{background:var(--secondary-bg)}.op-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;flex:0 0 auto;font-size:1rem;font-weight:700}.op-toast-done .op-toast-icon{color:var(--success)}.op-toast-error .op-toast-icon{color:var(--danger)}.op-toast-text{display:flex;flex-direction:column;flex:1;min-width:0}.op-toast-text strong{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-toast-text small{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-toast-error .op-toast-text small{color:var(--danger)}.op-toast-chevron{color:var(--muted);flex:0 0 auto}.op-toast-close{position:absolute;top:.35rem;right:.55rem;background:transparent;border:none;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:.2rem .4rem;border-radius:4px}.op-toast-close:hover{background:var(--secondary-bg);color:var(--text)}.spin{display:inline-block;width:.9rem;height:.9rem;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%}.op-log{list-style:none;padding:var(--space-3) var(--space-4);margin:0;font-family:var(--font-mono);font-size:.78rem;max-height:22rem;overflow:auto;border-top:1px solid var(--border)}.op-log li{padding:.2rem 0;border-bottom:1px solid var(--border)}.op-log li.op-step{color:var(--accent)}.op-log li.op-info{color:var(--muted)}.op-log li.op-warn{color:var(--stopped-text)}.op-log li.op-error{color:var(--danger);font-weight:600}.op-log li.op-done{color:var(--success);font-weight:600}.dns-reminder{padding:var(--space-3) var(--space-4);background:var(--suggestion-bg);color:var(--suggestion-text);border-top:1px solid var(--suggestion-border);font-size:.875rem}.breadcrumb{font-size:.85rem;margin-top:0;margin-bottom:var(--space-1)}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-4);margin-top:var(--space-2)}.kv-grid>div{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.kv-grid label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.config-preview{margin-top:var(--space-4)}.config-preview summary{cursor:pointer;font-size:.85rem;color:var(--muted);padding:.4rem 0}.config-preview pre,.config-preview-pre{background:var(--code-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:.78rem;overflow:auto;max-height:30rem;margin:.4rem 0 0;font-family:var(--font-mono);white-space:pre;line-height:1.45}.log-output{background:var(--terminal-bg);color:var(--terminal-text);border:1px solid var(--terminal-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:.78rem;overflow:auto;max-height:30rem;margin:.4rem 0 0;font-family:var(--font-mono);white-space:pre;line-height:1.45}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.table .actions{flex-wrap:nowrap}.actions .btn,.actions .switch{height:var(--control-height);font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;line-height:1}.actions .btn{padding:0 .75rem}.actions .btn-icon{width:var(--control-height);padding:0!important;font-size:.95rem}.actions .switch{padding:0 .45rem;gap:.45rem}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);font-weight:500}.btn-ghost:hover{background:var(--secondary-bg);border-color:var(--secondary-bg-hover);transform:translateY(-1px)}.btn-ghost-danger{background:transparent;border:1px solid var(--border);color:var(--danger);font-weight:500}.btn-ghost-danger:hover{background:var(--missing-bg);border-color:var(--missing-bg);color:var(--danger);transform:translateY(-1px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0!important;font-size:.95rem;line-height:1}.switch{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .35rem;background:transparent;border:none;font-size:.78rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:background .15s}.switch:hover{background:var(--secondary-bg)}.switch:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.switch-track{position:relative;width:2.1rem;height:1.15rem;background:var(--secondary-bg);border-radius:999px;border:1px solid var(--border);flex:0 0 auto;transition:background .15s,border-color .15s}.switch-thumb{position:absolute;top:1px;left:1px;width:.9rem;height:.9rem;background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000040;transition:transform .18s ease}.switch-on{color:var(--text)}.switch-on .switch-track{background:var(--accent);border-color:var(--accent)}.switch-on .switch-thumb{transform:translate(.95rem)}[data-theme=dark] .switch-thumb{background:#e8eaed}.checkbox{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{width:1rem;height:1rem;cursor:pointer}.suggestion{background:var(--suggestion-bg);border:1px solid var(--suggestion-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.suggestion h3{margin:0 0 var(--space-2);color:var(--suggestion-text);font-size:1rem}.suggestion-list{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.suggestion-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--card-bg);border:1px solid var(--suggestion-border);border-radius:var(--radius-sm);font-size:.9rem;flex-wrap:wrap}.suggestion-list li .actions{margin-left:auto}.dashboard{margin-bottom:var(--space-5)}.dashboard-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dashboard-stat{display:flex;flex-direction:column;gap:.15rem;padding:var(--space-3) var(--space-4);background:var(--card-bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);min-width:12rem;text-align:left;font-family:inherit;color:inherit}.dashboard-stat-action{cursor:pointer;transition:background .15s,transform .1s,border-color .15s}.dashboard-stat-action:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.dashboard-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:var(--text)}.dashboard-stat-action-value{color:var(--accent)}.dashboard-stat-label{font-size:.8rem;color:var(--muted)}.dashboard-stat-meta .dashboard-stat-value{color:var(--muted);font-size:1.25rem}.dashboard-loading{display:flex;gap:var(--space-3)}.host-panel{margin-top:var(--space-3);padding:var(--space-4);background:var(--card-bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.host-panel-summary{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;margin:calc(var(--space-2) * -1) calc(var(--space-1) * -1);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm)}.host-panel-summary::-webkit-details-marker{display:none}.host-panel-summary:hover{background:var(--secondary-bg)}.host-panel-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.host-panel-chevron{flex:0 0 auto;color:var(--muted);transition:transform .18s ease}.host-panel[open] .host-panel-chevron{transform:rotate(90deg)}.host-panel-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.host-panel-peek{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-left:auto;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--muted)}.host-panel[open] .host-panel-peek{display:none}.host-peek-label{color:var(--muted)}.host-peek-value{font-weight:600;color:var(--text)}.host-peek-warn .host-peek-value{color:var(--stopped-text)}.host-peek-danger .host-peek-value{color:var(--missing-text)}.host-panel-body{display:flex;flex-direction:column;gap:var(--space-3)}.host-metric{display:grid;grid-template-columns:4.5rem 1fr 3rem auto;align-items:center;gap:var(--space-3);font-size:.85rem}.host-metric-label{font-weight:600;color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.host-metric-bar{height:.55rem;background:var(--secondary-bg);border-radius:999px;overflow:hidden}.host-metric-fill{height:100%;border-radius:inherit;transition:width .3s ease,background .2s ease}.host-metric-fill-ok{background:var(--accent)}.host-metric-fill-warn{background:var(--stopped-text)}.host-metric-fill-danger{background:var(--missing-text)}.host-metric-value{font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.host-metric-sub{font-size:.78rem;color:var(--muted);white-space:nowrap}.host-cpu-cores{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-2) var(--space-4);padding-left:calc(4.5rem + var(--space-3));margin-top:calc(var(--space-2) * -1)}.host-cpu-core{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:var(--space-2);font-size:.72rem;color:var(--muted)}.host-cpu-core-label{font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.04em}.host-cpu-core-bar{display:block;height:.3rem;background:var(--secondary-bg);border-radius:999px;overflow:hidden}.host-cpu-core-fill{display:block;height:100%;border-radius:inherit;transition:width .3s ease,background .2s ease}.host-cpu-core-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.docker-cat{display:grid;grid-template-columns:6.5rem 5.5rem 1fr auto;align-items:baseline;gap:var(--space-3);font-size:.85rem;padding:.12rem 0}.docker-cat-label{font-weight:600;color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.docker-cat-size{font-weight:600;color:var(--text)}.docker-cat-reclaim{font-size:.82rem}.docker-cat-note{font-size:.75rem;text-align:right;white-space:nowrap}.docker-reclaim{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.docker-reclaim-meta{font-size:.78rem;margin-left:auto}.prune-confirm ul{margin:var(--space-2) 0;padding-left:1.2rem}.prune-confirm li{margin:.2rem 0}@media (max-width: 480px){.docker-cat{grid-template-columns:1fr auto}.docker-cat-reclaim,.docker-cat-note{grid-column:1 / -1;text-align:left}}.skeleton{background:linear-gradient(90deg,var(--secondary-bg) 0%,var(--border) 50%,var(--secondary-bg) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-line{height:.8rem;margin-bottom:var(--space-2)}.skeleton-line-short{width:60%}.skeleton-row{height:2.2rem;margin-bottom:var(--space-2)}.skeleton-stat{height:4.5rem;min-width:12rem;flex:1}@media (prefers-reduced-motion: no-preference){.skeleton{animation:pilot-skeleton-shimmer 1.4s ease-in-out infinite}.spin{animation:pilot-spin .8s linear infinite}@keyframes pilot-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pilot-spin{to{transform:rotate(360deg)}}}.empty-state{text-align:center;padding:var(--space-6)}.empty-state h1{margin-bottom:var(--space-3)}.empty-state p{max-width:32rem;margin:0 auto var(--space-4)}@media (max-width: 768px){.container{max-width:none;margin:var(--space-3) auto;padding:0 var(--space-3)}nav{padding:var(--space-2) var(--space-4);gap:var(--space-3);flex-wrap:wrap}.card{padding:var(--space-4);border-radius:var(--radius-md)}h1{font-size:1.5rem}.row-between{gap:var(--space-2)}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tbody tr{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--card-bg)}.table tbody tr:hover{background:var(--card-bg)}.table td{border:none;padding:.35rem 0;display:grid;grid-template-columns:5rem 1fr;gap:var(--space-3);font-size:.875rem;overflow-wrap:anywhere}.table td:before{content:attr(data-label);color:var(--muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;align-self:center}.table td[data-label=Actions]{grid-template-columns:1fr;padding-top:var(--space-2)}.table td[data-label=Actions]:before{display:none}.dashboard-stat{min-width:10rem;flex:1 1 calc(50% - var(--space-3))}}@media (max-width: 480px){.container{margin:var(--space-2) auto;padding:0 var(--space-2)}nav{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.theme-toggle .nav-label,.nav-logout .nav-label{display:none}.theme-toggle .nav-icon,.nav-logout .nav-icon{display:inline-flex}.actions .btn,.actions .switch,.actions .btn-icon{height:var(--control-height-mobile)}.actions .btn-icon{width:var(--control-height-mobile)}.switch-track{width:2.4rem;height:1.35rem}.switch-thumb{width:1.05rem;height:1.05rem}.switch-on .switch-thumb{transform:translate(1.05rem)}.fab{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:25;border-radius:999px;padding:0;width:3.5rem;height:3.5rem;box-shadow:var(--shadow-toast);font-size:1.5rem}body:has(.op-toast) .fab{bottom:5.5rem}.fab .nav-label{display:none}.fab .nav-icon{display:inline}.kv-grid{grid-template-columns:1fr;gap:var(--space-2)}.card{padding:var(--space-3)}.dashboard-stat{min-width:100%;flex:1 1 100%}.dashboard-stat-value{font-size:1.35rem}.modal{min-width:0;padding:var(--space-4)}.wordmark{font-size:2rem}.filters select,.search-wrap{flex:1 1 100%}.host-panel-summary{flex-wrap:wrap}.host-panel-peek{margin-left:0;flex-basis:100%;padding-left:1.5rem}.host-metric{grid-template-columns:1fr auto;grid-template-areas:"label value" "bar bar" "sub sub";gap:var(--space-1) var(--space-2)}.host-metric-label{grid-area:label}.host-metric-value{grid-area:value}.host-metric-bar{grid-area:bar}.host-metric-sub{grid-area:sub}.host-cpu-cores{padding-left:0;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.host-cpu-core{grid-template-columns:2.25rem 1fr 2.25rem;gap:var(--space-1)}}