:root{--color-bg: #0b0e14;--color-surface: #11151f;--color-text: #e6e9ef;--color-accent: #3b82f6;--color-muted: #8b93a7;--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--radius-lg: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex}.app-loading{margin:auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.app-loading__title{font-size:1.5rem;font-weight:700;letter-spacing:.01em;margin:0}.app-loading__spinner{width:2rem;height:2rem;border:3px solid var(--color-surface);border-top-color:var(--color-accent);border-radius:50%;animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.app-loading__spinner{animation:none}}.spinner{width:1.75rem;height:1.75rem;border:3px solid var(--color-surface);border-top-color:var(--color-accent);border-radius:50%;animation:app-spin .8s linear infinite}.btn{font:inherit;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;cursor:pointer;background:var(--color-surface);color:var(--color-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--danger{background:#b42318;color:#fff}.btn--link{background:none;border:none;color:var(--color-accent);padding:0;text-decoration:underline}.input{font:inherit;width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid #2a3142;background:var(--color-bg);color:var(--color-text)}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.85rem;color:var(--color-muted)}.callout{padding:.6rem .8rem;border-radius:8px;font-size:.9rem}.callout--error{background:#2a1414;color:#ffb4ab}.callout--success{background:#122a17;color:#9be7ad}.callout--info{background:#11203a;color:#9cc4ff}.callout--warning{background:#2a2310;color:#ffe08a}.link{color:var(--color-accent)}.muted,.auth__muted{color:var(--color-muted)}.stack{display:flex;flex-direction:column;gap:1rem;max-width:720px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth__card{width:100%;max-width:380px;background:var(--color-surface);padding:2rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem}.auth__brand{font-weight:700;font-size:1.1rem}.auth__heading{margin:0;font-size:1.15rem}.auth__form{display:flex;flex-direction:column;gap:.9rem}.auth__identity{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--color-muted)}.totp-secret{display:block;padding:.5rem;background:var(--color-bg);border-radius:8px;user-select:all;word-break:break-all}.otp-input{font:inherit;letter-spacing:.5em;text-align:center;padding:.6rem;border-radius:8px;border:1px solid #2a3142;background:var(--color-bg);color:var(--color-text)}.layout{display:flex;min-height:100vh;width:100%}.sidebar{width:15em;flex-shrink:0;background:var(--color-surface);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar__brand{font-weight:700;margin-bottom:1rem}.sidebar__spacer{flex:1}.sidebar__user{font-size:.85rem;color:var(--color-muted);margin-bottom:.5rem}.nav{display:flex;flex-direction:column;gap:.25rem}.nav-link{padding:.5rem .7rem;border-radius:8px;color:var(--color-text);text-decoration:none}.nav-link:hover{background:var(--color-bg)}.nav-link--active{background:var(--color-accent);color:#fff}.content{flex:1;padding:1.5rem 2rem;max-width:var(--max-content, 1280px)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.25rem}.card__title{margin:0 0 .75rem;font-size:1rem}.kv{display:grid;grid-template-columns:8rem 1fr;gap:.4rem 1rem;margin:0}.kv dt{color:var(--color-muted)}.kv dd{margin:0}.badges{display:flex;flex-wrap:wrap;gap:.4rem}.badge{padding:.15rem .5rem;border-radius:999px;font-size:.8rem;background:var(--color-bg)}.badge--tag{background:#103a33;color:#7fe3cf}.badge--role{background:#11203a;color:#9cc4ff}.toast-region{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.toast{padding:.6rem .9rem;border-radius:8px;background:var(--color-surface);box-shadow:0 4px 16px #0006}.toast--error{border-left:3px solid #b42318}.toast--success{border-left:3px solid #2f9e44}.toast--warning{border-left:3px solid #e8a317}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid #2a3142;background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;text-align:left;transition:transform .1s}.stat:hover{transform:translateY(-2px)}.stat__value{font-size:1.9rem;font-weight:700}.stat__label{color:var(--color-muted)}.stat--online .stat__value{color:#5bd178}.stat--unhealthy .stat__value{color:#ff7a6b}.stat--offline .stat__value{color:var(--color-muted)}.section-title{font-size:1rem;margin:.5rem 0}.empty{color:var(--color-muted)}.small{font-size:.8rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.badge--online{background:#103a1f;color:#5bd178}.badge--offline{background:#23272f;color:#9aa3b2}.badge--unhealthy{background:#3a1414;color:#ff9b8f}.table-wrap{display:flex;flex-direction:column;gap:.75rem}.table-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.table-search{max-width:280px}.table-sort{display:inline-flex;gap:.4rem;align-items:center;color:var(--color-muted)}.table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.table th,.table td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid #20262f;vertical-align:top}.table th{color:var(--color-muted);font-weight:600;font-size:.85rem}.table-empty{color:var(--color-muted);text-align:center;padding:1.5rem}.table-footer{display:flex;gap:.75rem;align-items:center;color:var(--color-muted)}.filter-bar{display:flex;gap:.25rem;flex-wrap:wrap}.ssh{font-size:.8rem;padding:.15rem .5rem;border-radius:6px}.ssh--locked{background:#23272f;color:var(--color-muted)}.ssh--ready{background:#103a1f;color:#5bd178}.ssh--down{background:#2a2310;color:#ffd479}