:root{--bg-root: #090c10;--bg-surface: #0f1218;--bg-raised: #151921;--bg-overlay: #1a1f2a;--bg-elevated: #1f2533;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(52, 211, 153, .3);--text-primary: #f0f2f5;--text-secondary: #8b95a8;--text-tertiary: #505c72;--text-quaternary: #363f50;--accent: #34d399;--accent-hover: #5eead4;--accent-muted: rgba(52, 211, 153, .08);--accent-soft: rgba(52, 211, 153, .15);--accent-strong: rgba(52, 211, 153, .25);--cyan: #22d3ee;--indigo: #818cf8;--purple: #a78bfa;--critical: #f87171;--critical-bg: rgba(248, 113, 113, .08);--critical-border: rgba(248, 113, 113, .2);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .08);--warning-border: rgba(251, 191, 36, .2);--info: #60a5fa;--info-bg: rgba(96, 165, 250, .08);--info-border: rgba(96, 165, 250, .2);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 100px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .35);--glow-accent: 0 0 24px rgba(52, 211, 153, .12);--glow-accent-strong: 0 0 32px rgba(52, 211, 153, .2);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-root);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}button,input,select,textarea{font:inherit}code,pre{font-family:JetBrains Mono,SF Mono,Menlo,monospace}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes gauge-fill{0%{stroke-dashoffset:389.56}}@keyframes bar-grow{0%{width:0}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.landing-shell{min-height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(52,211,153,.07),transparent 50%),radial-gradient(ellipse at 80% 5%,rgba(129,140,248,.05),transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(34,211,238,.03),transparent 50%),var(--bg-root);animation:fade-in .4s ease}.landing-topbar{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:20px 28px}.landing-brand{display:flex;align-items:center;gap:10px}.landing-logo,.sidebar-logo{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--cyan));font-weight:800;font-size:.7rem;color:var(--bg-root);letter-spacing:-.03em;flex-shrink:0}.landing-brand-name{font-size:1.1rem;font-weight:700;letter-spacing:-.03em}.landing-topbar-actions{display:flex;gap:8px;align-items:center}.landing-hero{text-align:center;max-width:720px;margin:0 auto;padding:72px 28px 56px}.landing-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-full);background:var(--accent-muted);border:1px solid var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:600;margin-bottom:32px;animation:fade-up .6s var(--ease-out) both}.landing-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.landing-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.045em;margin-bottom:22px;background:linear-gradient(135deg,var(--text-primary) 20%,var(--accent) 60%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fade-up .6s var(--ease-out) .1s both}.landing-desc{font-size:1.08rem;line-height:1.7;color:var(--text-secondary);max-width:520px;margin:0 auto 40px;animation:fade-up .6s var(--ease-out) .2s both}.landing-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:fade-up .6s var(--ease-out) .3s both}.landing-features{max-width:1000px;margin:0 auto;padding:20px 28px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;animation:fade-up .6s var(--ease-out) .4s both}.feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:28px 24px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-out)}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-muted);border:1px solid var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:18px}.feature-icon-cyan{background:#22d3ee14;border-color:#22d3ee26;color:var(--cyan)}.feature-icon-indigo{background:#818cf814;border-color:#818cf826;color:var(--indigo)}.feature-card h3{font-size:.95rem;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.feature-card p{font-size:.875rem;line-height:1.65;color:var(--text-secondary)}.auth-wrapper{display:flex;justify-content:center;padding:40px 28px 80px;animation:fade-up .5s var(--ease-out) both}.auth-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--shadow-md)}.auth-card h2{font-size:1.4rem;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.auth-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:28px}form{display:grid;gap:16px}label{display:grid;gap:6px;font-size:.82rem;font-weight:500;color:var(--text-secondary)}input,select{width:100%;padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-primary);font-size:.9rem;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder{color:var(--text-tertiary)}.form-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.form-grid label{min-width:0}.form-grid .form-grid-full{grid-column:1 / -1}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;background:var(--accent);color:var(--bg-root);white-space:nowrap}button:hover:enabled{background:var(--accent-hover);box-shadow:var(--glow-accent);transform:translateY(-1px)}button:active:enabled{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}button.ghost:hover:enabled{background:#ffffff0a;border-color:var(--border-strong);color:var(--text-primary);box-shadow:none;transform:none}button.sm{padding:7px 14px;font-size:.8rem}button.danger{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);font-size:.78rem;padding:5px 12px}button.danger:hover:enabled{background:var(--critical-bg);color:var(--critical);border-color:var(--critical-border);box-shadow:none;transform:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-icon:hover:enabled{background:#ffffff0a;color:var(--text-primary);box-shadow:none;transform:none}.dashboard-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:#0f1218eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:200;overflow-y:auto;overflow-x:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:22px 20px 20px;flex-shrink:0}.sidebar-brand-text .sidebar-eyebrow{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:600;display:block;line-height:1.4}.sidebar-brand-text .sidebar-title{font-size:1.1rem;font-weight:700;letter-spacing:-.03em;display:block;line-height:1.2}.sidebar-nav{padding:0 12px;display:grid;gap:2px;flex-shrink:0}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-size:.855rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap}.sidebar-nav-item:hover:enabled{background:#ffffff0a;color:var(--text-primary);box-shadow:none;transform:none}.sidebar-nav-item.active{background:var(--accent-muted);color:var(--accent)}.sidebar-nav-item svg{flex-shrink:0;opacity:.65}.sidebar-nav-item.active svg{opacity:1}.sidebar-divider{height:1px;background:var(--border-subtle);margin:14px 20px;flex-shrink:0}.sidebar-section{padding:0 16px;flex-shrink:0}.sidebar-section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:600;margin-bottom:8px;padding:0 4px}.sidebar-section select{width:100%;padding:8px 10px;font-size:.8rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary)}.sidebar-section select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.sidebar-footer{margin-top:auto;padding:16px 16px 20px;border-top:1px solid var(--border-subtle);flex-shrink:0}.sidebar-user-info{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--indigo),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.68rem;color:#fff;flex-shrink:0}.sidebar-user-details{flex:1;min-width:0}.sidebar-user-name{font-weight:600;font-size:.82rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.7rem;color:var(--text-tertiary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer button{width:100%}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:199;animation:fade-in .2s ease}.dash-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background:radial-gradient(ellipse at 30% 10%,rgba(52,211,153,.035),transparent 50%),radial-gradient(ellipse at 80% 5%,rgba(129,140,248,.025),transparent 40%),var(--bg-root);animation:fade-in .3s ease}.dash-mobile-bar{display:none;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-subtle);font-weight:700;font-size:1rem;letter-spacing:-.02em}.page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 36px 0;margin-bottom:24px;gap:16px}.page-title{font-size:1.45rem;font-weight:700;letter-spacing:-.03em;margin-bottom:4px;line-height:1.2}.page-subtitle{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.page-content{padding:0 36px 48px;display:grid;gap:16px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;animation:fade-up .45s var(--ease-out) both}.card:nth-child(2){animation-delay:40ms}.card:nth-child(3){animation-delay:80ms}.card:nth-child(4){animation-delay:.12s}.card-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 16px}.form-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-top:2px solid var(--accent);border-radius:var(--radius-lg);padding:24px;animation:fade-up .45s var(--ease-out) both}.form-card-title{font-size:.95rem;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.form-card-desc{font-size:.82rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.overview-grid{display:grid;grid-template-columns:260px 1fr;gap:16px}.health-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px 28px}.health-gauge{position:relative;width:156px;height:156px;margin-bottom:14px}.health-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.health-gauge-track{fill:none;stroke:var(--border-subtle);stroke-width:8}.health-gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;stroke:url(#gaugeGradient);transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 10px rgba(52,211,153,.3));animation:gauge-fill 1.4s cubic-bezier(.4,0,.2,1) both}.health-gauge-fill.warn{stroke:var(--warning);filter:drop-shadow(0 0 10px rgba(251,191,36,.3))}.health-gauge-fill.bad{stroke:var(--critical);filter:drop-shadow(0 0 10px rgba(248,113,113,.3))}.health-gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.health-number{font-size:2.8rem;font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.health-number.good{color:var(--accent)}.health-number.warn{color:var(--warning)}.health-number.bad{color:var(--critical)}.health-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-top:4px}.health-card .card-title{margin-bottom:0}.domains-card{display:flex;flex-direction:column}.domain-list{display:grid;gap:14px;flex:1;align-content:center}.domain-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:14px}.domain-label{font-size:.84rem;font-weight:500;color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-bar{height:7px;background:var(--bg-overlay);border-radius:var(--radius-full);overflow:hidden}.domain-fill{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1);animation:bar-grow 1s cubic-bezier(.4,0,.2,1) both}.domain-fill.good{background:linear-gradient(90deg,var(--accent),#5eead4)}.domain-fill.decent{background:linear-gradient(90deg,var(--cyan),#67e8f9)}.domain-fill.warn{background:linear-gradient(90deg,var(--warning),#fcd34d)}.domain-fill.bad{background:linear-gradient(90deg,var(--critical),#fca5a5)}.domain-value{font-size:.84rem;font-weight:700;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums}.findings-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.findings-header .card-title{margin:0}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;border-radius:var(--radius-full);background:var(--accent-muted);color:var(--accent);font-size:.7rem;font-weight:700}.findings-list{display:grid;gap:10px}.finding-item{padding:16px 18px;border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-subtle);border-left:3px solid transparent;transition:border-color .2s,background .2s}.finding-item:hover{background:var(--bg-overlay);border-color:var(--border-default)}.finding-item.critical-left{border-left-color:var(--critical)}.finding-item.warning-left{border-left-color:var(--warning)}.finding-item.info-left{border-left-color:var(--info)}.finding-item:hover.critical-left{border-left-color:var(--critical)}.finding-item:hover.warning-left{border-left-color:var(--warning)}.finding-item:hover.info-left{border-left-color:var(--info)}.finding-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.severity-badge{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;margin-top:2px}.severity-badge.critical{background:var(--critical-bg);color:var(--critical)}.severity-badge.warning{background:var(--warning-bg);color:var(--warning)}.severity-badge.info{background:var(--info-bg);color:var(--info)}.finding-item h3{font-size:.92rem;font-weight:600;color:var(--text-primary);line-height:1.35}.finding-item>p{margin:0;font-size:.855rem;color:var(--text-secondary);line-height:1.55}.fix-sql{display:block;margin-top:10px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-root);font-size:.78rem;line-height:1.5;color:var(--accent);white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-subtle)}.metrics-viewer{max-height:400px;overflow:auto;background:var(--bg-root);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px}.metrics-viewer pre{margin:0;font-size:.78rem;line-height:1.65;color:var(--text-secondary)}.server-list{display:grid;gap:8px}.server-card{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;color:var(--text-primary);gap:12px}.server-card:hover:enabled{border-color:var(--border-strong);background:var(--bg-raised);box-shadow:none;transform:none}.server-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft);background:var(--accent-muted)}.server-card-info{display:grid;gap:3px;min-width:0}.server-card-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-card-meta{display:flex;gap:8px;align-items:center}.server-card-id{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-tertiary)}.env-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.env-badge.production{background:var(--critical-bg);color:var(--critical)}.env-badge.staging{background:var(--warning-bg);color:var(--warning)}.env-badge.development{background:var(--info-bg);color:var(--info)}.env-badge.local{background:var(--accent-muted);color:var(--accent)}.key-list{display:grid;gap:8px}.key-card{display:grid;gap:10px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .15s}.key-card:hover{border-color:var(--border-default)}.key-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.key-card-info{display:grid;gap:3px;min-width:0}.key-card-label{font-weight:600;font-size:.88rem}.key-card-id{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-tertiary)}.key-card-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.78rem;color:var(--text-secondary)}.key-card-meta-item{display:flex;align-items:center;gap:5px}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--accent);box-shadow:0 0 6px var(--accent-soft)}.status-dot.revoked{background:var(--text-quaternary)}.kind-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:.68rem;font-weight:600;background:var(--accent-muted);color:var(--accent)}.token-reveal{background:var(--bg-surface);border:1px solid var(--accent-soft);border-radius:var(--radius-lg);padding:20px;display:grid;gap:12px;animation:scale-in .3s var(--ease-out)}.token-reveal h3{font-size:.92rem;font-weight:700;color:var(--accent)}.token-reveal-warning{font-size:.82rem;color:var(--text-secondary)}.token-reveal-divider{height:1px;background:var(--border-subtle);margin:4px 0}.token-reveal-step-title{font-size:.85rem;font-weight:700;color:var(--text-primary)}.token-code-block{display:flex;align-items:center;gap:8px;background:var(--bg-root);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:10px 12px}.token-code-block code{flex:1;font-size:.76rem;color:var(--accent);word-break:break-all}.token-env{display:block;background:var(--bg-root);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;font-size:.76rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:0}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:var(--radius-xs);background:transparent;border:1px solid var(--border-default);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.copy-btn:hover:enabled{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-strong);box-shadow:none;transform:none}.copy-btn.copied{background:var(--accent-muted);border-color:var(--accent-soft);color:var(--accent)}.empty-card{text-align:center;padding:60px 32px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);animation:fade-up .45s var(--ease-out)}.empty-card svg{color:var(--text-quaternary);margin-bottom:16px}.empty-card h3{font-size:1rem;font-weight:600;margin-bottom:6px}.empty-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:24px}.empty-card button{margin:0 auto}.empty-state-inline{display:flex;align-items:center;gap:10px;padding:20px 16px;color:var(--text-secondary);font-size:.875rem}.empty-state-inline svg{color:var(--accent);flex-shrink:0}.empty-state-compact{text-align:center;padding:18px 8px;color:var(--text-tertiary);font-size:.85rem}.error-banner{background:var(--critical-bg);border:1px solid var(--critical-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--critical);font-weight:500;font-size:.875rem;margin:0 36px;animation:fade-up .4s var(--ease-out) both}.error-line{color:var(--critical);font-weight:600;font-size:.84rem}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(52,211,153,.06),transparent 50%),var(--bg-root);animation:fade-in .4s ease}.boot-card{text-align:center;padding:40px}.boot-logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--cyan));font-weight:800;font-size:.9rem;color:var(--bg-root);letter-spacing:-.03em;margin-bottom:16px}.boot-card h1{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.boot-card p{color:var(--text-tertiary);font-size:.875rem}.boot-spinner{width:28px;height:28px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:20px auto 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (max-width: 1024px){:root{--sidebar-width: 220px}.overview-grid{grid-template-columns:1fr}.landing-features{grid-template-columns:1fr 1fr}.page-header{padding:28px 24px 0}.page-content{padding:0 24px 40px}.error-banner{margin:0 24px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s var(--ease-out);width:280px}.sidebar.open{transform:translate(0)}.dash-main{margin-left:0}.dash-mobile-bar{display:flex}.page-header{padding:20px 16px 0;flex-direction:column;gap:12px}.page-header button{width:100%}.page-content{padding:0 16px 36px}.error-banner{margin:0 16px}.overview-grid{grid-template-columns:1fr}.health-card{padding:28px 20px}.domain-row{grid-template-columns:100px 1fr 40px;gap:10px}.form-grid{grid-template-columns:1fr}.landing-topbar{padding:16px}.landing-hero{padding:48px 16px 40px}.landing-features{grid-template-columns:1fr;padding:16px 16px 60px}.auth-wrapper{padding:20px 16px 60px}.auth-card{padding:28px 20px}button{width:100%}.landing-topbar-actions button,.btn-icon,.copy-btn,.sidebar-nav-item,.server-card,.danger{width:auto}.landing-actions,.form-actions{display:grid;grid-template-columns:1fr}}