:root{--bg:#0f172a;--panel:#1e293b;--text:#e2e8f0;--accent:#38bdf8;--border:#334155}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}.app{min-height:100vh}.header{border-bottom:1px solid var(--border);background:#111827;align-items:center;gap:16px;padding:12px 20px;display:flex}.brand{color:var(--accent);font-weight:800}nav{flex:1;gap:12px;display:flex}nav a{color:#cbd5e1;font-size:14px;text-decoration:none}nav a.router-link-active{color:var(--accent)}.user{align-items:center;gap:10px;font-size:14px;display:flex}select,button,input,textarea{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}button{cursor:pointer}main{max-width:1100px;margin:0 auto;padding:24px 20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:18px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}h1,h2{margin:0 0 12px}.muted{color:#94a3b8;font-size:14px}.error{color:#f87171}.success{color:#4ade80}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px;font-size:14px}.form{gap:12px;max-width:420px;display:grid}label{gap:6px;font-size:14px;display:grid}