:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--surface:#fff;--surface-muted:#f4f4f5;--surface-subtle:#fafafa;--text:#09090b;--muted:#71717a;--line:#e4e4e7;--accent:#0f766e;--accent-strong:#134e4a;--primary:#18181b;--blue:#2563eb;--rose:#e11d48;--rose-muted:#fff1f2;--shadow:0 1px 2px #18181b0a;--shadow-lg:0 20px 45px #18181b1f;--radius:8px}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px}.page-shell{width:min(1240px,100% - 40px);margin:0 auto;padding:28px 0 48px}.login-shell{place-items:center;min-height:100vh;display:grid}.app-header{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px;display:flex}.save-status{border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow);border-radius:999px;margin-right:auto;padding:7px 11px;font-size:12px;font-weight:700}.save-status-error{background:var(--rose-muted);color:var(--rose);border-color:#fecdd3}.app-header strong{border:1px solid var(--line);background:var(--surface);color:var(--primary);box-shadow:var(--shadow);border-radius:999px;padding:7px 11px}.account-status-pill{color:var(--accent-strong);box-shadow:var(--shadow);cursor:pointer;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.account-status-pill:hover{background:#ccfbf1;border-color:#99f6e4}.login-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(620px,100%);box-shadow:var(--shadow);padding:32px}.login-entry-card{width:min(980px,100%)}.login-card h1{margin-bottom:16px;font-size:44px}.entry-auth-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);align-items:start;gap:28px;margin-top:28px;display:grid}.entry-server-auth-form{grid-template-columns:1fr}.local-entry-panel{border-left:1px solid var(--line);gap:18px;padding-left:28px;display:grid}.local-entry-panel h2{margin:0 0 8px;font-size:22px}.login-form{gap:10px;margin-top:24px;display:grid}.login-form label,.start-options label,.known-users span{color:var(--muted);font-size:13px}.known-users{gap:10px;margin-top:22px;display:grid}.known-users div{flex-wrap:wrap;gap:10px;display:flex}.start-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.start-options label{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:flex}.start-options input{width:16px;height:16px;accent-color:var(--accent);padding:0}.local-note{border-radius:var(--radius);color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;margin:16px 0 0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.5}.inline-note{max-width:620px}.hero{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:20px;margin-bottom:16px;display:grid}.section-label{color:var(--accent-strong);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:12px;font-size:clamp(30px,4vw,46px);line-height:1.06}h2{margin-bottom:0;font-size:22px;line-height:1.2}.hero-copy{max-width:620px;color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.7}.summary-panel,.metric-grid article,.cost-list,.category-panel,.diagram{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.summary-panel{flex-direction:column;justify-content:center;min-height:206px;padding:22px;display:flex}.summary-panel label,.metric-grid span,.table-head,.bar-meta span,.category-create label,small{color:var(--muted);font-size:13px}.summary-panel input{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--primary);font:inherit;margin:12px 0;padding:14px 16px;font-size:28px;font-weight:800;line-height:1}.summary-panel p{color:var(--muted);margin-bottom:0;font-weight:700}.income-progress{background:var(--surface-muted);border-radius:999px;height:9px;margin-top:14px;overflow:hidden}.income-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--blue));height:100%}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-grid article{min-height:116px;padding:18px}.metric-grid strong{margin-top:10px;font-size:24px;line-height:1.15;display:block}.metric-grid small{margin-top:8px;display:block}.danger-text{color:var(--rose)}.workspace{grid-template-columns:1fr;gap:14px;display:grid}.cost-list,.diagram{padding:22px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.action-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.delete-actions{align-items:center}.selection-count{color:var(--muted);font-size:13px;font-weight:700}.import-status{color:var(--accent-strong);margin:-8px 0 16px;font-size:13px;font-weight:700}.filter-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.filter-bar label,.filter-bar span{color:var(--muted);font-size:13px;font-weight:700}.filter-bar strong{color:var(--primary);font-size:14px}.filter-bar select{width:min(220px,100%)}.table{gap:8px;display:grid}.table-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(120px,1fr) minmax(86px,.58fr) 100px 112px 70px 104px 72px 112px;align-items:center;gap:10px;min-height:62px;padding:10px 12px;transition:border-color .14s,box-shadow .14s;display:grid}.table-row.delete-mode{grid-template-columns:minmax(120px,1fr) minmax(86px,.58fr) 100px 112px 70px 104px 72px 112px 64px}.table-row:not(.table-head):hover{border-color:#d4d4d8;box-shadow:0 1px #18181b0a}.table-head{min-height:auto;box-shadow:none;background:0 0;border:0;padding-top:0;padding-bottom:0;font-weight:700}.table-row strong{margin-bottom:6px;display:block}.monthly-equivalent-cell strong{white-space:nowrap;margin-bottom:2px;font-size:14px}.monthly-equivalent-cell small{white-space:nowrap;display:block}.period-input{padding-right:44px}.input-suffix{text-align:right;pointer-events:none;margin-top:-29px;padding-right:10px;display:block}input,select{border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;padding:9px 10px;font-size:14px;transition:border-color .14s,box-shadow .14s,background .14s}input:focus,select:focus{border-color:#a1a1aa;outline:0;box-shadow:0 0 0 3px #18181b14}button{border-radius:calc(var(--radius) - 2px);cursor:pointer;font:inherit;border:0;min-height:38px;font-size:14px;font-weight:700;transition:background .14s,color .14s,border-color .14s,box-shadow .14s,transform .14s}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}.primary-button{background:var(--primary);color:#fff;flex:none;padding:9px 13px}.primary-button:hover{background:#27272a}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--primary);padding:8px 13px}.secondary-button:hover{background:var(--surface-muted)}.danger-button{background:var(--rose);color:#fff;padding:9px 13px}.danger-button:hover{background:#be123c}.warning-button{background:var(--rose-muted);color:var(--rose);border:1px solid #fecdd3;padding:8px 13px}.warning-button:hover{background:#ffe4e6}.ghost-button{width:100%;color:var(--rose);background:0 0;border:1px solid #0000;padding:8px}.ghost-button:hover{background:var(--rose-muted);border-color:#fecdd3}.delete-select-cell{justify-content:center;display:flex}.delete-checkbox{border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--surface);place-items:center;width:40px;height:40px;display:grid}.delete-checkbox input{width:18px;height:18px;accent-color:var(--rose);padding:0}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 13px}.icon-button:hover{background:var(--surface-muted)}.category-create,.card-create{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;display:grid}.category-create{grid-template-columns:1fr auto}.category-create label{grid-column:1/-1}.card-create{grid-template-columns:minmax(0,1fr) 96px}.card-create label{color:var(--muted);grid-row:1;font-size:13px}.card-create label[for=new-card]{grid-column:1}.card-create label[for=new-card-billing-day]{grid-column:2}#new-card{grid-area:2/1}#new-card-billing-day{grid-area:2/2}.card-create button{grid-area:3/1/auto/-1;justify-self:end}.category-list{gap:8px;display:grid}.category-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) 96px 64px;align-items:start;gap:10px;padding:12px;display:grid}.category-row small{word-break:break-all;margin-top:6px;display:block}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09090b6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.category-modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(640px,100%);max-height:min(760px,100vh - 48px);box-shadow:var(--shadow-lg);padding:24px;overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.data-modal{width:min(760px,100%)}.data-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.data-action-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);align-content:space-between;gap:18px;min-height:160px;padding:16px;display:grid}.data-action-panel h3{margin:0;font-size:19px}.data-action-buttons{flex-wrap:wrap;gap:10px;display:flex}.server-panel,.sharing-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);gap:14px;margin-top:14px;padding:16px;display:grid}.server-panel h3,.sharing-block h4{margin:0;font-size:18px}.server-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.server-auth-form,.invite-panel,.created-token{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:10px;display:grid}.server-auth-form .chart-toggle,.server-auth-form button[type=submit]{grid-column:1/-1;justify-self:start}.auth-modal{max-width:420px}.auth-modal .server-auth-form{grid-template-columns:1fr;align-items:stretch}.auth-modal .server-auth-form .chart-toggle,.auth-modal .server-auth-form button[type=submit]{grid-column:auto;justify-self:stretch;width:100%}.auth-modal-intro{color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.5}.auth-modal-switch{color:var(--muted);text-align:center;margin:14px 0 0;font-size:14px}.link-button{color:var(--accent-strong,#134e4a);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.server-auth-cta{justify-items:start;gap:10px;display:grid}.server-auth-cta p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.email-verify-badge{color:#92400e;background:#fef3c7;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.password-change{margin:12px 0}.password-change>summary{cursor:pointer;color:var(--accent-strong);margin-bottom:10px;font-size:14px;font-weight:700}.password-change .server-auth-form{grid-template-columns:1fr;align-items:stretch}.form-field{gap:6px;min-width:0;display:grid}.form-field label{color:var(--muted);font-size:13px;font-weight:700}.server-session-summary,.sync-state-card,.sync-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sync-state-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px}.sync-state-card>div,.sync-summary-card{gap:5px;min-width:0;display:grid}.sync-state-card span,.sync-summary-card span{color:var(--muted);font-size:12px;font-weight:700}.sync-state-card strong,.sync-summary-card strong{overflow-wrap:anywhere}.sync-state-warning{background:#fffbeb;border-color:#fde68a}.sync-state-danger{background:var(--rose-muted);border-color:#fecdd3}.sync-state-success{background:#f0fdfa;border-color:#ccfbf1}.local-mode-warning{border-radius:var(--radius);color:#78350f;background:#fffbeb;border:1px solid #fde68a;gap:10px;padding:12px;display:grid}.local-mode-warning p{margin:0;font-size:13px;font-weight:700;line-height:1.55}.local-mode-warning button{justify-self:start}.sync-summary-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px}.sync-summary-card.muted{background:var(--surface-muted)}.server-session-summary div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:5px;padding:12px;display:grid}.server-session-summary span{color:var(--muted);font-size:12px;font-weight:700}.server-session-summary strong,.sharing-list strong{overflow-wrap:anywhere;min-width:0}.sync-status{border-radius:var(--radius);color:var(--accent-strong);background:#f0fdfa;border:1px solid #ccfbf1;margin:0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.5}.sync-status-error{background:var(--rose-muted);color:var(--rose);border-color:#fecdd3}.sync-actions{flex-wrap:wrap;gap:10px;display:flex}.sharing-list{gap:8px;display:grid}.member-row,.invitation-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(130px,180px) auto;align-items:center;gap:10px;padding:12px;display:grid}.member-row small,.invitation-row small{overflow-wrap:anywhere;margin-top:5px;display:block}.role-pill{border:1px solid var(--line);background:var(--surface-muted);color:var(--primary);text-align:center;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:700}.created-token .form-field{grid-column:1/3}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.bar-row{gap:10px;display:grid}.bar-meta{justify-content:space-between;gap:16px;display:flex}.bar-track{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--blue));height:100%}.chart-toggle{border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--surface-muted);gap:4px;padding:4px;display:inline-flex}.chart-toggle button{min-width:58px;color:var(--muted);background:0 0;padding:8px 10px}.chart-toggle button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.pie-layout{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:28px;display:grid}.pie-chart{aspect-ratio:1;border-radius:50%;place-items:center;width:min(260px,100%);display:grid;position:relative}.pie-chart:after{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);content:"";border-radius:50%;position:absolute;inset:28%}.pie-chart span{z-index:1;color:var(--text);font-size:24px;font-weight:800;position:relative}.pie-tooltip{z-index:3;pointer-events:none;border:1px solid var(--line);border-radius:var(--radius);min-width:142px;box-shadow:var(--shadow-lg);background:#fffffff5;gap:3px;padding:10px 12px;display:grid;position:absolute;transform:translate(12px,-50%)}.pie-tooltip strong{color:var(--text);font-size:14px}.pie-tooltip span{color:var(--accent-strong);font-size:16px;font-weight:800}.pie-tooltip small{color:var(--muted)}.pie-legend{gap:10px;display:grid}.pie-legend-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:14px minmax(0,1fr) 58px 110px;align-items:center;gap:10px;padding:10px 12px;display:grid}.pie-legend-row.active{border-color:var(--accent);background:#f0fdfa}.legend-color{border-radius:999px;width:12px;height:12px}@media (max-width:860px){.page-shell{width:min(100% - 28px,720px);padding-top:28px}.hero,.workspace{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bars,.pie-layout{grid-template-columns:1fr}.pie-chart{margin:0 auto}h1{font-size:40px}.summary-panel{min-height:180px}.table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.table-row.delete-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.table-head{display:none}}@media (max-width:560px){.metric-grid,.entry-auth-grid,.table-row,.category-create,.card-create,.start-options,.data-action-grid,.sync-state-card,.sync-summary-grid,.category-row,.server-session-summary,.server-auth-form,.invite-panel,.created-token,.member-row,.invitation-row,.table-row.delete-mode{grid-template-columns:1fr}.card-create label[for=new-card],.card-create label[for=new-card-billing-day],#new-card,#new-card-billing-day,.card-create button{grid-column:1}.card-create label[for=new-card]{grid-row:1}#new-card{grid-row:2}.card-create label[for=new-card-billing-day]{grid-row:3}#new-card-billing-day{grid-row:4}.card-create button{grid-row:5;justify-self:stretch}.section-heading{display:grid}.app-header{justify-items:stretch;display:grid}.action-group,.modal-header,.server-panel-header,.data-action-buttons,.sync-actions,.filter-bar,.chart-toggle{justify-content:stretch}.action-group button,.app-header button,.app-header .primary-button,.modal-header button,.server-panel-header button,.data-action-buttons button,.sync-actions button,.danger-button,.warning-button,.chart-toggle button{width:100%}.server-auth-form .chart-toggle,.server-auth-form button[type=submit],.created-token .form-field{grid-column:1;justify-self:stretch}.filter-bar select{width:100%}.save-status{text-align:center;margin-right:0}.pie-legend-row{grid-template-columns:14px minmax(0,1fr) 58px}.pie-legend-row small{grid-column:2/-1}}@media (max-width:760px){.entry-auth-grid{grid-template-columns:1fr}.local-entry-panel{border-left:0;border-top:1px solid var(--line);padding-top:24px;padding-left:0}}