:root{--green-50: #eafaf0;--green-100: #c9f0d8;--green-500: #1fa45f;--green-600: #178a4f;--primary: #157a46;--primary-hover: #126d3f;--neg-strong: #b91c1c;--bg: #f4f6f5;--surface: #ffffff;--surface-3: #eef2f0;--border: #d8e0dc;--border-strong: #c2ccc7;--text: #16201b;--text-muted: #5c6b64;--text-faint: #8a978f;--font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-lg: 1.375rem;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-md: 10px;--r-lg: 14px;--shadow-sm: 0 1px 2px rgba(16, 32, 24, .06), 0 1px 3px rgba(16, 32, 24, .05);--shadow-md: 0 2px 6px rgba(16, 32, 24, .07), 0 6px 18px rgba(16, 32, 24, .06)}:root[data-theme=dark]{--green-50: #102a1c;--green-100: #153a26;--green-500: #3ad07f;--green-600: #2bb96e;--primary: #157a46;--primary-hover: #126d3f;--neg-strong: #f87171;--bg: #0f1512;--surface: #18201c;--surface-3: #232e28;--border: #2a3530;--border-strong: #3a463f;--text: #e7efe9;--text-muted: #9fb0a7;--text-faint: #7a8a81;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--bg)}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;background:var(--primary);color:#fff;padding:10px 18px;text-decoration:none;font-weight:600;border-radius:0 0 var(--r-md) 0}.skip-link:focus{top:0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(900px 500px at 80% -10%,var(--green-50),transparent),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:var(--sp-6)}.auth-brand{display:flex;align-items:center;gap:var(--sp-3);justify-content:center;margin-bottom:var(--sp-5)}.auth-brand .logo{font-size:28px}.auth-brand .title{font-size:var(--fs-lg);font-weight:800;margin:0}.segmented{display:flex;background:var(--surface-3);border-radius:var(--r-md);padding:3px;gap:3px;margin-bottom:var(--sp-5)}.segmented button{flex:1;border:none;background:transparent;cursor:pointer;padding:8px 14px;border-radius:8px;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.col{display:flex;flex-direction:column;gap:var(--sp-4)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field>label{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.input{width:100%;font-family:inherit;font-size:var(--fs-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:9px 12px}.input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 16px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-base);font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint);font-size:var(--fs-sm)}.error{color:var(--neg-strong);font-size:var(--fs-sm);background:#b91c1c14;border:1px solid var(--neg-strong);border-radius:var(--r-md);padding:8px 12px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);background:var(--surface);border-bottom:1px solid var(--border)}.app-main{flex:1;padding:var(--sp-6)}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm)}:root{--green-200: #a7e8c0;--green-400: #34c878;--green-700: #126d3f;--orange-100: #fde2cf;--orange-400: #f59259;--orange-500: #ef7a3b;--pos: #178a4f;--neg: #c2410c;--text-faint: #62716a;--surface-2: #f8faf9;--sidebar-bg: #e6eae8;--active-bg: #2c3a33;--active-fg: #ffffff;--fs-md: 1.0625rem;--fs-xl: 1.875rem;--fs-2xl: 2.25rem;--sp-1: 4px;--sp-7: 48px;--r-sm: 6px;--r-full: 999px;--shadow-lg: 0 12px 32px rgba(16, 32, 24, .16);--sidebar-w: 264px;--sidebar-w-collapsed: 72px}:root[data-theme=dark]{--green-200: #1c4d31;--green-400: #34c878;--green-700: #8fe7b4;--orange-100: #3a2415;--orange-400: #f59259;--orange-500: #f59259;--pos: #43d489;--neg: #f08a5a;--surface-2: #1d2620;--sidebar-bg: #141b17;--active-bg: #34c878;--active-fg: #0f1512;--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55)}h1,h2,h3{margin:0;font-weight:700;line-height:1.2;letter-spacing:-.01em}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns .2s ease}.app.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.content{min-width:0;padding:var(--sp-6) var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-5)}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-3);gap:var(--sp-2);overflow:visible}.sb-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-1) var(--sp-2) var(--sp-3)}.sb-brand .logo{width:34px;height:34px;flex:0 0 34px;color:var(--green-500)}.sb-brand .logo svg{width:100%;height:100%}.sb-brand .title{font-size:var(--fs-md);font-weight:800;letter-spacing:-.02em;white-space:nowrap}.sb-household{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-2) var(--sp-3)}.sb-household .select{flex:1 1 auto;min-width:0}.sb-add{flex:0 0 36px;width:36px;height:36px;border-radius:var(--r-full);border:none;background:var(--active-bg);color:var(--active-fg);display:grid;place-items:center;cursor:pointer}.sb-add svg{width:18px;height:18px}.sb-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);color:var(--text);font-weight:500;white-space:nowrap;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:var(--fs-base)}.nav-item .ico{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center}.nav-item .ico svg{width:22px;height:22px}.nav-item:hover{background:var(--surface-3)}.nav-item.active{background:var(--active-bg);color:var(--active-fg)}.nav-item.active .ico{color:var(--active-fg)}.nav-item.admin{margin-top:var(--sp-1);background:var(--orange-100);color:var(--text)}.nav-item.admin .ico{color:var(--orange-500)}.nav-item.admin:hover{background:var(--orange-400);color:#fff}.nav-item.admin.active{background:var(--orange-500);color:#fff}.nav-item.admin.active .ico{color:#fff}.sb-spacer{flex:1 1 auto}.sb-footer{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);background:var(--green-100)}.sb-footer .sb-who{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--sp-3);color:inherit;text-decoration:none;border-radius:var(--r-sm)}.sb-footer .avatar{flex:0 0 30px;width:30px;height:30px;border-radius:var(--r-full);background:var(--active-bg);color:var(--active-fg);display:grid;place-items:center;font-size:var(--fs-xs);font-weight:700}.sb-footer .who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.sb-footer .who .name{font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-footer .who .role{font-size:var(--fs-xs);color:var(--green-700);white-space:nowrap}.sb-footer .logout{flex:0 0 auto;border:none;background:transparent;color:var(--green-600);cursor:pointer;padding:4px;border-radius:var(--r-sm)}.sb-footer .logout:hover{background:#0000000f}.sb-footer .logout svg{width:20px;height:20px}.sb-collapse-btn{position:absolute;top:18px;right:-13px;width:26px;height:26px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);z-index:5}.sb-collapse-btn svg{width:16px;height:16px;transition:transform .2s ease}.app.is-collapsed .sb-collapse-btn svg{transform:rotate(180deg)}.app.is-collapsed .sb-brand .title,.app.is-collapsed .sb-household .select,.app.is-collapsed .sb-add,.app.is-collapsed .nav-item .label,.app.is-collapsed .sb-footer .who,.app.is-collapsed .sb-footer .logout{display:none}.app.is-collapsed .sb-brand,.app.is-collapsed .sb-household,.app.is-collapsed .nav-item,.app.is-collapsed .sb-footer{justify-content:center}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.page-head .titles{display:flex;flex-direction:column;gap:2px}.page-title{font-size:var(--fs-2xl)}.page-sub{color:var(--text-muted);font-size:var(--fs-base)}.btn svg{width:18px;height:18px}.btn:hover:not(:disabled):not(.btn-primary){background:var(--surface-3)}.btn-sm{padding:6px 12px;font-size:var(--fs-sm)}.btn-danger{color:var(--neg-strong)}.btn-danger:hover{background:#b91c1c14}.btn-link{background:none;border:none;padding:0;color:var(--primary);cursor:pointer;font-size:var(--fs-sm);text-decoration:underline}.btn-link:hover{color:var(--primary-hover)}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);cursor:pointer}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn svg{width:19px;height:19px}.icon-btn.bare{border:none;background:transparent;width:34px;height:34px}.icon-btn.bare:hover{background:var(--surface-3)}.round-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r-full);border:none;background:var(--active-bg);color:var(--active-fg);cursor:pointer}.round-btn.minus{background:var(--neg-strong);color:#fff}.round-btn svg{width:16px;height:16px}.select{position:relative;display:inline-flex;align-items:center}.select select,.textarea{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:var(--fs-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:9px 12px}.select select{padding-right:38px;cursor:pointer}.select:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.textarea:focus,.select select:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.textarea{resize:vertical;min-height:96px}.form-field .hint{font-size:var(--fs-xs);color:var(--text-faint)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.form-grid .full{grid-column:1 / -1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.card-head h3{font-size:var(--fs-md)}.card-body{padding:var(--sp-5)}.card-body.flush{padding:0}.card-body.col{display:flex;flex-direction:column;gap:var(--sp-4)}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.data-table thead th{text-align:left;font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);background:var(--surface-2);padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .center{text-align:center}.data-table .muted{color:var(--text-muted)}.data-table .strong{font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;background:var(--surface-3);color:var(--text-muted);white-space:nowrap}.badge.green{background:var(--green-100);color:var(--green-700)}.badge.orange{background:var(--orange-100);color:var(--orange-500)}.badge.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08100c80;display:none;align-items:flex-start;justify-content:center;padding:6vh var(--sp-4);z-index:50;overflow-y:auto}.modal-overlay.open{display:flex}.modal{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.modal.wide{max-width:820px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal-head h3{font-size:var(--fs-md)}.modal-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.row{display:flex;align-items:center;gap:var(--sp-3)}.spacer{flex:1 1 auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:start}.center{text-align:center}.strong{font-weight:700}.tnum{font-variant-numeric:tabular-nums}.amount-pos{color:var(--pos);font-variant-numeric:tabular-nums}.amount-neg{color:var(--neg);font-variant-numeric:tabular-nums}.divider{height:1px;background:var(--border);border:0;margin:var(--sp-2) 0}.progress{height:12px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;background:var(--green-400);border-radius:var(--r-full)}.row.wrap{flex-wrap:wrap}.card-head .sub{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.stat .label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:600}.stat .value{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em}.stat .delta{font-size:var(--fs-sm);font-weight:600}.stat.accent{background:var(--green-50);border-color:var(--green-200)}.period-tabs{display:inline-flex;background:var(--surface-3);border-radius:var(--r-full);padding:4px;gap:2px}.period-tabs button{border:none;background:transparent;cursor:pointer;padding:8px 22px;border-radius:var(--r-full);font-size:var(--fs-base);font-weight:600;color:var(--text-muted)}.period-tabs button.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.bar-row{display:grid;grid-template-columns:130px 1fr 92px;align-items:center;gap:var(--sp-3);padding:7px 0}.bar-row .bar-label{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{display:block;height:10px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:var(--r-full);background:var(--green-400)}.bar-fill.over{background:var(--neg-strong)}.bar-row .bar-val{text-align:right;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.widget-grid .span-2{grid-column:span 2}.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.widget .w-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.widget .w-head h3{font-size:var(--fs-md)}.widget .w-actions{display:flex;align-items:center;gap:var(--sp-2)}.widget .w-body{padding:var(--sp-5);flex:1 1 auto}.widget .w-body.flush{padding:0}.widget-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.widget-catalog .opt{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .12s ease,background .12s ease}.widget-catalog .opt:hover{background:var(--surface-3)}.widget-catalog .opt input{margin-top:3px;accent-color:var(--green-500)}.widget-catalog .opt>span{display:flex;flex-direction:column;gap:2px;min-width:0}.widget-catalog .opt:has(input:checked){border-color:var(--green-500);background:var(--green-50)}.widget-catalog .opt .t{font-weight:600;font-size:var(--fs-sm)}.widget-catalog .opt .d{font-size:var(--fs-xs);color:var(--text-muted)}@media(max-width:1100px){.grid-2,.widget-grid{grid-template-columns:1fr}.widget-grid .span-2{grid-column:auto}.widget-catalog{grid-template-columns:1fr}}@media(max-width:880px){.app{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar .sb-brand .title,.sidebar .sb-household .select,.sidebar .nav-item .label,.sidebar .sb-footer .who,.sidebar .sb-footer .logout{display:none}.sidebar .sb-brand,.sidebar .sb-household,.sidebar .nav-item,.sidebar .sb-footer{justify-content:center}.sb-collapse-btn{display:none}.content{padding:var(--sp-5) var(--sp-4)}.form-grid{grid-template-columns:1fr}.page-title{font-size:var(--fs-xl)}}