:root{--bg:#f5f2eb;--bg-deep:#efe9dd;--surface:#fff;--surface-2:#fbf9f5;--ink:#202521;--ink-2:#3c433d;--muted:#747a72;--muted-2:#9a9f97;--line:#e7e1d6;--line-strong:#d8d0c2;--accent:#df6a3b;--accent-deep:#c85528;--accent-soft:#fbe9df;--green:#2f7d5a;--green-soft:#e8f3ec;--red:#c34a3e;--red-soft:#fbeae7;--blue:#3d6fa8;--blue-soft:#eaf1f8;--amber:#a86f1f;--amber-soft:#fbf0dd;--shadow:0 18px 50px #29211614;--shadow-sm:0 8px 24px #2921160f;--radius:14px;--radius-sm:10px;--font:"Inter", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--mono:"SFMono-Regular", "JetBrains Mono", "Cascadia Code", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font);background:radial-gradient(900px 500px at 8% -10%, #df6a3b1a, transparent 60%), radial-gradient(700px 420px at 100% 0%, #2f7d5a14, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:28px}h2{letter-spacing:-.01em;font-size:17px}h3{font-size:14px}.muted{color:var(--muted)}.eyebrow{letter-spacing:.16em;color:var(--accent);font-size:10.5px;font-weight:700}.expense{color:var(--red)}.income{color:var(--green)}.num{text-align:right;font-variant-numeric:tabular-nums}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.dot-amber{background:var(--amber)}.app-shell{width:100%;max-width:1680px;min-height:100vh;margin:0 auto;display:flex}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff7a;flex-direction:column;flex:0 0 236px;width:236px;height:100vh;padding:18px 14px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 20px;display:flex}.brand-mark{background:linear-gradient(145deg, #ed8359, var(--accent));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 18px #df6a3b3d}.brand strong{font-size:14px;display:block}.brand span{letter-spacing:.22em;color:var(--muted-2);margin-top:2px;font-size:9px;display:block}.nav-label{letter-spacing:.12em;color:var(--muted-2);padding:0 10px 8px;font-size:10px}.nav{gap:3px;display:grid}.nav-item{width:100%;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;transition:background .16s,color .16s;display:flex}.nav-item:hover{background:#fff9}.nav-item.is-active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;font-weight:600}.nav-item.is-active svg{color:var(--accent)}.sidebar-spacer{flex:1}.sync-card{border:1px solid var(--line);color:var(--muted);background:#ffffff8c;border-radius:11px;margin:14px 2px 10px;padding:12px;font-size:11px}.sync-line{color:var(--green);align-items:center;gap:7px;margin-bottom:4px;display:flex}.sync-line strong{font-size:12px}.user-card{border-top:1px solid var(--line);align-items:center;gap:9px;padding:10px 8px 2px;display:flex}.avatar{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.avatar.large{width:46px;height:46px;font-size:17px}.user-meta{flex:1;min-width:0}.user-meta strong{font-size:12.5px;display:block}.user-meta span{color:var(--muted-2);font-size:10.5px;display:block}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 30px 4px;display:flex}.topbar-title h1{margin-top:3px}.topbar-title p{color:var(--muted);margin-top:4px;font-size:12px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.date-chip,.status-chip{border:1px solid var(--line);height:30px;color:var(--ink-2);white-space:nowrap;background:#ffffffa3;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:11px;display:inline-flex}.status-chip{color:var(--green)}.status-chip i{background:var(--green);border-radius:50%;width:6px;height:6px}.status-chip.is-offline{color:var(--amber)}.status-chip.is-offline i{background:var(--amber)}.page-content{flex:1;min-width:0;padding:16px 30px 34px}.page-stack,.stack{gap:16px;display:grid}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:transform .12s,background .16s,box-shadow .16s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-md{height:36px;padding:0 14px;font-size:12.5px}.btn-sm{height:30px;padding:0 10px;font-size:11.5px}.btn-lg{height:42px;padding:0 18px;font-size:13px}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 8px 18px #20252124}.btn-primary:hover{background:#000}.btn-secondary{border-color:var(--line);color:var(--ink-2);background:#fff}.btn-secondary:hover{border-color:var(--line-strong)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--red-soft);color:var(--red)}.icon-btn{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn.danger:hover{background:var(--red-soft);color:var(--red)}.link-btn{color:var(--muted);background:0 0;border:0;align-items:center;gap:3px;font-size:11.5px;display:inline-flex}.link-btn:hover{color:var(--accent)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.card-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px 10px;display:flex}.card-head h2{margin-top:2px}.card-head .muted{font-size:11px}.badge{white-space:nowrap;border-radius:999px;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:600;display:inline-flex}.badge-neutral{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.badge-green{background:var(--green-soft);color:var(--green)}.badge-orange{background:var(--accent-soft);color:var(--accent-deep)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.field{gap:5px;display:grid}.field-label{color:var(--ink-2);font-size:11.5px;font-weight:600}.field-hint{color:var(--muted-2);font-size:10.5px}.input{border:1px solid var(--line-strong);width:100%;height:36px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:0 11px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 14px) 15px,calc(100% - 9px) 15px;background-repeat:no-repeat;background-size:5px 5px;padding-right:26px}.form-stack{gap:12px;padding:6px 18px 18px;display:grid}.form-stack.narrow{max-width:420px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-error{color:var(--red);background:var(--red-soft);border-radius:8px;padding:8px 10px;font-size:12px}.form-ok{color:var(--green);background:var(--green-soft);border-radius:8px;padding:8px 10px;font-size:12px}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.save-ok{color:var(--green);align-items:center;gap:5px;margin-right:auto;font-size:12px;display:inline-flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20252147;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:min(500px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 30px 90px #2025213d}.modal-head{justify-content:space-between;align-items:center;padding:16px 18px 4px;display:flex}.modal-head h2{font-size:16px}.empty-state{text-align:center;color:var(--muted);gap:5px;padding:38px 18px;display:grid}.empty-state strong{color:var(--ink-2);font-size:13px}.spinner{text-align:center;color:var(--muted);padding:30px;font-size:12px}.toggle{background:var(--line-strong);border:0;border-radius:999px;width:38px;height:22px;padding:2px;transition:background .16s}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;display:block;box-shadow:0 1px 4px #0003}.toggle.is-on{background:var(--green)}.toggle.is-on span{transform:translate(16px)}.segmented{border:1px solid var(--line);background:#ffffffa6;border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;display:inline-flex}.segmented button.is-active{background:var(--ink);color:#fff}.segmented.compact{width:fit-content}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:5px 10px;font-size:11px}.chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:#ffffffd1;border-radius:18px;padding:30px}.auth-brand{letter-spacing:.2em;color:var(--muted-2);align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:flex}.auth-card h1{margin:5px 0 8px;font-size:26px}.auth-lead{color:var(--muted);margin-bottom:20px;line-height:1.6}.auth-foot{color:var(--muted-2);margin-top:16px;font-size:11px;line-height:1.5}.boot-screen{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quick-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quick-card{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);background:#ffffffa3;align-items:center;gap:10px;padding:13px 15px;display:flex}.quick-card svg:first-child{color:var(--accent)}.quick-card span{flex:1;gap:2px;display:grid}.quick-card strong{font-size:12.5px}.quick-card small{color:var(--muted);font-size:10.5px}.quick-card svg:last-child{color:var(--muted-2)}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.overview-card{min-height:250px}.todo-mini-list,.notification-mini-list{gap:1px;padding:0 12px 14px;display:grid}.todo-mini,.notification-mini{border-bottom:1px solid var(--line);align-items:flex-start;gap:9px;padding:9px 6px;display:flex}.todo-mini:last-child,.notification-mini:last-child{border-bottom:0}.todo-mini.is-done strong{color:var(--muted-2);text-decoration:line-through}.check-btn{border:1px solid var(--line-strong);color:#fff;background:#fff;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;margin-top:1px;display:grid}.todo-mini.is-done .check-btn,.todo-row.is-done .check-btn{background:var(--green);border-color:var(--green)}.todo-mini strong,.notification-mini strong{font-size:12px;line-height:1.4;display:block}.todo-mini span,.notification-mini span{color:var(--muted);margin-top:2px;font-size:10.5px;display:block}.notification-mini{align-items:center}.notification-mini .dot{margin-top:4px}.notification-mini>div{flex:1;min-width:0}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-row.compact{gap:8px;padding:2px 18px 10px}.card.stat-card{gap:4px;padding:15px 16px;display:grid}.stat-label{color:var(--muted);font-size:11px}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:25px}.stat-value.expense{color:var(--red)}.stat-value.income{color:var(--green)}.stat-foot{color:var(--muted-2);font-size:10.5px}.mini-breakdown{gap:8px;padding:0 18px 16px;display:grid}.mini-breakdown-head{color:var(--muted-2);justify-content:space-between;font-size:10.5px;display:flex}.mini-bar-row{grid-template-columns:56px 1fr 34px;align-items:center;gap:8px;font-size:11px;display:grid}.mini-bar{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.mini-bar i{border-radius:inherit;background:var(--accent-2);height:100%;display:block}.mini-bar-row strong{text-align:right;color:var(--muted);font-size:10.5px}.radar-placeholder{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:28px 20px;display:grid}.radar-placeholder svg{color:var(--accent-2)}.radar-placeholder strong{color:var(--ink-2)}.radar-placeholder p{max-width:300px;font-size:11.5px;line-height:1.6}.skeleton-line{background:linear-gradient(90deg, var(--surface-2), #f1ece2, var(--surface-2));background-size:200% 100%;border-radius:8px;height:38px;margin:8px 6px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.page-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar-actions{gap:8px;display:flex}.month-switch{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:4px;padding:3px;display:inline-flex}.month-switch button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.month-switch button:hover{background:var(--surface-2)}.month-switch strong{text-align:center;min-width:92px;font-size:12px}.list-card{overflow:hidden}.todo-list{display:grid}.todo-row{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:13px 18px;display:flex}.todo-row:hover{background:var(--surface-2)}.todo-row.is-done .todo-title-line strong{color:var(--muted-2);text-decoration:line-through}.todo-main{flex:1;min-width:0}.todo-title-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.todo-title-line strong{font-size:13px}.todo-sub{color:var(--muted);margin-top:4px;font-size:10.5px;display:block}.row-actions{align-items:center;gap:1px;margin-left:auto;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{color:var(--muted-2);letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--line);padding:0 12px 8px;font-size:10px;font-weight:600}.data-table td{border-bottom:1px solid var(--line);padding:10px 12px}.data-table tr:last-child td{border-bottom:0}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .expense{color:var(--red)}.data-table .income{color:var(--green)}.category-dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.ledger-layout{grid-template-columns:minmax(0,1.8fr) minmax(240px,.9fr);align-items:start;gap:14px;display:grid}.side-stack{gap:14px;display:grid}.side-card{padding-bottom:6px}.breakdown{gap:12px;padding:2px 18px 14px;display:grid}.breakdown-row{gap:5px;display:grid}.breakdown-label{justify-content:space-between;font-size:12px;display:flex}.breakdown-label strong{color:var(--muted);font-size:11px}.progress{background:var(--surface-2);border-radius:99px;height:7px;overflow:hidden}.progress i{border-radius:inherit;background:var(--accent-2);height:100%;display:block}.category-manager{gap:16px;padding:4px 18px 18px;display:grid}.category-list{gap:1px;max-height:220px;display:grid;overflow:auto}.category-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 6px;font-size:12px;display:flex}.category-row>span:first-child{align-items:center;gap:7px;display:inline-flex}.filter-block{gap:7px;padding:2px 18px 12px;display:grid}.filter-line{align-items:flex-start;gap:10px;display:flex}.filter-line>span{color:var(--muted-2);flex:0 0 32px;padding-top:6px;font-size:10.5px}.notification-list{display:grid}.notification-row{border-top:1px solid var(--line);gap:10px;padding:13px 18px;display:flex}.notification-row .dot{margin-top:5px}.notification-main{flex:1;min-width:0}.notification-title-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.notification-title-line strong{font-size:12.5px}.notification-main p{color:var(--ink-2);margin-top:3px;font-size:11.5px;line-height:1.5}.notification-meta{color:var(--muted-2);margin-top:4px;font-size:10.5px;display:block}.preference-grid{grid-template-columns:1fr 1fr;gap:28px;padding:4px 18px 8px;display:grid}.preference-block{align-content:start;gap:9px;display:grid}.preference-block h3{margin-bottom:1px}.preference-block>.muted{font-size:11px;line-height:1.55}.preference-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.preference-row>div{gap:2px;display:grid}.preference-row strong{font-size:12px}.preference-row span{color:var(--muted);font-size:10.5px}.settings-card,.settings-page{max-width:880px}.account-row{align-items:center;gap:12px;padding:4px 18px 18px;display:flex}.account-row>div:nth-child(2){flex:1}.account-row strong{font-size:14px}.account-row p{margin-top:2px;font-size:11px}.calendar-layout{grid-template-columns:minmax(0,1.9fr) minmax(320px,.95fr);align-items:start;gap:14px;display:grid}.calendar-card{padding-bottom:0;overflow:hidden}.calendar-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px 8px;display:flex}.calendar-head h2{margin-top:2px}.calendar-actions{align-items:center;gap:8px;display:flex}.calendar-summary{color:var(--muted);flex-wrap:wrap;gap:14px;padding:0 18px 10px;font-size:11px;display:flex}.calendar-summary span{align-items:center;gap:4px;display:inline-flex}.calendar-summary .expense{color:var(--red)}.calendar-summary .income{color:var(--green)}.calendar-weekdays{color:var(--muted-2);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 12px 7px;font-size:10px;display:grid}.calendar-grid{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}.calendar-cell{text-align:left;background:#fff;border:0;flex-direction:column;align-items:flex-start;gap:6px;min-height:92px;padding:8px;transition:background .15s;display:flex}.calendar-cell:hover{background:var(--surface-2)}.calendar-cell.is-empty{cursor:default;background:#fbf8f2}.calendar-cell.is-selected{box-shadow:inset 0 0 0 2px var(--accent);background:#fffaf4}.calendar-daynum{width:23px;height:23px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:12px;font-weight:650;display:grid}.calendar-cell.is-today .calendar-daynum{background:var(--ink);color:#fff}.calendar-metrics{flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.calendar-money{flex-wrap:wrap;gap:3px;display:flex}.calendar-badge{white-space:nowrap;border-radius:99px;padding:1px 5px;font-size:9px;line-height:1.6}.calendar-badge.todo{background:var(--accent-soft);color:var(--accent-2)}.calendar-badge.expense{background:var(--red-soft);color:var(--red)}.calendar-badge.income{background:var(--green-soft);color:var(--green)}.calendar-legend{color:var(--muted);flex-wrap:wrap;gap:12px;padding:0 18px 6px;font-size:10px;display:flex}.calendar-legend span{align-items:center;gap:4px;display:inline-flex}.legend-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.legend-dot.todo{background:var(--accent-2)}.calendar-detail .card{padding-bottom:14px}.calendar-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 10px;display:flex}.calendar-detail-head h2{margin-top:2px;font-size:23px}.calendar-detail-head p{color:var(--muted);margin-top:2px;font-size:11px}.day-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 18px 12px;display:grid}.day-stats>div{background:var(--surface-2);border-radius:9px;gap:2px;padding:9px 10px;display:grid}.day-stats span{color:var(--muted);font-size:10px}.day-stats strong{font-variant-numeric:tabular-nums;font-size:14px}.day-stats .expense{color:var(--red)}.day-stats .income{color:var(--green)}.day-section{border-top:1px solid var(--line);padding:12px 18px 4px}.day-section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.day-section-head h3{font-size:12px}.day-section-head span{color:var(--muted-2);font-size:10.5px}.quick-add{gap:6px;margin-bottom:8px;display:flex}.quick-add .input{flex:1;height:30px;font-size:11.5px}.quick-ledger{gap:6px;margin-bottom:8px;display:grid}.quick-ledger-line{gap:6px;display:flex}.quick-ledger-line .input{flex:1;min-width:0;height:30px;font-size:11.5px}.day-list{gap:1px;display:grid}.day-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;padding:8px 2px;display:flex}.day-item:last-child{border-bottom:0}.day-item-main{flex:1;gap:1px;min-width:0;display:grid}.day-item-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.35;overflow:hidden}.day-item-main span{color:var(--muted);font-size:10px}.day-item.is-done .day-item-main strong{color:var(--muted-2);text-decoration:line-through}.day-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px}.day-amount.expense{color:var(--red)}.day-amount.income{color:var(--green)}.day-item .dot{margin-top:5px}.day-item .dot.is-orange{background:var(--accent-2)}.day-item .dot.is-green{background:var(--green)}@media (width<=1080px){.sidebar{flex-basis:196px;width:196px}.topbar{padding:18px 20px 4px}.page-content{padding:14px 20px 28px}.overview-grid,.ledger-layout,.calendar-layout{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;height:auto;padding:10px 14px;position:static}.brand{padding:0}.brand span,.nav-label,.sidebar-spacer,.sync-card,.user-meta{display:none}.nav{margin-left:auto;display:flex}.nav-item{padding:8px}.nav-item span{display:none}.user-card{border-top:0;padding:0 0 0 6px}.topbar{flex-direction:column;padding:16px 16px 4px}.topbar-actions{justify-content:flex-start}.page-content{padding:12px 16px 24px}.quick-row,.stat-row,.preference-grid,.side-stack,.day-stats,.form-grid{grid-template-columns:1fr}}.calendar-badge.habit{background:var(--blue-soft);color:var(--blue)}.health-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);align-items:start;gap:14px;display:grid}.health-main{gap:14px;display:grid}.health-today{overflow:hidden}.health-card-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.health-card-head h2{margin:3px 0 4px;font-size:20px}.health-card-head p{color:var(--muted);font-size:12px}.health-card-head.compact{padding:16px 18px 10px}.health-card-head.compact h3{margin-top:3px;font-size:15px}.habit-list{gap:1px;padding:0 10px;display:grid}.habit-row{background:var(--surface-2);width:100%;color:var(--ink);text-align:left;border:0;border-radius:9px;align-items:center;gap:10px;padding:11px 10px;transition:background .16s;display:flex}.habit-row:hover{background:var(--accent-soft)}.habit-row.is-checked{background:var(--green-soft)}.habit-check{border:1.5px solid var(--line-strong);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.habit-row.is-checked .habit-check{background:var(--green);border-color:var(--green)}.habit-name{flex:1;font-size:13px;font-weight:600}.habit-state{color:var(--green);font-size:11px}.habit-add{gap:8px;padding:12px 18px 18px;display:flex}.habit-add .input{flex:1}.health-two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.weight-form{align-items:center;gap:8px;padding:0 18px 12px;display:flex}.weight-form .input{flex:1}.weight-form .unit{color:var(--muted);font-size:12px}.weight-list{gap:1px;padding:0 10px 12px;display:grid}.weight-row{background:var(--surface-2);border-radius:8px;justify-content:space-between;padding:8px 10px;font-size:12px;display:flex}.weight-row span{color:var(--muted)}.weight-row strong{font-variant-numeric:tabular-nums}.fasting-form{gap:10px;padding:0 18px 18px;display:grid}.fasting-times{align-items:flex-end;gap:8px;display:flex}.fasting-times label{color:var(--muted);flex:1;gap:5px;font-size:11px;display:grid}.fasting-times>span{color:var(--muted-2);padding-bottom:10px}.health-aside{gap:14px;display:grid}.habit-manage-list{gap:1px;padding:0 10px 12px;display:grid}.habit-manage-row{background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:12.5px;display:flex}.icon-btn.danger{color:var(--red)}@media (width<=1080px){.health-layout,.health-two-col{grid-template-columns:1fr}}.switch-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.switch-row strong{font-size:14px;display:block}.switch-row .muted{margin-top:2px;font-size:12px;display:block}.inline-date{align-items:center;gap:5px;display:inline-flex}.countdown-hero{background:linear-gradient(120deg, var(--surface), #fbf7ef);justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;display:flex}.countdown-hero h2{margin:4px 0 6px;font-size:26px}.countdown-days{color:var(--accent-strong);align-items:baseline;gap:6px;display:flex}.countdown-days strong{font-family:var(--font-display);font-size:56px;line-height:1}.countdown-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:18px;display:grid}.countdown-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:8px;padding:16px;display:flex}.countdown-card-head{justify-content:space-between;align-items:center;display:flex}.countdown-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.countdown-name{font-size:16px}.countdown-number{color:var(--accent-strong);align-items:baseline;gap:4px;display:flex}.countdown-number strong{font-family:var(--font-display);font-size:38px;line-height:1}.countdown-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.summary-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{align-content:start;gap:5px;padding:16px 18px;display:grid}.metric-card .metric-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:5px;display:grid}.metric-card .metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-card p{color:var(--muted);margin:0;font-size:11px}.metric-card strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:25px;line-height:1.05}.metric-card small{color:var(--muted-2);font-size:10.5px}.metric-card .negative,.negative{color:var(--danger)}.budget-card{flex-direction:column;gap:18px;padding:26px 30px;display:flex}.budget-head{align-items:center;gap:14px;display:flex}.budget-head h2{margin:4px 0 0;font-size:30px}.budget-bar{background:var(--surface-2);border-radius:999px;height:12px;overflow:hidden}.budget-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--orange));height:100%;display:block}.budget-meta{color:var(--muted);align-items:baseline;gap:18px;display:flex}.budget-meta strong{color:var(--ink);font-family:var(--font-display);margin-left:auto;font-size:20px}.form-stack.narrow{max-width:420px;padding:20px 24px 24px}.inline-actions{align-items:center;gap:12px;display:flex}@media (width<=1080px){.summary-grid.three{grid-template-columns:1fr}}.export-row{justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.export-info{color:var(--accent-strong);align-items:center;gap:12px;display:flex}.export-info div{flex-direction:column;gap:2px;display:flex}.export-info strong{color:var(--ink)}.dash-page{gap:16px;display:grid}.dash-hero{min-height:150px;box-shadow:var(--shadow-sm);background:radial-gradient(420px 230px at 82% 8%,#fffc,#0000 70%),radial-gradient(360px 160px at 12% 110%,#df6a3b33,#0000 70%),linear-gradient(120deg,#e7f1e8 0%,#f4f0e4 52%,#f9ede5 100%);border:1px solid #2f7d5a29;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.dash-hero:after{content:"";pointer-events:none;border:24px solid #ffffff52;border-radius:50%;width:160px;height:160px;position:absolute;top:-36px;right:28px}.dash-hero-copy{z-index:1;position:relative}.dash-hero-copy .eyebrow{color:var(--green)}.dash-hero h2{letter-spacing:-.035em;margin-top:7px;font-size:26px}.dash-hero p{color:var(--muted);margin-top:6px;font-size:12px}.dash-hero-side{z-index:1;flex:none;gap:10px;display:flex;position:relative}.hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff94;border:1px solid #ffffffb3;border-radius:12px;min-width:112px;padding:10px 14px}.hero-stat span{color:var(--muted);font-size:10px;display:block}.hero-stat strong{letter-spacing:-.03em;margin-top:2px;font-size:20px;display:block}.hero-stat strong small{color:var(--muted-2);font-size:12px;font-weight:500}.dash-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dash-kpi{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:98px;box-shadow:var(--shadow-sm);grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:14px 15px;display:grid;position:relative;overflow:hidden}.kpi-icon{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.kpi-copy{gap:2px;min-width:0;display:grid}.kpi-copy>span{color:var(--muted);font-size:11px}.kpi-copy strong{letter-spacing:-.035em;font-size:21px;line-height:1.08}.kpi-copy small{color:var(--muted-2);font-size:10px}.kpi-progress{background:var(--bg-deep);border-radius:99px;grid-column:1/-1;height:4px;margin-top:3px;overflow:hidden}.kpi-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.kpi-orange .kpi-icon{background:var(--accent-soft);color:var(--accent)}.kpi-red .kpi-icon{background:var(--red-soft);color:var(--red)}.kpi-green .kpi-icon{background:var(--green-soft);color:var(--green)}.kpi-blue .kpi-icon{background:var(--blue-soft);color:var(--blue)}.kpi-red .kpi-copy strong{color:var(--red)}.kpi-green .kpi-copy strong{color:var(--green)}.dash-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);align-items:start;gap:14px;display:grid}.dash-main,.dash-side{gap:14px;min-width:0;display:grid}.dash-split{grid-template-columns:minmax(0,1.1fr) minmax(220px,.75fr);gap:14px;display:grid}.dash-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);padding:0 0 14px}.dash-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 16px 10px;display:flex}.dash-panel-head h3{letter-spacing:-.015em;margin-top:2px;font-size:15px}.dash-empty{color:var(--muted-2);padding:4px 16px 8px;font-size:11px}.dash-todo-summary{color:var(--muted);align-items:center;gap:9px;padding:0 16px 10px;font-size:10.5px;display:flex}.dash-todo-summary strong{color:var(--accent);font-size:11px}.dash-progress{background:var(--bg-deep);border-radius:99px;flex:1;height:6px;overflow:hidden}.dash-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #ef9a75);height:100%;display:block}.dash-todo-list{display:grid}.dash-todo-item{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;display:flex}.dash-todo-item.is-done .dash-todo-copy strong{color:var(--muted-2);text-decoration:line-through}.dash-todo-copy{flex:1;gap:3px;min-width:0;display:grid}.dash-todo-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.dash-todo-copy span{color:var(--muted);font-size:10.5px}.dash-todo-tags{flex:none;gap:4px;display:flex}.tag{border-radius:999px;align-items:center;padding:3px 7px;font-size:9px;font-style:normal;font-weight:600;display:inline-flex}.tag-red{background:var(--red-soft);color:var(--red)}.tag-blue{background:var(--blue-soft);color:var(--blue)}.tag-soft{background:var(--bg-deep);color:var(--muted)}.dash-add-line{border:1px dashed var(--line-strong);width:calc(100% - 32px);color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin:9px 16px 0;padding:8px;font-size:11px;display:flex}.dash-add-line:hover{border-color:var(--accent);color:var(--accent)}.finance-body{align-items:center;gap:18px;padding:2px 16px 12px;display:flex}.donut-wrap{flex:none;width:92px;height:92px;position:relative}.donut{border-radius:50%;width:100%;height:100%}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:14px}.donut-center{text-align:center;place-content:center;gap:1px;display:grid;position:absolute;inset:0}.donut-center span{color:var(--muted-2);font-size:9px}.donut-center strong{letter-spacing:-.02em;font-size:13px}.finance-legend{color:var(--muted);gap:9px;font-size:10.5px;display:grid}.finance-legend span{align-items:center;gap:6px;display:flex}.finance-legend strong{color:var(--ink);margin-left:auto;font-size:11px}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.expense{background:var(--red)}.legend-dot.income{background:var(--green)}.dash-bars{gap:7px;padding:0 16px;display:grid}.dash-bar-row{color:var(--muted);grid-template-columns:48px 1fr 34px;align-items:center;gap:7px;font-size:10px;display:grid}.dash-bar-row>div{background:var(--bg-deep);border-radius:99px;height:5px;overflow:hidden}.dash-bar-row i{border-radius:inherit;background:var(--accent);height:100%;display:block}.dash-bar-row strong{color:var(--ink);text-align:right;font-size:10px}.upcoming-list{display:grid}.upcoming-item{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:8px;padding:9px 16px;display:flex}.upcoming-item:hover{background:var(--surface-2)}.upcoming-icon{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.tone-purple{color:#7b5bb6;background:#f0ebfa}.tone-amber{background:var(--amber-soft);color:var(--amber)}.tone-teal{color:#2c7f75;background:#e5f3f1}.tone-pink{color:#b55a7a;background:#fbeaf0}.tone-slate{color:#66717a;background:#eef0f2}.tone-orange{background:var(--accent-soft);color:var(--accent)}.tone-green{background:var(--green-soft);color:var(--green)}.tone-blue{background:var(--blue-soft);color:var(--blue)}.upcoming-copy{flex:1;gap:2px;min-width:0;display:grid}.upcoming-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.upcoming-copy small{color:var(--muted);font-size:10px}.upcoming-item em{color:var(--muted-2);white-space:nowrap;font-size:9.5px;font-style:normal}.upcoming-item em.is-soon{color:var(--accent);font-weight:700}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px;display:grid}.quick-tile{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);text-align:left;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;column-gap:7px;padding:9px;display:grid}.quick-tile:hover{border-color:var(--line-strong);background:#fff}.quick-icon{border-radius:8px;grid-row:1/3;place-items:center;width:30px;height:30px;display:grid}.quick-tile strong{font-size:10.5px}.quick-tile small{color:var(--muted-2);font-size:9px}.health-progress-row{align-items:center;gap:9px;padding:0 16px 9px;display:flex}.health-progress-row>div:first-child{gap:1px;min-width:54px;display:grid}.health-progress-row strong{letter-spacing:-.03em;font-size:17px}.health-progress-row strong small{color:var(--muted-2);font-size:10px;font-weight:500}.health-progress-row span{color:var(--muted);font-size:9px}.health-habit-list{gap:2px;padding:0 16px 9px;display:grid}.health-habit{color:var(--muted);align-items:center;gap:6px;padding:4px 0;font-size:10.5px;display:flex}.health-habit em{color:var(--muted-2);margin-left:auto;font-size:9px;font-style:normal}.mini-check{border:1px solid var(--line-strong);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.mini-check.is-checked{border-color:var(--green);background:var(--green)}.weight-line{border-top:1px solid var(--line);color:var(--muted);align-items:baseline;gap:6px;margin:0 16px;padding-top:9px;font-size:9.5px;display:flex}.weight-line strong{color:var(--ink);margin-left:auto;font-size:13px}.weight-line small{color:var(--muted-2);font-size:9px}.budget-numbers{padding:0 16px 5px}.budget-numbers strong{letter-spacing:-.03em;font-size:19px}.budget-numbers span{color:var(--muted-2);font-size:10px}.budget-progress{margin:0 16px}.budget-progress.is-warn i{background:var(--red)}.budget-foot{color:var(--muted);justify-content:space-between;padding:6px 16px 0;font-size:9.5px;display:flex}.budget-foot em{color:var(--accent);font-style:normal;font-weight:700}.assets-main{letter-spacing:-.035em;padding:0 16px 4px;font-size:22px;font-weight:700}.assets-foot{color:var(--muted-2);justify-content:space-between;padding:0 16px;font-size:9.5px;display:flex}@media (width<=1220px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr}.dash-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.dash-side .dash-panel:first-child{grid-column:1/-1}}@media (width<=860px){.dash-hero{flex-direction:column;align-items:flex-start}.dash-hero-side{width:100%}.hero-stat{flex:1}.dash-split,.dash-side{grid-template-columns:1fr}}