:root{--bg-core: #030508;--bg-surface: rgba(12, 16, 24, .6);--bg-surface-hover: rgba(22, 28, 40, .8);--color-online: #10b981;--color-online-glow: rgba(16, 185, 129, .4);--color-degraded: #f59e0b;--color-degraded-glow: rgba(245, 158, 11, .4);--color-offline: #ef4444;--color-offline-glow: rgba(239, 68, 68, .4);--color-unknown: #4b5563;--color-unknown-glow: rgba(75, 85, 99, .4);--color-accent: #0ea5e9;--color-accent-glow: rgba(14, 165, 233, .2);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #475569;--font-main: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--border-subtle: rgba(56, 189, 248, .1);--border-strong: rgba(56, 189, 248, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-core);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:300;letter-spacing:.05em;text-transform:uppercase}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--glow-color, transparent),inset 0 0 5px var(--glow-color, transparent)}50%{box-shadow:0 0 25px var(--glow-color, transparent),inset 0 0 10px var(--glow-color, transparent)}to{box-shadow:0 0 10px var(--glow-color, transparent),inset 0 0 5px var(--glow-color, transparent)}}@keyframes breathe{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.5}}.status-online{--status-color: var(--color-online);--glow-color: var(--color-online-glow)}.status-degraded{--status-color: var(--color-degraded);--glow-color: var(--color-degraded-glow)}.status-offline{--status-color: var(--color-offline);--glow-color: var(--color-offline-glow)}.status-unknown{--status-color: var(--color-unknown);--glow-color: var(--color-unknown-glow)}.auth-modal-overlay[data-v-73fdf66e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04060ad9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:99999}.auth-modal[data-v-73fdf66e]{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 0 50px #0ea5e91a;display:flex;flex-direction:column;gap:1.5rem;animation:modalIn-73fdf66e .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn-73fdf66e{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-header h2[data-v-73fdf66e]{font-family:var(--font-mono);color:var(--text-primary);font-size:1.25rem;letter-spacing:.1em;margin-bottom:.5rem}.subtitle[data-v-73fdf66e]{color:var(--text-secondary);font-size:.85rem}.auth-form[data-v-73fdf66e]{display:flex;flex-direction:column;gap:1rem}input[data-v-73fdf66e]{background:#0003;border:1px solid var(--border-subtle);padding:1rem;border-radius:6px;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;outline:none;transition:all .2s}input[data-v-73fdf66e]:focus{border-color:var(--color-accent);box-shadow:0 0 10px #0ea5e933}input.has-error[data-v-73fdf66e]{border-color:var(--status-error)}.auth-error[data-v-73fdf66e]{color:var(--status-error);font-size:.8rem;font-weight:500}.btn-submit[data-v-73fdf66e]{background:var(--color-accent);color:#fff;border:none;padding:1rem;border-radius:6px;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .2s}.btn-submit[data-v-73fdf66e]:hover:not(:disabled){background:var(--color-accent-glow);box-shadow:0 0 15px #0ea5e966}.btn-submit[data-v-73fdf66e]:disabled{opacity:.5;cursor:not-allowed}