:root{--spa-bg: #eef2f7;--spa-surface: rgba(255, 255, 255, .75);--spa-border: rgba(255, 255, 255, .6);--spa-primary: #2563eb;--spa-primary-ink: #1e40af;--spa-text: #1f2937;--spa-muted: #6b7280;--spa-ok: #16a34a;--spa-warn: #d97706;--spa-radius: 14px;--spa-shadow: 0 8px 30px rgba(2, 8, 23, .08);--spa-gap: 16px}@media(prefers-color-scheme:dark){:root{--spa-bg: #0b1220;--spa-surface: rgba(30, 41, 59, .7);--spa-border: rgba(148, 163, 184, .2);--spa-text: #e5e7eb;--spa-muted: #94a3b8;--spa-shadow: 0 8px 30px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--spa-bg);color:var(--spa-text)}.spa-card{background:var(--spa-surface);border:1px solid var(--spa-border);border-radius:var(--spa-radius);box-shadow:var(--spa-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px}.spa-btn{background:var(--spa-primary);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}.spa-btn:disabled{opacity:.5;cursor:default}.spa-input{width:100%;padding:10px 12px;border:1px solid var(--spa-border);border-radius:10px;background:var(--spa-surface);color:var(--spa-text)}.spa-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.spa-rail{padding:20px;display:flex;flex-direction:column;gap:6px}.spa-rail a{text-decoration:none;color:var(--spa-muted);padding:8px 12px;border-radius:10px}.spa-rail a.active{color:var(--spa-primary-ink);background:#2563eb1a;font-weight:600}.spa-main{padding:24px}.spa-table{width:100%;border-collapse:collapse}.spa-table th,.spa-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--spa-border)}.spa-badge{padding:2px 10px;border-radius:999px;font-size:12px;background:#2563eb1f}@media(max-width:720px){.spa-layout{grid-template-columns:1fr}.spa-rail{flex-direction:row;flex-wrap:wrap}}