:root{color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--grid: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--accent: #2a78d6;--accent-soft: #cde2fb;--series-1: #2a78d6;--series-2: #eb6834;--danger: #d03b3b;--good-text: #006300;--field: #ffffff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}h1{font-size:20px;margin:0 0 16px}h2{font-size:16px;margin:0 0 12px}a{color:var(--accent)}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border)}.app-header-inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}.brand{font-weight:700;font-size:17px}.top-nav{display:none;gap:4px;flex:1}.nav-link{padding:6px 10px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-size:14px;white-space:nowrap}.nav-link:hover{background:var(--page)}.nav-link.active{color:var(--ink);font-weight:600}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.user-chip{color:var(--ink-2);text-decoration:none;font-size:14px}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px 16px 76px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.bottom-nav .nav-link{flex:1;text-align:center;padding:8px 4px;font-size:12px}@media (min-width: 760px){.top-nav{display:flex}.bottom-nav{display:none}.app-main{padding-bottom:32px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.card+.card{margin-top:16px}.card-title{font-size:15px;font-weight:600;margin:0 0 12px}.card-hint{color:var(--ink-2);font-size:13px;margin:-6px 0 12px}.two-col{display:grid;gap:16px}.two-col .card+.card{margin-top:0}@media (min-width: 760px){.two-col{grid-template-columns:1fr 1fr}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}@media (min-width: 760px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-label{font-size:13px;color:var(--ink-2)}.stat-value{font-size:20px;font-weight:600;margin-top:2px}.stat-sub{font-size:13px;color:var(--muted);margin-top:2px}.text-good{color:var(--good-text)}.text-bad{color:var(--danger)}.meter{height:6px;border-radius:3px;background:var(--accent-soft);overflow:hidden;margin:6px 0 2px}.meter-fill{height:100%;background:var(--accent)}.bars{list-style:none;margin:0;padding:0}.bar-row+.bar-row{margin-top:10px}.bar-text{display:flex;justify-content:space-between;gap:12px;font-size:14px}.bar-name{color:var(--ink-2);overflow-wrap:anywhere}.bar-value{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.bar-fill{height:10px;border-radius:0 4px 4px 0;background:var(--series-1);margin-top:3px}.legend{display:flex;gap:16px;margin-bottom:8px;font-size:13px;color:var(--ink-2)}.legend-item{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:2px;display:inline-block;flex:none}.swatch-expenses{background:var(--series-1)}.swatch-incomes{background:var(--series-2)}.chart-plot{position:relative}.gridline{stroke:var(--grid);stroke-width:1}.axis-line{stroke:var(--baseline);stroke-width:1}.tick-label{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.month-label{fill:var(--ink-2);font-size:11px}.bar-expenses{fill:var(--series-1)}.bar-incomes{fill:var(--series-2)}.g-active .bar{filter:brightness(1.12)}.hit{cursor:pointer;outline:none}.hit:focus-visible{stroke:var(--accent);stroke-width:1}.chart-tip{position:absolute;top:4px;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0b0b0b14;padding:8px 10px;font-size:13px;pointer-events:none;min-width:160px}.tip-title{color:var(--muted);margin-bottom:2px}.tip-row{display:flex;align-items:center;gap:6px}.tip-row b{margin-left:auto;font-variant-numeric:tabular-nums}.tip-key{width:12px;height:3px;border-radius:2px;display:inline-block;flex:none}.swatch-expenses-bg{background:var(--series-1)}.swatch-incomes-bg{background:var(--series-2)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:7px 10px;text-align:left;font-size:13.5px;vertical-align:top}thead th{color:var(--ink-2);font-weight:600;font-size:12.5px;white-space:nowrap;border-bottom:1px solid var(--grid)}tbody tr+tr td,tbody tr+tr th{border-top:1px solid var(--grid)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.muted{color:var(--muted)}tfoot td,tfoot th{border-top:1px solid var(--baseline);font-weight:600}.table-note{font-size:13px;margin:8px 0 0}.users-table td.act{padding-left:6px;padding-right:6px;white-space:nowrap}.users-table td.act .btn{display:block;width:100%}.users-table td select{width:auto}.budget-cell{min-width:150px}.cell-sub{display:block;font-weight:400;font-size:12px;color:var(--muted)}.budget-own{font-weight:500;overflow-wrap:anywhere}.budget-chip{display:inline-flex;align-items:center;gap:3px;margin-top:4px;padding:1px 5px 1px 8px;border:1px solid var(--grid);border-radius:999px;font-size:12px;color:var(--ink-2);background:var(--field);white-space:nowrap}.chip-x{border:none;background:none;color:var(--muted);cursor:pointer;padding:2px 3px;font-size:11px;line-height:1}.chip-x:hover{color:var(--danger)}.chip-select{width:auto;max-width:100%;margin-top:6px;padding:3px 6px;font-size:12.5px;color:var(--ink-2)}.role-select{margin-left:6px}.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:13px;color:var(--ink-2);margin-bottom:4px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--grid);border-radius:8px;background:var(--field);color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.form-error{color:var(--danger);font-size:13.5px;margin:4px 0 8px}.form-ok{color:var(--good-text);font-size:13.5px;margin:4px 0 8px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 14px;cursor:pointer}.btn:hover{background:var(--page)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#256abf}.btn-danger{color:var(--danger);border-color:#d03b3b66;background:transparent}.btn-danger:hover{background:#d03b3b0f}.btn-sm{padding:4px 8px;font-size:13px}a.btn{text-decoration:none;text-align:center}.btn-icon{width:30px;padding-left:0;padding-right:0}.btn-block{width:100%}.inline-form{display:flex;gap:8px}.inline-form input{flex:1;min-width:0}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page-head h1{margin:0}.month-picker{display:flex;gap:8px}.year-value{font-weight:600;min-width:52px;text-align:center}.month-picker select{width:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--grid);margin-bottom:12px}.tab{padding:8px 14px;border:none;background:none;color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px}.tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chip{padding:3px 10px;border:1px solid var(--grid);border-radius:999px;font-size:12.5px;color:var(--ink-2);background:var(--field);white-space:nowrap}.chip b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.chip.zero b{color:var(--muted);font-weight:400}.actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.day-group+.day-group{margin-top:16px}.day-head{display:flex;justify-content:space-between;gap:12px;color:var(--ink-2);font-size:13px;margin-bottom:4px}.day-head b{color:var(--ink);font-variant-numeric:tabular-nums}.op-row{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--grid)}.op-date{color:var(--muted);font-size:12.5px;min-width:40px;font-variant-numeric:tabular-nums}.op-main{flex:1;min-width:0}.op-name{display:block;overflow-wrap:anywhere}.op-meta{display:block;color:var(--muted);font-size:12.5px}.op-amount{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.op-actions{display:flex;gap:6px}.op-list{list-style:none;margin:0;padding:0}.op-list .op-row:first-child{border-top:none}.loading,.empty-note{color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b66;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;z-index:50;overflow-y:auto}.modal{background:var(--surface);border-radius:12px;border:1px solid var(--border);width:100%;max-width:460px;padding:16px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-head h2{margin:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:360px}.login-title{text-align:center;margin-bottom:20px;font-size:22px}.secret{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:var(--field);border:1px dashed var(--baseline);border-radius:8px;padding:10px;word-break:break-all;margin:8px 0}.secret-note{color:var(--ink-2);font-size:13px}.dict-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--grid)}.dict-row:first-child{border-top:none}.dict-name{flex:1;overflow-wrap:anywhere}.dict-sub{display:block;font-size:12px;color:var(--muted)}.dict-row input{flex:1;min-width:0}.dict-meta{color:var(--muted);font-size:12.5px;white-space:nowrap}.plans-table input{padding:6px 8px;text-align:right;font-variant-numeric:tabular-nums}.refreshing{opacity:.6}