:root{--bg: #0b0f17;--card: #111826;--text: #e6edf7;--muted: #8a96aa;--accent: #5eead4;--border: #1f2a3a;--danger: #f87171;--warn: #fbbf24;--ok: #34d399}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#0a0e16;border-right:1px solid var(--border);padding:16px 12px;position:sticky;top:0;height:100vh}.sidebar h1{font-size:16px;margin:0 0 16px;color:var(--accent);letter-spacing:.5px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{background:transparent;color:var(--text);border:0;padding:8px 10px;text-align:left;border-radius:6px;cursor:pointer;font-size:14px}.nav button.active{background:var(--card);color:var(--accent)}.nav button:hover{background:var(--card)}.main{padding:24px 32px}.main h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.card .title{font-weight:600;line-height:1.3}.card .meta{color:var(--muted);font-size:12px}.card .tags{display:flex;flex-wrap:wrap;gap:4px}.tag{background:#1b2535;padding:2px 6px;border-radius:4px;font-size:11px;color:var(--muted)}.score{align-self:flex-start;font-size:12px;padding:2px 6px;border-radius:999px;background:var(--accent);color:#00251a;font-weight:700}.score.low{background:var(--muted);color:#0a0e16}.score.mid{background:var(--warn);color:#2a1d00}.row{display:flex;gap:8px;align-items:center}.spacer{flex:1}button.btn{background:var(--accent);color:#00251a;border:0;border-radius:6px;padding:6px 10px;font-weight:600;cursor:pointer}button.btn.secondary{background:#1b2535;color:var(--text)}button.btn.danger{background:var(--danger);color:#fff}input,textarea,select{background:#0a0e16;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:14px;width:100%}label{font-size:12px;color:var(--muted);display:block;margin-bottom:4px}.field{margin-bottom:10px}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:500;font-size:12px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.empty{color:var(--muted);padding:24px;text-align:center}.kpi{display:flex;gap:12px;margin-bottom:16px}.kpi .card{flex:1}.kpi .num{font-size:24px;font-weight:700;color:var(--accent)}