:root{--ink:#17212b;--muted:#687582;--line:#e3e8ec;--bg:#f4f6f8;--accent:#0f766e;--white:#fff}*{box-sizing:border-box}body{margin:0;font:14px Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);display:grid;grid-template-columns:225px 1fr;min-height:100vh}aside{background:#13242b;color:#dfe8e7;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;font-size:20px;padding:0 10px 28px}.brand span{color:#5eead4}nav{display:grid;gap:7px}.nav{border:0;background:transparent;color:#a9b7b8;text-align:left;padding:12px 14px;border-radius:9px;cursor:pointer;font-weight:600}.nav:hover,.nav.active{background:#204047;color:#fff}.privacy{margin-top:auto;font-size:12px;color:#7f9698;padding:12px}main{padding:32px 38px;max-width:1600px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:3px 0;font-size:30px}h2{margin:0 0 5px;font-size:17px}.eyebrow{color:var(--accent);font-weight:800;font-size:11px;letter-spacing:1.5px;margin:0}.actions,.toolbar{display:flex;gap:10px;align-items:center}.button,.ghost,.danger{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff}.button.secondary,.ghost{background:#fff;color:#334155;border:1px solid var(--line)}.button.small{padding:8px 11px}.danger{background:#b42318}.view{display:none}.view.active{display:block}.toolbar{margin-bottom:18px}.toolbar select,.toolbar input,.field input,.field select{background:#fff;border:1px solid #d8e0e5;border-radius:8px;padding:10px 12px;color:var(--ink);min-width:170px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.cards article,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 1px 2px #00000008}.cards span{color:var(--muted);font-weight:600}.cards strong{display:block;font-size:27px;margin:10px 0 4px}.cards small,.panel p{color:var(--muted)}.cards .warning{border-top:3px solid #e59b24}.grid,.split{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head p,.panel>p{margin:0}.bars{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:120px 1fr 90px;gap:12px;align-items:center}.track{height:10px;background:#edf1f3;border-radius:10px;overflow:hidden}.fill{height:100%;border-radius:10px}.money{text-align:right;font-variant-numeric:tabular-nums}.ranked{display:grid;gap:12px}.rank{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.rank small{display:block;color:var(--muted)}table{width:100%;border-collapse:collapse}th{text-align:left;color:#687582;font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid #edf0f2}tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:20px;background:#f0f3f5;font-size:12px}.dot{width:8px;height:8px;border-radius:50%}.uncat{color:#9a4f00;background:#fff3d6}.table-actions button{border:0;background:transparent;cursor:pointer;color:#64748b}.category-row,.rule-row{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.swatch{width:26px;height:26px;border-radius:7px}.rule-row{grid-template-columns:1fr 1fr 1fr auto}.danger-zone{border-color:#f2c4c0}dialog{border:0;border-radius:14px;padding:0;width:min(520px,90vw);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#0f172a99}#modalForm{padding:22px}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center}.icon{border:0;background:transparent;font-size:24px;cursor:pointer}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px}.field{display:grid;gap:6px;margin:14px 0}.field label{font-weight:700}.field input,.field select{width:100%}#toast{position:fixed;right:25px;bottom:25px;background:#17212b;color:#fff;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:900px){body{grid-template-columns:1fr}aside{height:auto;position:static;padding:15px}.brand{padding:5px 8px 15px}nav{grid-template-columns:repeat(4,1fr)}.privacy{display:none}main{padding:22px}.cards{grid-template-columns:repeat(2,1fr)}.grid,.split{grid-template-columns:1fr}header{align-items:flex-start;gap:15px}.actions{flex-wrap:wrap}.bar-row{grid-template-columns:90px 1fr 70px}}