:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--border: #475569;--text: #e2e8f0;--muted: #94a3b8;--primary: #3b82f6;--success: #10b981;--danger: #ef4444;--warn: #f59e0b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app{display:flex;min-height:100vh}nav.side{width:220px;background:var(--surface);padding:24px 16px;border-right:1px solid var(--border)}nav.side h1{font-size:16px;margin:0 0 24px}nav.side a{display:block;padding:8px 12px;border-radius:6px;color:var(--text);text-decoration:none;cursor:pointer}nav.side a:hover{background:var(--surface-2)}nav.side a.active{background:var(--primary);color:#fff}main{flex:1;padding:32px 40px;overflow:auto}h2{margin:0 0 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font:inherit}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}button{background:var(--primary);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font:inherit}button.secondary{background:var(--surface-2)}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;margin-bottom:4px;color:var(--muted);font-size:12px}.field{margin-bottom:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--surface-2);font-size:12px}.tag.success{background:var(--success);color:#fff}.tag.warn{background:var(--warn);color:#fff}.tag.danger{background:var(--danger);color:#fff}.muted{color:var(--muted)}.center{display:flex;align-items:center;justify-content:center;height:100vh}