:root{--bg: #f3f7f4;--surface: #ffffff;--surface-soft: #f8fbf9;--text: #1f2d25;--muted: #6f7e75;--primary: #7fbf9e;--primary-dark: #5faf87;--border: #d7e5dd;--danger: #c96c6c;--income: #4e9f79;--expense: #b26464}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.7rem;background:#fff;color:var(--text)}label{display:grid;gap:.35rem;color:var(--muted)}button{border:0;border-radius:10px;padding:.65rem .9rem;background:var(--primary);color:#12311f;font-weight:700;cursor:pointer}button:hover,.side-btn.active{background:var(--primary-dark);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 10px 24px #1e3c280f}.grid{display:grid;gap:.8rem}.grid-2{display:grid;grid-template-columns:1fr 1.3fr;gap:1rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:.65rem;text-align:left}.dashboard-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#eaf4ef;border-right:1px solid var(--border);padding:1rem;display:grid;align-content:start;gap:.5rem}.company-name{color:var(--muted);margin-top:-.3rem;margin-bottom:.8rem}.side-btn{text-align:left;background:#fff;border:1px solid var(--border)}.main-content{padding:1rem;display:grid;gap:1rem}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.topbar small{justify-self:end;color:var(--muted)}.mobile-row{display:flex;align-items:center;gap:.7rem}.menu-toggle{display:none}.month-selector{justify-self:center;display:flex;align-items:center;gap:.5rem}.month-selector strong{font-size:1.1rem}.filters{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.5rem;margin:.9rem 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.kpi-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:.8rem;display:grid;gap:.2rem}.kpi-card small{color:var(--muted)}.kpi-card strong{font-size:1.2rem}.amount.income{color:var(--income)}.amount.expense{color:var(--expense)}.actions-row{display:flex;gap:.4rem}.icon-btn{min-width:36px;padding:.45rem .55rem}.icon-btn.danger,.danger{background:var(--danger);color:#fff}.error-text{border:1px solid #f1d3d3;background:#fff1f1;color:#8d4b4b;padding:.7rem;border-radius:10px}.list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.list li{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:10px;padding:.55rem}.edit-box{margin-top:.8rem;border:1px solid var(--border);border-radius:10px;padding:.8rem}.fab{position:fixed;right:1.2rem;bottom:1.2rem;width:54px;height:54px;border-radius:50%;font-size:1.8rem;line-height:1;box-shadow:0 10px 24px #23503559}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a1473;display:grid;place-items:center;padding:1rem;z-index:90}.modal-card{width:min(660px,100%);background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(740px,100%)}.desktop-only{display:table-cell}@media (max-width: 980px){.dashboard-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:-280px;width:260px;height:100vh;z-index:120;transition:left .2s ease}.sidebar.open{left:0}.menu-toggle{display:inline-block}.topbar{grid-template-columns:1fr;gap:.7rem}.topbar small,.month-selector{justify-self:start}.grid-2,.kpi-grid,.filters{grid-template-columns:1fr}.desktop-only{display:none}}