:root{--bg: #F5F8FB;--bg-sunken: #EDF2F8;--bg-card: #FFFFFF;--bg-subtle: #E9EFF6;--bg-hover: #E1E9F3;--text: #24303C;--text-muted: #4E5D6C;--text-soft: #6E7E8E;--text-faint: #97A6B4;--border: #D9E2EC;--border-hover: #C3D1E0;--accent: #3B6FB5;--accent-deep: #2C548C;--accent-soft: #E3EDF9;--ok: #5B8C5A;--warn: #C0392B;--warn-bg: #F9E7E2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;line-height:1.5;font-size:.95rem}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-sunken);border-right:1px solid var(--border);padding:22px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.wordmark{font-weight:700;font-size:1.05rem;padding:0 10px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark-version{padding:0 10px;margin:1px 0 18px;font-size:.66rem;font-weight:600;letter-spacing:.04em;color:var(--text-faint)}.nav-scroll{flex:1;overflow-y:auto;padding-right:2px;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--text-muted);font-weight:500;transition:background .15s,color .15s}.nav-emoji{flex:0 0 auto;width:1.15em;text-align:center;font-size:.98em;line-height:1}.nav-section{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:0 10px;margin:14px 0 3px}.nav-link:hover{background:var(--bg-hover)}.nav-link.active{background:var(--bg-card);color:var(--accent);box-shadow:0 1px 3px #24303c0f}.sidebar-foot{margin-top:auto;padding:10px;font-size:.78rem;color:var(--text-faint)}.foot-settings{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:background .15s,color .15s,border-color .15s}.foot-settings:hover{border-color:var(--border-hover);background:var(--bg-sunken)}.foot-settings.active{color:var(--accent);border-color:var(--accent)}.user-switch{display:flex;gap:6px;margin-bottom:8px}.user-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 4px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-weight:600;font-size:.82rem}.user-chip .dot{width:8px;height:8px;border-radius:50%}.user-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pane{flex:1;padding:28px;max-width:1280px;min-width:0}.pane-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;flex-wrap:wrap}.pane-head h1{font-size:1.5rem;font-weight:700}.pane-head .spacer{flex:1}.head-stat{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:.76rem;color:var(--text-soft);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px 10px}.head-stat strong{font-size:.95rem;color:var(--text);font-weight:700}.head-stat strong.neg{color:var(--warn)}.head-stat strong.pos{color:var(--ok)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px #24303c0a}.btn{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;padding:6px 14px;font-weight:500;color:var(--text-muted);transition:background .15s,color .15s,border-color .15s}.btn:hover{border-color:var(--border-hover);background:var(--bg-sunken)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-deep)}.btn.small{padding:3px 10px;font-size:.82rem}.btn.danger{color:var(--warn)}.btn:disabled{opacity:.5;cursor:default}.meta-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.tabs{display:inline-flex;gap:4px;background:var(--bg-subtle);border-radius:10px;padding:3px;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;white-space:nowrap;border:0;background:transparent;border-radius:8px;padding:5px 14px;font-weight:500;color:var(--text-soft);transition:background .15s,color .15s}.tabs button.active{background:var(--bg-card);color:var(--accent);box-shadow:0 1px 3px #24303c14}input[type=text],input[type=number],input[type=date],input[type=url],select,textarea{padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:.9rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}table.grid{width:100%;border-collapse:collapse;font-size:.9rem}table.grid th{text-align:left;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:600;padding:6px 10px;border-bottom:1px solid var(--border)}table.grid td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:middle}table.grid tr:last-child td{border-bottom:0}table.grid td.num,table.grid th.num{text-align:right;white-space:nowrap}table.grid tr.section td{background:var(--bg-sunken);font-weight:600;font-size:.8rem}.amount-neg{color:var(--warn);font-weight:600}.amount-pos{color:var(--ok);font-weight:600}.cat-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:6px;font-size:.78rem;font-weight:600;white-space:nowrap}.badge{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:2px 8px;border-radius:5px;background:var(--bg-subtle);color:var(--text-soft)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.ok{background:#e4f0e4;color:var(--ok)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.pbar{height:10px;border-radius:5px;background:var(--bg-subtle);overflow:hidden;display:flex}.pbar .fill{height:100%;border-radius:5px 0 0 5px;min-width:0}.pbar .fill.over{background:var(--warn)!important}.chart-wrap{position:relative}.chart{display:flex;gap:8px;align-items:stretch;height:230px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;cursor:pointer}.chart-col-val{font-size:.68rem;color:var(--text-soft);height:15px;white-space:nowrap}.chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.chart-bar-stack{width:62%;min-height:2px;border-radius:4px 4px 0 0;overflow:hidden;display:flex;flex-direction:column-reverse;border:1px solid var(--border)}.chart-seg{width:100%;min-height:1px}.budget-tick{position:absolute;left:8%;right:8%;border-top:2px dashed var(--accent-deep);opacity:.65}.chart-col-m{font-size:.72rem;color:var(--text-faint);margin-top:6px}.chart-col.now .chart-col-m{color:var(--accent);font-weight:700}.chart-col.sel .chart-bar-stack{box-shadow:0 0 0 2px #3b6fb573}.chart-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.legend .item{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.legend .dot{width:10px;height:10px;border-radius:3px}.legend .line{width:16px;height:0;border-top:2px solid}.legend .line.dashed{border-top-style:dashed}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.tile{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.tile .meta-label{display:block;margin-bottom:3px}.tile .big{font-size:1.3rem;font-weight:700}.tile .big.neg{color:var(--warn)}.tile .big.pos{color:var(--ok)}.tile .sub{font-size:.74rem;color:var(--text-faint);margin-top:1px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.item-card h3{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.item-card .row{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--text-muted);margin-top:6px;gap:10px}.item-card .row strong{color:var(--text)}.form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.form-row input[type=text]{flex:1;min-width:120px}.hint{font-size:.78rem;color:var(--text-faint)}.drop-zone{border:2px dashed var(--border-hover);border-radius:12px;padding:26px;text-align:center;color:var(--text-soft);background:var(--bg-card);transition:border-color .15s,background .15s}.drop-zone.over{border-color:var(--accent);background:var(--accent-soft)}.empty{color:var(--text-faint);font-size:.88rem;padding:14px 0}.bill-logo{width:26px;height:26px;border-radius:7px;object-fit:contain;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border)}.bill-logo.none{display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--text-faint);background:var(--bg-subtle)}.section-title{font-size:1.05rem;font-weight:700;margin:26px 0 10px;display:flex;align-items:center;gap:10px}.section-title:first-child{margin-top:0}.month-nav{display:inline-flex;align-items:center;gap:6px}.month-nav-label{min-width:120px;text-align:center}.donut-wrap{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.donut{width:180px;height:180px;flex-shrink:0}.donut-num{font-size:1.25rem;font-weight:700;fill:var(--text);font-family:inherit}.donut-lbl{font-size:.68rem;fill:var(--text-faint);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.donut-legend{display:grid;grid-template-columns:auto auto auto;gap:5px 14px;align-items:baseline}.donut-leg-name{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;color:var(--text-muted)}.donut-leg-name .dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-leg-val{font-weight:700;text-align:right}.donut-leg-pct{font-size:.76rem;color:var(--text-faint);text-align:right}@media (max-width: 760px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px}.wordmark-version{display:none}.nav-scroll{flex-direction:row;flex-wrap:wrap;overflow:visible}.nav-section{display:none}.sidebar-foot{display:flex;margin:0;padding:0 6px;gap:6px;align-items:center}.sidebar-foot .who,.foot-settings span{display:none}.foot-settings,.user-switch{margin:0}.pane{padding:16px}}