:root{--mono: "JetBrains Mono", ui-monospace, monospace;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--display: var(--sans);--radius: 12px;--teal: #0d9488;--teal-dim: #0f766e;--amber: #d97706;--navy: #2563eb;--up: #dc2626;--down: #059669}:root,[data-theme=light]{--bg: #f5f6f8;--bg-grad: radial-gradient(1100px 560px at 82% -12%, #eef1f6 0%, #f5f6f8 55%);--surface: #ffffff;--surface-2: #eef1f5;--border: #d6dce5;--border-soft: #e7eaf0;--text: #0f1b2d;--muted: #5a6b85;--muted-2: #93a0b5;--teal: #0d9488;--teal-dim: #0f766e;--amber: #c2680a;--up: #dc2626;--down: #059669;--shadow: 0 1px 2px rgba(16,27,45,.05), 0 6px 20px rgba(16,27,45,.07)}[data-theme=dark]{--bg: #0a111f;--bg-grad: radial-gradient(1200px 600px at 80% -10%, #122039 0%, #0a111f 55%);--surface: #111c30;--surface-2: #16243c;--border: #213352;--border-soft: #1a2942;--text: #e8eef8;--muted: #8597b4;--muted-2: #5e6f8c;--teal: #2dd4bf;--teal-dim: #14b8a6;--amber: #f5a524;--up: #f76b6b;--down: #34d399;--shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{min-height:100%}#root{min-height:100vh}body{margin:0;font-family:var(--sans);background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.015em;margin:0}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}a{color:var(--teal);text-decoration:none}button{font-family:var(--sans);cursor:pointer}.app{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border-soft);padding:22px 16px;position:fixed;top:0;left:0;width:232px;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding:0 6px}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--navy));display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#04121f}.brand-name{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--muted-2)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:500;transition:all .15s}.nav a:hover{background:var(--surface);color:var(--text)}.nav a.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);opacity:0}.nav a.active .nav-dot{opacity:1}.main{margin-left:232px;padding:26px 32px 64px;max-width:1280px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-title{font-size:24px}.page-sub{color:var(--muted);font-size:13px;margin-top:4px}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1080px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.kpi{display:flex;flex-direction:column;gap:8px}.kpi-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em}.kpi-foot{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.delta{font-family:var(--mono);font-size:12px;font-weight:600;padding:2px 7px;border-radius:999px}.delta.up{color:var(--up);background:#f76b6b1f}.delta.down{color:var(--down);background:#34d3991f}.delta.flat{color:var(--muted);background:#8597b41a}.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:7px}.chip.active{color:var(--text);border-color:var(--teal);box-shadow:0 0 0 1px var(--teal) inset}.chip .swatch{width:9px;height:9px;border-radius:3px}.chip-clear{color:var(--muted-2);font-size:12px;background:none;border:none}.chip-clear:hover{color:var(--up)}select,input[type=month],input[type=text]{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:9px;font-family:var(--sans);font-size:13px}.btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:9px 15px;border-radius:10px;font-size:13px;font-weight:600;transition:all .15s}.btn:hover{border-color:var(--teal)}.btn-primary{background:linear-gradient(135deg,var(--teal),var(--teal-dim));color:#04121f;border:none}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:none;border:1px solid var(--border);color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:11px 12px;border-bottom:1px solid var(--border-soft)}.table tr:hover td{background:var(--surface-2)}.table td.amt{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.tag .swatch{width:8px;height:8px;border-radius:2px}.basis{font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em}.auth-wrap{min-height:100vh;display:grid;place-items:center}.auth-card{width:360px;padding:32px}.auth-card h1{font-size:22px;margin-bottom:6px}.field{display:flex;flex-direction:column;gap:6px;margin-top:16px}.field label{font-size:12px;color:var(--muted)}.field input{width:100%}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.pill-climb{color:var(--up);font-size:11px;font-weight:600}.empty{padding:40px;text-align:center;color:var(--muted)}.bar-track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);padding:38px;text-align:center;color:var(--muted);transition:all .15s;background:var(--surface)}.dropzone.drag{border-color:var(--teal);background:var(--surface-2)}.banner{padding:11px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.banner.err{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:var(--up)}.banner.ok{background:#0596691a;border:1px solid rgba(5,150,105,.3);color:var(--down)}.theme-toggle{width:100%;display:flex;align-items:center;justify-content:space-between}.theme-icon{font-size:14px;opacity:.8}.btn-danger{background:var(--up);border:none;color:#fff}.btn-danger:hover{filter:brightness(1.05);border:none}.btn-danger-ghost{color:var(--up);border-color:var(--border);background:none}.btn-danger-ghost:hover{border-color:var(--up)}.row-del{background:none;border:1px solid transparent;color:var(--muted-2);width:26px;height:26px;border-radius:7px;font-size:16px;line-height:1}.row-del:hover{color:var(--up);border-color:var(--up)}.row-del:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060c168c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fadeIn .12s ease}.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px #00000059;padding:22px;animation:popIn .14s ease}.modal-title{font-family:var(--display);font-size:18px;font-weight:600;margin-bottom:8px}.modal-body{color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.type-select{font-size:12px}.type-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.type-tag.recurring{color:var(--muted);background:var(--surface-2)}.type-tag.watch{color:var(--amber);background:#f5a5241f}.type-tag.ignore{color:var(--muted-2);background:var(--surface-2)}.excluded-row td{opacity:.55}.excluded-badge{font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em}.spinner{display:inline-block;width:15px;height:15px;vertical-align:-2px;border:2px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.spinner.lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loader-center{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px;color:var(--muted)}.import-progress{height:3px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-top:12px;position:relative}.import-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,var(--teal),transparent);animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{left:-40%}to{left:100%}}.spinner.dark{border-color:#04121f40;border-top-color:#04121f}