:root{color-scheme:light dark;--bg: #0f1115;--panel: #171a21;--border: #2a2e38;--text: #e6e8ec;--muted: #9aa2af;--accent: #5b8cff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.shell{display:flex;min-height:100vh}.nav{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px}.brand{font-weight:700;margin-bottom:16px;font-size:1.05rem}.nav a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:6px}.nav a.router-link-active{color:var(--text);background:#5b8cff26}.content{flex:1;padding:24px;max-width:1000px}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:.9rem}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;width:100%;font-family:inherit}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.badge{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}html,body,#app{height:100%}