:root{--bg:#f5f6ef;--surface:#fff;--ink:#132016;--muted:#5b6a5e;--line:#d6ddd2;--accent:#0d9a6f;--accent-dark:#08785d;--error:#b83f3f;--shadow:0 18px 40px #14352314;--radius:18px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Nunito Sans,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%, #0d9a6f17, transparent 35%), radial-gradient(circle at 90% 90%, #ff944d1f, transparent 32%), var(--bg);margin:0}#root{min-height:100svh}.auth-page,.dashboard-page{width:min(960px,100% - 2rem);margin:0 auto;padding:2rem 0}.dashboard-page{padding-bottom:7rem}.auth-page{align-items:center;min-height:100svh;display:grid}.auth-card,.dashboard-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.auth-card{max-width:460px;margin:0 auto;padding:2rem}.eyebrow{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.76rem;font-weight:700}h1,h2{letter-spacing:-.02em;margin:0;font-family:Recoleta,Avenir Next,Nunito Sans,sans-serif}h1{margin-top:.6rem;font-size:clamp(1.8rem,2.7vw,2.4rem)}h2{font-size:1.15rem}.subtitle{color:var(--muted);margin-top:.6rem}.auth-form{gap:.9rem;margin-top:1.35rem;display:grid}label{color:var(--muted);gap:.35rem;font-size:.92rem;display:grid}input{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:.68rem .75rem}input:focus{border-color:var(--accent);outline:2px solid #0d9a6f4d}button{font:inherit;color:#fff;background:linear-gradient(160deg, var(--accent), var(--accent-dark));cursor:pointer;border:0;border-radius:12px;padding:.72rem 1rem;font-weight:700}button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:var(--error);margin:0;font-size:.9rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.topbar-actions{align-items:center;gap:.75rem;display:flex}.topbar-user{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.topbar-user strong{color:var(--ink)}.dashboard-card{padding:1.35rem}.dashboard-card p{color:var(--muted);margin-top:.45rem}dl{gap:.75rem;margin:1rem 0 0;display:grid}dl>div{border:1px solid var(--line);border-radius:12px;padding:.75rem}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}dd{margin:.25rem 0 0;font-weight:700}.filters-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(180px,260px);gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.filter-field{gap:.35rem;display:grid}select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:.68rem .75rem}select:focus{border-color:var(--accent);outline:2px solid #0d9a6f4d}.state-message{color:var(--muted);margin:0}.table-mode-row{justify-content:flex-start;align-items:center;gap:.75rem;min-height:36px;margin-bottom:1rem;display:flex;position:relative}.table-controls-left,.table-controls-right{align-items:center;display:flex}.table-controls-left{justify-content:center;gap:.65rem;position:absolute;left:50%;transform:translate(-50%)}.table-controls-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.month-nav{align-items:center;gap:.45rem;display:inline-flex}.month-nav-btn{width:28px;height:28px;color:var(--accent);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.month-nav-btn:hover:not(:disabled){opacity:.7;background:0 0}.month-nav-icon{width:22px;height:22px;stroke:var(--accent);stroke-width:2.5px}.month-value{text-align:center;font-variant-numeric:tabular-nums;min-width:90px;font-weight:700}.spending-table{border-collapse:collapse;border:1px solid var(--line);border-radius:12px;width:100%;overflow:hidden}.spending-table-wrap{overflow-x:auto}.spending-table th,.spending-table td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem;font-size:.92rem}.spending-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#f2f8f3;font-size:.72rem}.amount-col{font-variant-numeric:tabular-nums;text-align:right!important}.note-col{width:40%;max-width:220px}.amount-input{text-align:right;font-variant-numeric:tabular-nums;width:130px}.note-input{width:100%;min-width:160px}.amount-input.is-dirty,.note-input.is-dirty{border-color:var(--accent);background:#effcf6}.amount-text{text-align:right;font-variant-numeric:tabular-nums;min-width:130px;display:inline-block}.subcategory{color:var(--muted)}.btn-primary{background:linear-gradient(160deg, var(--accent), var(--accent-dark));color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{color:var(--ink);background:#e8ebe6}.btn-secondary:hover:not(:disabled){background:#dce0d9}.btn-danger{color:#fff;background:linear-gradient(160deg,#d95555,#b83f3f)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-small{border-radius:8px;padding:.45rem .65rem;font-size:.8rem;font-weight:700;text-decoration:none}a.btn-small{text-decoration:none}.btn-edit{color:#fff;background:linear-gradient(160deg,#4a90e2,#2c5aa0)}.btn-delete{color:#fff;background:#f09595}.btn-clear-icon{width:24px;height:24px;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-clear-icon:hover:not(:disabled){color:var(--ink);background:#5b6a5e26}.clear-icon{width:24px;height:24px}.btn-submit-month{width:100%;min-width:240px;padding:.85rem 1rem}.floating-submit-wrap{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:40;border-radius:12px;width:min(360px,100vw - 2rem);position:fixed;transform:translate(-50%);box-shadow:0 16px 36px #14352333}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius);width:min(500px,100% - 2rem);max-height:90vh;animation:.2s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.35rem;display:flex}.modal-header h2{margin:0;font-size:1.2rem}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.5rem;display:flex}.modal-close:hover{color:var(--ink)}.modal-body{padding:1.35rem}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:.75rem;padding:1.35rem;display:flex}.modal-footer button{flex:0}.modal-danger .modal-header{border-bottom-color:#b83f3f33}.modal-item-summary{border:1px solid var(--line);background:#fcfdf9;border-radius:12px;margin:.85rem 0;padding:.85rem}.summary-line{justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.92rem;display:flex}.summary-line .label{color:var(--muted);font-weight:600}.summary-line .value{font-weight:700}.warning-text{color:var(--error);margin:.85rem 0 0;font-size:.85rem}form{gap:1rem;display:grid}.form-group{gap:.35rem;display:grid}.form-group label{color:var(--muted);font-size:.85rem}.form-group input,.form-group select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:.68rem .75rem}.form-group input:focus,.form-group select:focus{border-color:var(--accent);outline:2px solid #0d9a6f4d}.actions-col{white-space:nowrap;text-align:center;width:1%}.spending-table th.actions-col,.spending-table td.actions-col{padding-left:.35rem;padding-right:.35rem}.action-group{justify-content:center;gap:0;display:flex}@media (width<=640px){.auth-card{padding:1.3rem}.dashboard-page,.auth-page{width:min(960px,100% - 1rem);padding:1rem 0}.topbar{flex-direction:column;align-items:stretch}.filters-card{grid-template-columns:1fr}.table-mode-row{flex-direction:column;align-items:stretch}.table-controls-left,.table-controls-right{width:100%}.table-controls-left{justify-content:space-between;position:static;left:auto;transform:none}.table-controls-right{justify-content:flex-end}.spending-table th,.spending-table td{white-space:nowrap}.modal-content{width:calc(100% - 2rem)}.dashboard-page{padding-bottom:8.5rem}.floating-submit-wrap{width:auto;left:1rem;right:1rem;bottom:calc(.85rem + env(safe-area-inset-bottom))}.btn-submit-month{width:100%;min-width:0}}.modal-panel{background:var(--surface);border-radius:var(--radius);flex-direction:column;width:min(960px,100% - 2rem);max-height:90svh;animation:.2s ease-out modalSlideIn;display:flex;box-shadow:0 20px 60px #0000004d}.modal-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.1rem;line-height:1;display:flex}.modal-close-btn:hover{color:var(--ink);background:#5b6a5e1a}.modal-form{border-bottom:1px solid var(--line);padding:1.1rem 1.35rem}.modal-toolbar{justify-content:flex-end;padding:1rem 1.35rem 0;display:flex}.modal-form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.modal-form-grid label{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}.modal-form-grid label input,.modal-form-grid label select,.modal-form-grid label textarea{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:.68rem .75rem}.modal-form-grid label input:focus,.modal-form-grid label select:focus,.modal-form-grid label textarea:focus{border-color:var(--accent);outline:2px solid #0d9a6f4d}.modal-form-grid label textarea{resize:vertical;min-height:5.8rem;line-height:1.4}.field-full{grid-column:1/-1}.field-optional{color:var(--muted);margin-left:.3em;font-size:.78rem;font-weight:400}.modal-form-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.modal-list{flex:1;padding:1.1rem 1.35rem;overflow-y:auto}.defaults-table{border-collapse:collapse;width:100%;font-size:.9rem}.defaults-table th,.defaults-table td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .6rem}.defaults-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#f2f8f3;font-size:.7rem}.defaults-table .col-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.defaults-table .col-note{white-space:pre-wrap;overflow-wrap:anywhere;max-width:240px;color:var(--muted);font-size:.85rem}.defaults-table .col-actions{white-space:nowrap;text-align:right}.defaults-table tr.row-editing{background:#effcf6}.btn-tiny{border-radius:6px;margin-left:.3rem;padding:.28rem .5rem;font-size:.75rem}.btn-medium{padding:.55rem .85rem;font-size:.88rem}@media (width<=640px){.modal-panel{width:calc(100% - 1rem);max-height:95svh}.modal-form-grid{grid-template-columns:1fr}.defaults-table .col-note{display:none}}.analytics-page{width:min(960px,100% - 2rem);margin:0 auto;padding:2rem 0}.kpi-section{margin-bottom:1.35rem}.analytics-month-nav{align-items:center;gap:.4rem;padding:.15rem .25rem;display:inline-flex}.analytics-month-nav-btn{width:34px;height:34px;color:var(--accent);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.analytics-month-nav-btn:hover:not(:disabled){background:#0d9a6f1f}.analytics-month-nav-value{text-align:center;min-width:120px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.kpi-card{border:1px solid var(--line);text-align:center;background:linear-gradient(135deg,#0d9a6f0a,#0d9a6f05);border-radius:12px;padding:1.1rem}.kpi-card.kpi-small{padding:.85rem}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.78rem}.kpi-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.delta-indicator{flex-direction:column;align-items:center;gap:.2rem;margin-top:.5rem;display:flex}.delta-indicator.delta-up{color:#d95555}.delta-indicator.delta-down{color:#4a90e2}.delta-value{font-size:.9rem;font-weight:600}.delta-percent{opacity:.8;font-size:.8rem}.trend-section{margin-bottom:1.35rem}.trend-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.trend-controls{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.trend-controls label{color:var(--muted);margin:0}.select-small{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:.5rem .6rem;font-size:.9rem}.select-small:focus{border-color:var(--accent);outline:2px solid #0d9a6f4d}.trend-chart{border:1px solid var(--line);background:#fafbf8;border-radius:12px;padding:1.5rem 1rem}.chart-bars{justify-content:space-around;align-items:flex-end;gap:.6rem;height:240px;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.chart-bar-container{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:flex-end;width:100%;height:200px;padding:.35rem;display:flex}.chart-bar{background:linear-gradient(180deg, var(--accent), var(--accent-dark));cursor:pointer;border-radius:4px;width:100%;min-height:4px}.chart-bar:hover{opacity:.9}.chart-label{color:var(--muted);text-align:center;word-break:break-word;max-width:100%;font-size:.8rem;line-height:1.2}.user-breakdown-section,.category-breakdown-section{margin-bottom:1.35rem}.breakdown-table{border-collapse:collapse;border:1px solid var(--line);border-radius:12px;width:100%;margin-top:1rem;overflow:hidden}.breakdown-table-wrap{overflow-x:auto}.breakdown-table th,.breakdown-table td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem;font-size:.92rem}.breakdown-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#f2f8f3;font-size:.72rem}.breakdown-table td.amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.breakdown-table td.percent{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.category-source-section{margin-bottom:1.35rem}.category-source-table th.amount,.category-source-table td.amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.category-source-table .amount-strong{font-weight:700}.category-with-icon{align-items:center;gap:.45rem;display:inline-flex}.category-icon{justify-content:center;width:1.2rem;display:inline-flex}@media (width<=640px){.analytics-page{width:min(960px,100% - 1rem);padding:1rem 0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.trend-header{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:space-between}.analytics-month-nav{justify-content:space-between;width:100%}.trend-controls{width:100%}.chart-bars{gap:.4rem}.chart-bar-container{height:140px}.breakdown-table th,.breakdown-table td{padding:.5rem;font-size:.85rem}.breakdown-table th{font-size:.65rem}}