:root{--primary:#111827;--primary-dark:#000;--primary-soft:#eef2f4;--income:#15803d;--income-soft:#e8f5ec;--expense:#dc2626;--expense-soft:#fdeaeb;--warn:#b45309;--warn-soft:#fdf2dd;--bg:#f9fafb;--surface:#fff;--border:#e6e8eb;--border-strong:#d1d5db;--text:#111827;--text-muted:#6b7280;--radius:10px;--radius-sm:8px;--shadow:0 1px 2px #1018280f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display:var(--font);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--space-3);font-weight:650;line-height:1.25}p{margin:0 0 var(--space-3)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:960px;padding:0 var(--space-4);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.grid{gap:var(--space-4);display:grid}@media (width>=640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);border:none;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);text-decoration:none}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--primary-soft);text-decoration:none}.btn-block{width:100%}.field{margin-bottom:var(--space-4)}.label{margin-bottom:var(--space-1);color:var(--text);font-size:13px;font-weight:600;display:block}.input,.select{width:100%;padding:var(--space-3);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:16px}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.text-income{color:var(--income)}.text-expense{color:var(--expense)}.text-muted{color:var(--text-muted)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;font-size:12px;font-weight:600;display:inline-flex}.badge-income{background:var(--income-soft);color:var(--income)}.badge-expense{background:var(--expense-soft);color:var(--expense)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.progress{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress>div{background:var(--primary);border-radius:999px;height:100%}.progress.warn>div{background:var(--warn)}.progress.over>div{background:var(--expense)}.muted{color:var(--text-muted)}.auth-error{color:var(--expense);background:var(--expense-soft);border-radius:var(--radius-sm);padding:var(--space-3);font-size:14px}.auth-ok{color:var(--income);background:var(--income-soft);border-radius:var(--radius-sm);padding:var(--space-3);font-size:14px}.auth-success{text-align:center;padding:var(--space-4) 0}.auth-success h2{margin-bottom:var(--space-2)}.auth-success p{color:var(--text-muted)}.divider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-muted);font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.seg{background:var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-4);gap:4px;padding:4px;display:flex}.seg button{padding:var(--space-2);color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex:1;font-size:14px;font-weight:600}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.form-actions{gap:var(--space-3);margin-top:var(--space-4);justify-content:flex-end;display:flex}.tx-list{margin:0;padding:0;list-style:none}.tx-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.tx-item:last-child{border-bottom:none}.tx-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.tx-main{flex:1;min-width:0}.tx-main .tx-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.tx-main .tx-sub{color:var(--text-muted);font-size:13px}.cat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.cat-icon svg{display:block}.tx-amount{white-space:nowrap;font-size:15px;font-weight:700}.tx-actions{gap:var(--space-1);margin-left:var(--space-2);display:flex}.icon-btn{color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:15px}.icon-btn:hover{background:var(--border);color:var(--text)}.icon-btn.danger:hover{background:var(--expense-soft);color:var(--expense)}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.page-head h1,.page-head .muted{margin:0}.scan-wrap{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.scan-head{margin-bottom:var(--space-3);flex-direction:column;gap:2px;display:flex}.scan-title{font-size:15px;font-weight:700}.scan-hint{color:var(--text-muted);font-size:13px}.scan-drop{padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.scan-drop:hover{border-color:var(--primary)}.scan-drop input{display:none}.scan-preview{gap:var(--space-3);flex-direction:column;display:flex}.scan-preview img{border-radius:var(--radius);border:1px solid var(--border);align-self:center;max-width:220px;max-height:220px}.scan-actions{gap:var(--space-2);justify-content:center;display:flex}.scan-status{margin-top:var(--space-2);color:var(--primary);font-size:14px}.scan-result{margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}.scan-result details{margin-top:var(--space-2)}.scan-result summary{cursor:pointer;color:var(--text-muted);font-size:13px}.scan-text{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-2) 0 0;max-height:160px;font-size:12px;overflow:auto}.scan-note{margin-top:var(--space-3);font-size:13px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);width:28px;height:28px;margin:var(--space-5) auto;border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:var(--space-5) var(--space-3);color:var(--text-muted)}.empty .btn{margin-top:var(--space-3)}.month-nav{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);justify-content:space-between;display:flex}.month-nav h2{margin:0;font-size:17px}.month-nav .month-arrows{gap:var(--space-2);display:flex}.arrow-btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);font-size:16px}.arrow-btn:hover{color:var(--text);background:var(--bg)}.filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filters .input,.filters .select{flex:1;min-width:120px}.summary{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}@media (width>=640px){.summary{grid-template-columns:repeat(3,1fr)}}.summary .card{gap:var(--space-1);flex-direction:column;display:flex}.num{font-size:24px}.budget-overview{margin-bottom:var(--space-5)}.budget-head{margin-bottom:var(--space-2);justify-content:space-between;font-size:14px;font-weight:600;display:flex}.budget-progress{height:10px}.recent-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.recent-head h2{margin:0;font-size:17px}.budget-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.budget-row-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.budget-row-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.btn-small{padding:var(--space-1) var(--space-3);font-size:13px}.budget-edit{gap:var(--space-2);margin-top:var(--space-3);display:flex}.budget-edit .input{flex:1}.bills-form,.bills-form h2{margin-bottom:var(--space-4)}.form-row{gap:var(--space-3);grid-template-columns:1fr auto;align-items:end;display:grid}.bill-row{align-items:center;gap:var(--space-3);display:flex}.bill-flag{background:var(--primary-soft);color:var(--text);padding:2px var(--space-2);border-radius:999px;flex-shrink:0;font-size:12px;font-weight:600}.bill-flag.off{background:var(--border);color:var(--text-muted)}.goal-grid{gap:var(--space-4);display:grid}@media (width>=640px){.goal-grid{grid-template-columns:repeat(2,1fr)}}.goal-card{gap:var(--space-3);flex-direction:column;display:flex}.goal-head{justify-content:space-between;align-items:center;display:flex}.goal-head h2{margin:0;font-size:16px}.goal-progress-label{color:var(--text-muted);justify-content:space-between;font-size:14px;display:flex}.goal-card.achieved .goal-title{color:var(--text-muted);text-decoration:line-through}.goal-actions{gap:var(--space-2);margin-top:auto;display:flex}.report-chart{margin-bottom:var(--space-4)}.report-chart h2{margin-bottom:var(--space-3);font-size:16px}.report-chart .u-legend{font-size:13px}.cat-report{gap:var(--space-5);align-items:center;display:grid}@media (width>=640px){.cat-report{grid-template-columns:180px 1fr}}.donut{border-radius:50%;width:160px;height:160px;position:relative}.donut-center{text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center strong{font-size:13px}.cat-legend{margin:0;padding:0;list-style:none}.cat-legend li{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:14px;display:flex}.cat-legend li:last-child{border-bottom:none}.share{border-radius:50%;flex-shrink:0;width:12px;height:12px}.cat-legend .pct{color:var(--text-muted);text-align:right;width:46px}.cat-legend .amt{white-space:nowrap;text-align:right;margin-left:auto;font-weight:700}.settings-section{margin-bottom:var(--space-4)}.cat-list{margin:0 0 var(--space-4);padding:0;list-style:none}.cat-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.cat-form{gap:var(--space-3);display:grid}.emoji-row,.color-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.emoji-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:18px}.emoji-btn.active{border-color:var(--primary);background:var(--primary-soft)}.color-btn{border:2px solid #0000;border-radius:50%;width:28px;height:28px}.color-btn.active{border-color:var(--text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.card{padding:var(--space-3)}.page-head{align-items:stretch;gap:var(--space-3);flex-direction:column}.page-head .btn{width:100%}.num{font-size:21px}.form-actions{grid-template-columns:1fr 1fr;display:grid}.form-actions .btn{width:100%}.form-row{grid-template-columns:1fr}}