@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";:root{--bg: #f3f6fc;--surface: #ffffff;--surface-soft: #f7faff;--text: #0e1b30;--muted: #54617a;--brand: #1d4ed8;--brand-strong: #1e3a8a;--brand-soft: #dbe7ff;--accent: #f59e0b;--accent-strong: #d97706;--positive: #059669;--danger: #dc2626;--warning-bg: #fff3dd;--warning-text: #9a3412;--border: #d8e0ef;--shadow: 0 12px 32px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--text);background:radial-gradient(circle at 12% -5%,#2563eb33,#2563eb00 42%),radial-gradient(circle at 90% 5%,#0f766e2e,#0f766e00 38%),linear-gradient(180deg,#f8faff,#eef3fb)}#root{min-height:100vh}.app-shell{max-width:1320px;margin:0 auto;padding:1rem}.topbar{background:linear-gradient(128deg,#0c1731,#132347 56%,#1a3266);color:#f8fbff;border-radius:24px;padding:1.2rem 1.3rem;display:flex;justify-content:space-between;align-items:end;gap:1rem;border:1px solid rgba(191,219,254,.3);box-shadow:0 18px 38px #0c173147;animation:rise-in .26s ease-out}.topbar-main{display:grid;gap:.8rem}.topbar h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:.01em}.topbar p{margin:.35rem 0 0;color:#d2e2ff;font-weight:500}.topbar-meta{display:flex;gap:.55rem;flex-wrap:wrap}.status-badge,.meta-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .68rem;font-size:.8rem;font-weight:600;border:1px solid transparent}.status-badge-open{color:#bbf7d0;background:#16a34a2e;border-color:#86efac8c}.status-badge-closed{color:#fde68a;background:#ca8a0429;border-color:#fcd34d85}.meta-pill{color:#d8e7ff;background:#94a3b829;border-color:#bfdbfe57}.topbar-actions{display:flex;gap:.75rem;align-items:center}.month-selector{display:flex;gap:.45rem;align-items:center;font-weight:600;color:#e2e8f0}.month-selector select{min-width:230px;background:#fffffff5;border:1px solid rgba(148,163,184,.48)}.month-kpis{margin-top:.95rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;animation:rise-in .3s ease-out}.kpi-card{background:linear-gradient(160deg,#fff,#f4f8ff 70%);border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem;box-shadow:0 9px 24px #0f172a12}.kpi-label{margin:0;color:var(--muted);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kpi-value{margin:.3rem 0 .15rem;font-size:1.32rem;font-family:Sora,sans-serif;font-weight:700;letter-spacing:-.01em}.kpi-note{margin:0;color:#60708b;font-size:.8rem}.kpi-card-positive{border-color:#05966959}.kpi-card-positive .kpi-value{color:var(--positive)}.kpi-card-danger{border-color:#dc262659}.kpi-card-danger .kpi-value{color:var(--danger)}.main-nav{display:flex;gap:.55rem;margin:1rem 0;flex-wrap:wrap;animation:rise-in .34s ease-out}.main-nav a{text-decoration:none;color:#1d2d4a;background:#ffffffd9;border:1px solid #ced9ee;border-radius:999px;padding:.5rem .9rem;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.main-nav a:hover{transform:translateY(-1px);background:#f6f9ff;box-shadow:0 8px 16px #1e3a8a1f}.main-nav a.active{background:linear-gradient(120deg,#1d4ed8,#1e3a8a);color:#fff;border-color:#1e40af;box-shadow:0 10px 22px #1e40af4d}main{animation:rise-in .42s ease-out}.page-stack{display:grid;gap:.95rem}.panel,.chart-card,.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.panel{padding:1rem;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h2,.panel-header h3{margin:0;font-family:Sora,sans-serif;letter-spacing:-.01em}button{background:linear-gradient(115deg,var(--brand),var(--brand-strong));color:#fff;border:1px solid rgba(37,99,235,.64);border-radius:10px;padding:.5rem .8rem;cursor:pointer;font-family:inherit;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #1d4ed840}button:focus-visible{outline:3px solid rgba(56,189,248,.45);outline-offset:2px}button:disabled{opacity:.56;cursor:not-allowed}.button-secondary{background:#eef3ff;color:#1f2d48;border-color:#cad5ec}.button-secondary:hover:not(:disabled){box-shadow:0 8px 16px #64748b2e}.cta-new-month{background:linear-gradient(115deg,var(--accent),var(--accent-strong));border:1px solid rgba(217,119,6,.7);color:#fffbeb;box-shadow:0 10px 22px #d977064d}.cta-new-month:hover:not(:disabled){box-shadow:0 14px 24px #d9770661}.inline-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-form h3{margin:0;font-family:Sora,sans-serif}input,select{border:1px solid var(--border);border-radius:10px;padding:.46rem .56rem;font:inherit;color:var(--text);background:#fff}input:focus,select:focus{outline:2px solid rgba(37,99,235,.25);border-color:#3b82f6}.data-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden}.data-table th,.data-table td{border-bottom:1px solid #edf2fb;padding:.68rem;text-align:left;vertical-align:top}.data-table thead th{background:var(--surface-soft);font-family:Sora,sans-serif;font-size:.83rem;font-weight:600;color:#3e4c67}.data-table tbody tr:hover{background:#f8fbff}.sort-header{background:transparent;border:none;color:inherit;border-radius:0;padding:0;box-shadow:none;display:inline-flex;gap:.3rem;align-items:center;font:inherit}.sort-header:hover:not(:disabled){transform:none;box-shadow:none;color:#2563eb}.row-actions{display:flex;gap:.45rem;flex-wrap:wrap}.inline-error{margin:.35rem 0 0;color:var(--danger);font-size:.8rem;font-weight:600}.totals-row{font-weight:700}.negative{color:var(--danger)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:.75rem}.summary-card{padding:.88rem;background:linear-gradient(165deg,#fff,#f7faff 78%);transition:transform .15s ease}.summary-card:hover{transform:translateY(-2px)}.summary-card h3{margin:0;color:var(--muted);font-family:Sora,sans-serif;font-size:.84rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.summary-card p{margin:.26rem 0 0;font-size:1.26rem;font-family:Sora,sans-serif;font-weight:700}.summary-card small{display:block;margin-top:.25rem;color:#60708b;font-size:.78rem}.summary-card-income{border-color:#2563eb47}.summary-card-positive p{color:var(--positive)}.summary-card-negative p{color:var(--danger)}.summary-card.warning{background:var(--warning-bg);color:var(--warning-text);border-color:#f59e0b57}.summary-card.warning small{color:#9a3412}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.95rem}.chart-card{padding:1rem;background:linear-gradient(180deg,#fff,#f8faff)}.chart-card h3{margin-top:0;margin-bottom:.7rem;font-family:Sora,sans-serif}.chart-container{width:100%;min-height:300px}.center-message{text-align:center;margin-top:3rem}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.month-selector select{min-width:160px}.panel-header{flex-direction:column;align-items:flex-start}.data-table{display:block;overflow-x:auto}}