*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--seg:#e2e8f0;--inset:#f1f5f9;--input-bg:#fff;--text:#334155;--text-strong:#0f172a;--muted:#8492a5;--accent:#4f46e5;--accent-weak:#eef2ff;--danger:#dc2626;--success:#16a34a;--warn:#d97706;--bar-fill:#9e99f1;--shadow-sm:0 1px 2px #0f172a0d;--shadow-lg:0 10px 32px #0f172a1a;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1424;--card:#141d31;--border:#223049;--seg:#1e2a44;--inset:#0e1729;--input-bg:#0e1729;--text:#cbd5e1;--text-strong:#f1f5f9;--muted:#8290aa;--accent:#8b93ff;--accent-weak:#8b93ff29;--danger:#f87171;--success:#4ade80;--warn:#fbbf24;--bar-fill:#555ea2;--shadow-sm:0 1px 2px #0000004d;--shadow-lg:0 12px 36px #00000073}}body,#app{min-height:100vh}.toast{z-index:100;background:var(--text-strong);max-width:320px;color:var(--bg);box-shadow:var(--shadow-lg);border-radius:10px;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;right:20px}.modal-mask{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02061780;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card);border:1px solid var(--border);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:14px;margin:auto;padding:20px}.modal .card.entry-form{box-shadow:none;background:0 0;border:none;padding:0}.modal form{flex-direction:column;gap:14px;display:flex}.modal-head{color:var(--text-strong);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.modal-enter-active,.modal-leave-active{transition:opacity .18s}.modal-enter-from,.modal-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.shell{max-width:900px;margin:0 auto;padding:0 16px 64px}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:16px 0 12px;display:flex;position:sticky;top:0}.topbar h1{color:var(--text-strong);letter-spacing:.02em;font-size:20px}.tabs{background:var(--seg);border-radius:10px;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 18px;font-family:inherit;font-size:14px;transition:all .15s}kbd{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);vertical-align:1px;border-radius:4px;margin-left:6px;padding:2px 5px;font-family:inherit;font-size:10px;line-height:1}.top-add kbd{color:#fff;background:#ffffff26;border-color:#fff6}.tab-btn:hover{color:var(--text-strong)}.tab-btn.active{background:var(--card);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.top-actions{align-items:center;gap:12px;display:flex}.top-add{padding:8px 16px}.content{flex-direction:column;gap:16px;margin-top:16px;display:flex}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:18px 20px;transition:box-shadow .18s}.card h3{color:var(--text-strong);margin-bottom:14px;font-size:14px}.card-sub{color:var(--muted);font-size:12px;font-weight:500}.card-sub.hint{margin-left:10px}.empty{color:var(--muted);text-align:center;border-style:dashed;padding:44px 20px}.stats-bar{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;gap:12px;padding:16px 20px;display:flex}.stat{flex-direction:column;gap:5px;min-width:92px;display:flex}.stat+.stat{border-left:1px solid var(--border);padding-left:14px}.stat-label{color:var(--muted);white-space:nowrap;font-size:12px}.stat-val{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1.1}.stat-val.accent{color:var(--accent)}.stat-goal{flex:1;min-width:200px}.stat-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.goal-set{color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0 0 0 4px;font-family:inherit;font-size:11px;text-decoration:underline}.goal-set:hover{color:var(--accent)}.goal-bar{background:var(--inset);border-radius:999px;align-self:stretch;height:8px;margin-top:2px;overflow:hidden}.goal-bar i{background:var(--accent);border-radius:999px;height:100%;transition:width .4s;display:block}.goal-bar.done i{background:var(--success)}.entry-form{flex-direction:column;gap:14px;display:flex}.entry-form .row{grid-template-columns:2fr 1fr;gap:12px;display:grid}.entry-form .row.second{grid-template-columns:2fr 1fr}.note-field textarea{width:100%}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}label.grow{grid-column:span 1}@media (width<=640px){.entry-form .row,.entry-form .row.second{grid-template-columns:1fr}}input[type=text],input[type=password],input[type=date],input[type=time],input[type=number],select.field-select,textarea{border:1px solid var(--border);color:var(--text-strong);background:var(--input-bg);border-radius:9px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical}input:focus,select.field-select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}select.field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238292a5' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;max-width:100%;padding-right:32px}.project-field{gap:8px;display:flex}.project-field select{flex:1;min-width:0}.dur-field{align-items:center;gap:10px;display:flex}.dur-field input{flex-shrink:0;width:110px}.dur-preview{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);cursor:pointer;border-radius:999px;padding:3px 12px;font-family:inherit;font-size:12px;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn.small{background:var(--accent-weak);color:var(--accent);padding:8px 14px;font-size:16px;line-height:1}.btn.small:hover{filter:brightness(.94)}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);font-size:13px}.actions{justify-content:flex-end;gap:10px;display:flex}.token-hint{color:var(--muted);margin-bottom:6px;font-size:13px}.token-error{margin-top:-2px}.btn{cursor:pointer;border:none;border-radius:9px;padding:9px 20px;font-family:inherit;font-size:14px;transition:all .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.pager{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.pager .btn{padding:6px 14px;font-size:13px}.pager-info{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.btn:focus-visible,.op:focus-visible,.tab-btn:focus-visible,.seg-btn:focus-visible,.nav-btn:focus-visible,.chip:focus-visible,.goal-set:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(.92)}.btn.plain{color:var(--muted);background:0 0}.btn.plain:hover{background:var(--inset);color:var(--text)}.filter-row{align-items:center;gap:12px;display:flex}.filter-label{flex-direction:row;align-items:center;gap:8px}.filter-label select{width:160px}.spacer{flex:1}.filter-range{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.range-row{margin-bottom:4px}.range-row .filter-label>span{min-width:0}.range-label{color:var(--text);font-size:13px}.day-sum{color:var(--muted);font-size:13px}.day-group{flex-direction:column;gap:8px;display:flex}.day-head{align-items:baseline;gap:8px;margin-top:8px;padding:0 4px;display:flex}.day-date{color:var(--text-strong);font-size:14px;font-weight:700}.day-week{color:var(--muted);font-size:12px}.entry-list{flex-direction:column;gap:8px;list-style:none;display:flex}.entry{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;transition:border-color .18s;display:flex}.entry:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.badge{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:220px;padding:4px 10px;font-size:12px;font-weight:600;overflow:hidden}.summary-grid .badge,.entry-list .badge{text-align:center;min-width:100px}.period-chip{color:var(--text);background:var(--inset);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px}.dur{color:var(--accent);background:var(--accent-weak);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600}.income{color:var(--success);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.note{min-width:120px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.note.none{color:#0000}.ops{white-space:nowrap;gap:8px;display:flex}.op{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:7px;padding:4px 12px;font-family:inherit;font-size:12px}.op.icon-btn{justify-content:center;align-items:center;padding:5px;line-height:1;display:inline-flex}.op:hover{border-color:var(--accent);color:var(--accent)}.op.danger:hover{border-color:var(--danger);color:var(--danger)}.op.icon-btn.pinned{border-color:var(--accent);color:var(--accent)}.op.icon-btn.pinned svg{fill:currentColor}.summary-view,.summary-head{flex-direction:column;gap:16px;display:flex}.seg{background:var(--seg);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:flex}.seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 22px;font-family:inherit;font-size:14px}.seg-btn:hover{color:var(--text-strong)}.seg-btn.active{background:var(--card);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.nav{align-items:center;gap:8px;display:flex}.nav-btn{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:14px}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.range-label{color:var(--muted);font-size:14px;font-weight:500}.big-total{flex-direction:column;gap:2px;display:flex}.big-top{align-items:baseline;gap:12px;display:flex}.big-num{color:var(--text-strong);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.big-num.over{color:var(--warn)}.big-income{color:var(--success);font-size:20px}.big-warn{color:var(--warn);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.big-sub{color:var(--muted);font-size:13px}.summary-grid{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.summary-stack{grid-template-columns:1fr;gap:16px;display:grid}@media (width<=700px){.summary-grid{grid-template-columns:1fr}}.donut-flex{align-items:center;gap:18px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:132px;height:132px;-webkit-mask:radial-gradient(closest-side,#0000 62%,#000 62.5% 100%);mask:radial-gradient(closest-side,#0000 62%,#000 62.5% 100%)}.proj-list{overscroll-behavior:contain;flex-direction:column;gap:6px;min-width:0;max-height:320px;padding-right:6px;list-style:none;display:flex;overflow-y:auto}.donut-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.donut-row .badge{max-width:150px}.donut-rate{color:var(--accent);font-variant-numeric:tabular-nums;width:auto;font-size:12px;font-weight:700}.daily-list{overscroll-behavior:contain;flex-direction:column;gap:12px;max-height:320px;padding-right:6px;list-style:none;display:flex;overflow-y:auto}.daily-list .daily-row{align-items:center;gap:10px;font-size:13px;display:flex}.dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.today{background:var(--accent)}.daily-date{color:var(--text-strong);font-weight:600}.daily-week{color:var(--muted)}.daily-dur{text-align:right;color:var(--muted);flex:1;font-size:12px}.daily-min{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;width:48px;font-weight:700}.bars-wrap{position:relative}.bars{align-items:flex-end;gap:8px;height:190px;margin-top:4px;display:flex;position:relative}.ref-line{border-top:1.5px dashed var(--warn);height:0;color:var(--warn);text-align:right;z-index:1;padding-right:2px;font-size:10px;line-height:14px;position:absolute;left:0;right:0}.ref-line.lower{border-color:var(--muted);color:var(--muted)}.bar-col{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.bar-val{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;height:14px;font-size:10px;line-height:14px}.bar-track{background:0 0;flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar-track i{background:var(--bar-fill);border-radius:6px 6px 2px 2px;width:68%;max-width:26px;transition:height .4s}.bar-col.current i{background:var(--accent)}.bar-label{color:var(--muted);height:14px;margin-top:8px;font-size:10px;line-height:14px}.bar-col.current .bar-label{color:var(--accent);font-weight:700}.heatmap{-webkit-user-select:none;user-select:none;gap:3px;padding-bottom:4px;display:flex;overflow-x:auto}.hm-week{flex-direction:column;gap:3px;display:flex}.hm-label{color:var(--muted);white-space:nowrap;height:14px;font-size:9px;line-height:14px}.hm-cell{background:var(--inset);border-radius:2.5px;width:11px;height:11px;position:relative}.hm-cell:before{content:"";border-radius:7px;position:absolute;inset:-4px}.hm-cell.clickable{cursor:pointer}.hm-cell.clickable:hover{outline:1.5px solid var(--text-strong)}.hm-cell.in-range{box-shadow:inset 0 0 0 1.5px #eab308}.hm-cell.in-range:after{content:"";border-radius:inherit;pointer-events:none;background:#facc1559;position:absolute;inset:0}.hm-cell.h1{background:color-mix(in srgb, var(--accent) 22%, var(--card))}.hm-cell.h2{background:color-mix(in srgb, var(--accent) 42%, var(--card))}.hm-cell.h3{background:color-mix(in srgb, var(--accent) 66%, var(--card))}.hm-cell.h4{background:var(--accent)}.hm-legend{color:var(--muted);align-items:center;gap:5px;margin-top:12px;font-size:11px;display:flex}.pm-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.pm-list{flex-direction:column;padding:8px;list-style:none;display:flex}.pm-list li+li{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.pm-top{cursor:pointer;border-radius:10px;padding:10px 12px;transition:background .15s}.pm-top:hover,.pm-top.expanded{background:var(--inset)}.pm-head{align-items:center;gap:12px;display:flex}.pm-sub-row{align-items:center;gap:12px;min-width:0;margin-top:6px;display:flex;overflow:hidden}.pm-toggle{color:var(--muted);flex-shrink:0;font-size:12px}.pm-count{color:var(--muted);white-space:nowrap;font-size:13px}.pm-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.pm-fee{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.pm-fee.received{color:var(--accent);font-weight:600}.pm-fee.due.warn,.pm-fee.out{color:var(--danger);font-weight:600}.pm-row-wrap{flex-direction:column;display:flex}.pm-detail{background:var(--inset);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;margin:4px 12px 12px;padding:14px 16px;display:flex}.pm-detail-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;display:grid}.pm-detail-item.wide{grid-column:1/-1}.pm-overview{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.pm-ov-item{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.pm-ov-label{color:var(--muted);font-size:11px}.pm-ov-val{color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.pm-ov-val.good{color:var(--success)}.pm-ov-val.bad{color:var(--danger)}.pm-detail-item{flex-direction:column;gap:3px;min-width:0;display:flex}.pm-detail-label{color:var(--muted);font-size:11px}.pm-detail-val{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pm-edit-basic{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.pm-edit-basic>label:first-child,.pm-edit-basic>label:last-child{grid-column:1/-1}.pm-edit .actions{justify-content:flex-end}.pm-pay{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:12px 14px}.pm-pay-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.pm-pay-title{color:var(--text-strong);font-size:14px;font-weight:700}.pm-pay-head-right{align-items:center;gap:10px;display:flex}.pm-pay-form{flex-wrap:wrap;gap:8px;display:flex}.pm-pay-form input{flex:1;min-width:90px}.pm-pay-form input[type=date]{flex:0 0 140px}.pm-pay-form .btn.small{flex:none}.pm-pay-list{flex-direction:column;gap:6px;margin-top:10px;list-style:none;display:flex}.pm-pay-item{background:var(--inset);border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:flex}.pm-pay-date{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pm-pay-amt{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.pm-pay-amt.neg{color:var(--danger)}.pm-pay-note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pm-pay-note.none{color:#0000}.pm-pay-empty{color:var(--muted);margin-top:10px;font-size:13px}@media (width<=640px){.pm-edit-basic{grid-template-columns:1fr}.stats-bar{gap:10px;padding:14px}.stat{min-width:none;flex:40%}.stat+.stat{border-left:none;padding-left:0}.stat-goal{flex:100%}}@media (width<=700px){.topbar{flex-wrap:nowrap;gap:8px;padding:12px 0 10px}.topbar h1{white-space:nowrap;font-size:17px}.top-actions{gap:8px;min-width:0}.tabs{gap:2px;min-width:0;padding:3px}.tab-btn{padding:6px 10px;font-size:13px}.tab-btn kbd,.top-add kbd{display:none}.top-add{white-space:nowrap;padding:7px 12px;font-size:13px}}@media (width<=640px){.filter-row{flex-wrap:wrap;gap:8px 12px}.filter-row .filter-label{flex:100%}.filter-label{flex:auto;min-width:0}.filter-label>span{min-width:5em}.filter-label select{width:100%}.filter-row .filter-label input[type=date]{flex:1;min-width:0}.pm-top{padding:10px}.pm-sub-row{flex-wrap:wrap;gap:6px 10px;overflow:visible}.pm-sub{flex:100%;margin-bottom:2px}.pm-pay-head{flex-direction:column;align-items:stretch}.pm-pay-head-right{flex-wrap:wrap;justify-content:space-between}.pm-pay-item{flex-wrap:wrap;row-gap:6px}.pm-pay-note{white-space:normal;flex:100%;order:3}.pm-pay-note.none{display:none}}