:root{--bg: #f4f5f4;--card: #ffffff;--ink: #171a16;--muted: #687066;--faint: #9aa39a;--line: #e2e6e0;--yellow: #ffd23f;--green: #33c985;--red: #e15656;--orange: #ff7a1a;--shadow: 0 18px 44px -34px rgba(17, 20, 15, .42);--glass: color-mix(in srgb, var(--card) 78%, transparent);--glass-strong: color-mix(in srgb, var(--card) 88%, transparent);--frosted-menu: rgba(255, 255, 255, .76)}@media (prefers-color-scheme: dark){:root{--bg: #0e130d;--card: #151b14;--ink: #f5f7f2;--muted: #a0a89f;--faint: #6e766e;--line: #273026;--shadow: 0 18px 44px -30px rgba(0, 0, 0, .72);--glass: color-mix(in srgb, var(--card) 72%, transparent);--glass-strong: color-mix(in srgb, var(--card) 84%, transparent);--frosted-menu: rgba(21, 27, 20, .76)}}[data-theme=light]{--bg: #f4f5f4;--card: #ffffff;--ink: #171a16;--muted: #687066;--faint: #9aa39a;--line: #e2e6e0;--glass: color-mix(in srgb, var(--card) 78%, transparent);--glass-strong: color-mix(in srgb, var(--card) 88%, transparent);--frosted-menu: rgba(255, 255, 255, .76)}[data-theme=dark]{--bg: #0e130d;--card: #151b14;--ink: #f5f7f2;--muted: #a0a89f;--faint: #6e766e;--line: #273026;--glass: color-mix(in srgb, var(--card) 72%, transparent);--glass-strong: color-mix(in srgb, var(--card) 84%, transparent);--frosted-menu: rgba(21, 27, 20, .76)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 320px),var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}input,select{color:var(--ink);background:var(--card)}.topbar{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:0 34px;border-bottom:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.brand{display:flex;align-items:center;gap:12px;min-width:128px;border:0;padding:0;background:transparent;color:var(--ink)}.brand img{width:42px;height:42px;border-radius:12px}.brand span{font-size:22px;font-weight:620}.brand:hover span{color:#c67800}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.mobile-bottom-nav{display:none}.icon-btn,.avatar,.quiet-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:11px;min-height:40px}.icon-btn{width:40px;font-size:24px;display:grid;place-items:center}.notification-center,.bell-btn{position:relative}.bell-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bell-btn i{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 5px;background:var(--red);color:#fff;font-size:11px;font-style:normal;font-weight:700}.notification-menu{position:absolute;right:0;top:52px;width:330px;max-height:430px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--frosted-menu);box-shadow:0 34px 86px -38px #11140f9e,inset 0 1px #ffffff75;backdrop-filter:blur(64px) saturate(1.65);-webkit-backdrop-filter:blur(64px) saturate(1.65);opacity:0;transform:translateY(-12px) scale(.97);pointer-events:none;transition:opacity .22s ease,transform .34s cubic-bezier(.2,.9,.2,1),visibility .22s ease;visibility:hidden;z-index:40}.notification-center.open .notification-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 10px}.notification-head strong{font-weight:560}.notification-head span,.empty-notifications{color:var(--muted);font-size:13px}.notification-item{width:100%;min-height:58px;display:grid;gap:4px;border:0;border-radius:11px;padding:10px;background:transparent;color:var(--ink);text-align:left}.notification-item.unread{background:color-mix(in srgb,var(--yellow) 14%,transparent)}.notification-item:hover{background:color-mix(in srgb,var(--yellow) 20%,transparent)}.notification-item strong{font-weight:520}.notification-item span{color:var(--muted);font-size:13px}.empty-notifications{margin:14px 6px 6px}.avatar{width:42px;height:42px;padding:0;border-radius:50%;background:linear-gradient(145deg,var(--yellow),var(--orange));color:#11140f;border:0;display:grid;place-items:center;font-weight:760;overflow:hidden}.avatar img,.profile-photo img{width:100%;height:100%;display:block;object-fit:cover}.profile{position:relative}.profile-menu{position:absolute;right:0;top:52px;width:310px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--frosted-menu);box-shadow:0 34px 86px -38px #11140f9e,inset 0 1px #ffffff75;backdrop-filter:blur(64px) saturate(1.65);-webkit-backdrop-filter:blur(64px) saturate(1.65);opacity:0;transform:translateY(-12px) scale(.97);pointer-events:none;transition:opacity .22s ease,transform .34s cubic-bezier(.2,.9,.2,1),visibility .22s ease;visibility:hidden}.profile.open .profile-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.profile-head{display:flex;gap:10px;padding:6px 6px 12px;align-items:center}.profile-photo,.member-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--yellow),var(--orange));color:#11140f}.profile-head strong{font-weight:450}.profile-head p,.card-head p,.section-head p,.member-row p,.hero-row p{margin:4px 0 0;color:var(--muted)}.profile-menu button,.profile-menu label{width:100%;min-height:39px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:space-between;font-weight:400;transition:font-weight .18s ease,background .18s ease}.theme-row{gap:10px}.theme-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;min-width:92px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--yellow) 12%,var(--card));color:var(--ink);font-weight:400}.profile-menu button:hover,.profile-menu label:hover{background:color-mix(in srgb,var(--yellow) 18%,transparent);font-weight:700}.notifications-panel{padding:6px;border-radius:12px;background:color-mix(in srgb,var(--yellow) 10%,transparent)}.notifications-panel p,.profile-message,.auth-message{margin:8px 10px;color:var(--muted);font-size:13px}.hidden-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 340px),var(--bg)}.auth-card{width:min(430px,100%);padding:28px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-brand img{width:48px;height:48px;border-radius:13px}.auth-brand strong{font-size:24px;font-weight:650}.auth-card h1{margin:0 0 8px;font-size:34px;line-height:1}.auth-card>p{margin:0 0 22px;color:var(--muted)}.auth-card input{width:100%;min-height:48px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:color-mix(in srgb,var(--card) 88%,transparent)}.auth-card>button{width:100%;min-height:50px;margin-top:10px;border:0;border-radius:12px;background:var(--yellow);color:#11140f;font-weight:650}.auth-card>button:disabled{opacity:.64;cursor:wait}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}.auth-links button{border:0;background:transparent;color:#c67800;font-weight:400}.tab-switch{position:relative;display:flex;gap:8px;align-items:center;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--card);overflow:hidden}.nav-switch{height:48px;border:0;background:transparent;border-radius:0;gap:22px;padding:0;overflow:visible}.tab-switch button{position:relative;z-index:1;min-height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:0 18px;background:transparent;color:#5f675f;font-weight:400;line-height:1}.nav-switch button{min-height:48px;padding:0 2px}.tab-switch button.active{color:#11140f;font-weight:700}.nav-switch button.active{color:#c67800}.tab-indicator{position:absolute;top:5px;left:0;height:36px;width:0;border-radius:9px;background:var(--yellow);z-index:0}.nav-switch .tab-indicator{top:auto;bottom:-13px;height:3px;border-radius:999px 999px 0 0;background:var(--orange)}.page{max-width:1500px;margin:0 auto;padding:42px}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px}.hero-row h1{margin:0;font-size:36px;line-height:1.04;font-weight:700}.eyebrow{color:#c49200;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.large-input,.add-pot-btn{min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 16px}.menu-picker{position:relative}.year-select,.month-select{min-height:46px;min-width:118px;border:1px solid var(--line);border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:color-mix(in srgb,var(--card) 72%,var(--bg));color:var(--muted)}.month-select{min-width:150px;background:var(--yellow);border-color:var(--yellow);color:#11140f;font-weight:700}.picker-menu{position:absolute;right:0;top:54px;width:190px;max-height:260px;overflow:auto;display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--glass-strong);box-shadow:0 28px 70px -38px #11140f94,inset 0 1px #ffffff57;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);z-index:30;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.9,.2,1),visibility .2s ease;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--yellow) 70%,var(--line)) transparent}.menu-picker.open .picker-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.picker-menu button{min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;padding:0 12px;font-weight:400}.picker-menu button.active,.picker-menu button:hover{background:var(--yellow);color:#11140f}.add-pot-btn{background:var(--card);color:#c67800;font-weight:560;box-shadow:var(--shadow)}.add-pot-btn.muted-action{color:var(--muted);background:color-mix(in srgb,var(--card) 78%,transparent);box-shadow:none}.card{background:var(--glass);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 56px -38px #11140f80,inset 0 1px #ffffff47;backdrop-filter:blur(18px) saturate(1.22);-webkit-backdrop-filter:blur(18px) saturate(1.22)}.dashboard-layout,.manage-layout,.household-layout{display:grid;gap:18px}.dashboard-shell{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px;align-items:start}.dashboard-main,.dashboard-side{display:grid;gap:14px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{min-height:150px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.metric-card h2,.card-head h2,.section-head h3{margin:0;font-size:18px;font-weight:400}.metric-card strong{display:block;font-size:34px;font-weight:850}.metric-card p{margin:0;color:var(--muted);font-weight:300}.metric-card p.good{color:var(--green)}.metric-card p.danger{color:var(--red)}.analytics-card,.table-card,.section-card,.manage-card,.side-card{padding:20px}.card-head,.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.chart{position:relative;min-height:340px;overflow:hidden;border-radius:10px;padding:24px 24px 38px 56px;background:repeating-linear-gradient(to bottom,transparent 0 54px,color-mix(in srgb,var(--line) 70%,transparent) 55px 56px),var(--card)}.axis{position:absolute;inset:20px auto 38px 0;width:48px;display:flex;flex-direction:column;justify-content:space-between;color:#8b928d;font-size:12px;text-align:right;padding-right:10px}.bars{height:270px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:18px}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:14px}.bar-hot{display:block;min-height:4px;border-top:4px solid var(--orange);background:linear-gradient(180deg,#ff7a1a7a,#ff7a1a08)}.bar-hot.current{border-top-color:var(--orange)}.bar-paid{display:block;height:4px;border-radius:999px;background:#737d88}.months-axis{position:absolute;left:70px;right:18px;bottom:8px;display:grid;grid-template-columns:repeat(12,1fr);color:#99a19d;font-size:12px}.chart-tooltip{position:absolute;top:116px;left:43%;min-width:140px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:0 14px 28px -20px #11140f66;display:grid;gap:6px;font-size:13px}.chart-tooltip strong{font-weight:700}.chart-tooltip span{display:flex;justify-content:space-between;gap:18px;color:var(--muted)}.chart-tooltip b{color:var(--ink)}.month-summary{margin-top:16px;padding:22px;border-radius:12px;background:linear-gradient(135deg,#fff5c2,var(--yellow));color:#11140f}.month-summary span{display:block;color:#5f5a39;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.month-summary strong{display:block;margin:18px 0 6px;font-size:34px;font-weight:850}.month-summary p{margin:0;color:#5f5a39}.progress-box{margin-top:22px}.progress-box h3{margin:0 0 18px;font-size:18px;font-weight:600}.progress-box p{margin:0 0 12px;color:var(--muted)}.progress-track{height:8px;border-radius:999px;background:#ecefed;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--orange);border-radius:inherit}.side-label{color:var(--muted);margin:8px 0 6px}.side-total{display:block;margin-bottom:22px;font-size:34px;font-weight:850}.breakdown{height:32px;display:grid;overflow:hidden;border-radius:7px;margin-bottom:18px}.legend{display:grid;gap:12px}.legend-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;color:var(--muted)}.legend-row i{width:12px;height:12px;border-radius:3px}.legend-row b{color:var(--muted);font-weight:600}.sub-tabs{width:fit-content;margin-bottom:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:14px 12px;border-top:1px solid var(--line);color:var(--muted);text-align:left}th{background:color-mix(in srgb,var(--card) 78%,var(--bg));font-weight:400}td input,td select{width:100%;border:0;background:transparent;color:var(--ink)}.status{border:0;border-radius:999px;padding:7px 12px;background:#ffe7e7;color:#c94747}.status.paid{background:#ddf8ea;color:#1ca86a}.section-card{max-width:none;box-shadow:none}.section-head strong{font-weight:550}.reorder-list,.folder-list,.item-list{display:grid;gap:8px}.sections-list{display:grid;gap:16px}.compact-sections{grid-template-columns:repeat(3,minmax(280px,1fr));align-items:start}.section-column{display:grid;gap:16px;align-content:start}.sortable-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center}.sortable-row.dragging{opacity:.72}.drag-handle{height:34px;width:26px;border:0;background:transparent;color:var(--faint);cursor:grab}.expense-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1.3fr) 110px minmax(120px,.8fr);gap:10px;align-items:center;min-height:58px;border:1px solid var(--line);border-radius:12px;padding:8px 34px 8px 10px;background:var(--card)}.expense-item.paid{border-color:#a8efcb;background:color-mix(in srgb,var(--green) 13%,var(--card))}.check{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--card)}.expense-item.paid .check{background:var(--green);border-color:var(--green);color:#082519}.expense-item input,.expense-item select{min-width:0;border:0;background:transparent;font-weight:400}.delete-btn{position:absolute;top:5px;right:6px;min-width:24px;min-height:24px;border:0;border-radius:50%;background:transparent;color:#9aa39a;font-size:16px;opacity:0;transition:opacity .18s ease,background .18s ease,color .18s ease}.expense-item:hover .delete-btn,.compact-item:hover .delete-btn,.manage-section:hover>.corner-delete,.folder-row:hover>.corner-delete{opacity:1}.delete-btn:hover{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.add-row,.record-add{display:grid;grid-template-columns:minmax(0,1fr) 120px 50px;gap:8px;margin-top:12px}.record-add{grid-template-columns:minmax(0,1.2fr) 120px minmax(110px,.8fr) 150px 50px}.add-row input,.record-add input,.record-add select{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;min-width:0}.add-row button,.record-add button{border:0;border-radius:10px;background:var(--yellow);color:#11140f;font-size:22px}.empty{color:var(--muted)}.table-total{color:var(--muted);text-align:right;margin-bottom:0}.manage-layout{grid-template-columns:360px minmax(0,1fr);align-items:start}.manage-layout.single{grid-template-columns:1fr}.folder-row{position:relative;min-height:54px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px}.folder-modal .folder-row{grid-template-columns:auto minmax(0,1fr) auto auto;padding-right:40px}.folder-row.selected{border-color:color-mix(in srgb,var(--yellow) 70%,var(--line));background:color-mix(in srgb,var(--yellow) 12%,var(--card))}.folder-row input{min-width:0;border:0;background:transparent;font-weight:450}.folder-row span:last-child{color:var(--muted);font-size:13px}.pot-dot{width:12px;height:12px;border-radius:50%}.quiet-btn{padding:0 14px;font-weight:400}.sections-manager{grid-column:span 1}.manage-card.sections-manager{padding:20px}.manage-section{position:relative;min-height:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--glass-strong);box-shadow:0 18px 48px -38px #11140f80;backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;cursor:grab}.manage-section:hover{transform:translateY(-2px)}.manage-section.dragging{opacity:.64;transform:scale(.985);cursor:grabbing}.manage-section.selected{border-color:color-mix(in srgb,var(--green) 70%,var(--line))}.section-mobile-actions{display:none}.manage-section-head{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:start;margin-bottom:12px;padding-right:8px}.manage-section-head p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.2;font-weight:300}.manage-section-head strong{color:var(--muted);font-size:15px;line-height:1.2;font-weight:560;white-space:nowrap;text-align:right;justify-self:end;padding-top:2px}.manage-section-title{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:18px;line-height:1.12;font-weight:620}.compact-list{display:grid;gap:8px}.compact-item{position:relative;min-height:44px;display:grid;grid-template-columns:24px minmax(0,1fr) 68px;gap:9px;align-items:center;padding:7px 30px 7px 9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 84%,transparent);transition:background .2s ease,border-color .2s ease,transform .18s ease}.compact-item:hover{transform:translate(2px)}.compact-item.paid{border-color:#a8efcb;background:color-mix(in srgb,var(--green) 13%,var(--card))}.compact-item input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:15px;font-weight:400}.compact-item input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.compact-empty{min-height:48px;display:flex;align-items:center;font-size:15px}.compact-add-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 46px;gap:8px;margin-top:11px}.compact-add-row input{min-width:0;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:color-mix(in srgb,var(--card) 84%,transparent);font-size:15px}.compact-add-row button,.add-category-wide{border:0;border-radius:10px;background:var(--yellow);color:#11140f}.compact-add-row button{font-size:21px}.add-category-wide{width:100%;min-height:48px;margin-top:16px;border:1px dashed color-mix(in srgb,var(--muted) 28%,transparent);background:color-mix(in srgb,var(--card) 66%,transparent);color:var(--muted);font-weight:520}.corner-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;border:0;border-radius:50%;background:color-mix(in srgb,var(--red) 10%,var(--card));color:var(--red);font-size:15px;opacity:0;z-index:3;transition:opacity .18s ease,transform .18s ease}.corner-delete:hover{transform:scale(1.06)}.folder-actions{display:inline-flex;gap:6px}.folder-actions button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted)}.folder-actions button:disabled{opacity:.35;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#11140f47;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.folder-modal{width:min(680px,100%);padding:22px;background:var(--glass-strong)}.import-modal{width:min(560px,100%);padding:22px;background:var(--glass-strong)}.import-drop{min-height:190px;border:1px dashed color-mix(in srgb,var(--yellow) 75%,var(--line));border-radius:14px;display:grid;place-items:center;gap:8px;padding:28px;text-align:center;background:color-mix(in srgb,var(--yellow) 8%,transparent);transition:border-color .2s ease,background .2s ease,transform .2s ease;cursor:pointer}.import-drop.dragging{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--card));transform:scale(.995)}.import-drop input{position:absolute;opacity:0;pointer-events:none}.import-drop strong{font-size:22px;font-weight:520}.import-drop span{max-width:360px;color:var(--muted);font-size:14px;line-height:1.45}.import-file-list{display:grid;gap:8px;margin:14px 0 0}.import-file-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--card) 82%,transparent)}.import-file-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-file-list small,.import-status{color:var(--muted)}.import-status{margin:12px 2px 0;font-size:14px}.import-progress{margin-top:14px;padding:12px;border:1px solid color-mix(in srgb,var(--yellow) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--yellow) 8%,transparent)}.import-progress.error{border-color:color-mix(in srgb,var(--red) 50%,var(--line));background:color-mix(in srgb,var(--red) 7%,transparent)}.import-progress-bar{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,transparent)}.import-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),var(--orange));transition:width .45s cubic-bezier(.2,.9,.2,1)}.import-progress p{margin:9px 0 0;color:var(--muted);font-size:14px}.import-review{display:grid;gap:8px;margin-top:14px}.import-review-row{display:grid;grid-template-columns:120px minmax(0,1fr) 96px 34px;gap:8px;align-items:center}.import-review-row input{min-width:0;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:color-mix(in srgb,var(--card) 86%,transparent);color:var(--ink)}.import-review-row button{height:34px;border:0;border-radius:50%;background:color-mix(in srgb,var(--red) 10%,transparent);color:var(--red);font-size:18px}.import-secondary{min-height:38px;border:1px dashed color-mix(in srgb,var(--yellow) 80%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--yellow) 8%,transparent);color:#c67800;font-weight:520}.import-primary{width:100%;min-height:52px;margin-top:14px;border:0;border-radius:12px;background:var(--yellow);color:#11140f;font-weight:700;box-shadow:0 16px 34px -24px #ff7a1ae6;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.import-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 40px -26px #ff7a1a}.import-primary:disabled{opacity:.55;cursor:not-allowed}.add-folder-wide{width:100%;min-height:44px;margin-top:12px;border:1px dashed color-mix(in srgb,var(--yellow) 80%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--yellow) 10%,var(--card));color:#c67800;font-weight:600}.field-label{display:block;margin-bottom:8px;color:var(--muted)}.household-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.household-layout.single{max-width:760px;grid-template-columns:1fr}.member-list{display:grid;gap:10px}.member-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.member-row strong{font-weight:450}.member-row button{min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--red)}.member-row button:disabled{opacity:.45;cursor:not-allowed}.household-layout .record-add{grid-template-columns:minmax(0,1fr) 132px}.household-layout .record-add button{font-size:16px;font-weight:520}.invite-box{margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--yellow) 80%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--yellow) 10%,transparent)}.invite-box p{margin:0 0 10px;color:var(--muted);font-size:14px}.invite-box div{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.invite-box input{min-width:0;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--card)}.invite-box button{border:0;border-radius:10px;background:var(--yellow);color:#11140f}.about-layout{min-height:55vh;display:grid;place-items:center}.about-card{width:min(420px,100%);padding:34px;text-align:center}.about-card img{width:74px;height:74px;border-radius:18px}.about-card h2{margin:18px 0 6px;font-size:40px;line-height:1}.about-card p{margin:0;color:var(--muted)}.about-card span{display:block;margin-top:18px;color:#c67800;font-size:14px}@media (prefers-reduced-motion: reduce){*,:before,:after{animation:none!important;transition:none!important}}@media (max-width: 1120px){.compact-sections{grid-template-columns:repeat(2,minmax(280px,1fr))}.section-column:empty{display:none}}@media (max-width: 980px){body{overflow-x:hidden}.topbar{height:66px;padding:max(10px,env(safe-area-inset-top)) 16px 10px;gap:12px}.brand{min-width:0}.brand img{width:38px;height:38px;border-radius:11px}.brand span{font-size:20px}.nav-switch{display:none}.top-actions{gap:8px}.icon-btn,.avatar{width:42px;height:42px;min-height:42px}.notification-menu,.profile-menu{position:fixed;top:72px;right:12px;left:12px;width:auto;max-height:min(72vh,560px);overflow:auto}.page{padding:22px 14px calc(104px + env(safe-area-inset-bottom));max-width:100%}.hero-row{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px;margin-bottom:16px}.hero-row h1{font-size:34px}.filters{width:100%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;overflow-x:auto;padding:0 2px 8px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters .tab-switch{flex:0 0 auto;min-width:max-content}.year-select,.month-select,.add-pot-btn{min-height:42px;min-width:auto;flex:0 0 auto;border-radius:12px;padding:0 14px;font-size:15px}.metric-grid,.dashboard-shell,.manage-layout,.household-layout,.compact-sections{grid-template-columns:1fr}.dashboard-main,.dashboard-side{gap:12px}.metric-grid{gap:10px}.metric-card{min-height:116px;padding:18px}.metric-card strong,.month-summary strong,.side-total{font-size:30px}.analytics-card,.table-card,.section-card,.manage-card,.side-card{padding:16px}.chart{min-height:300px;padding:20px 12px 34px 44px}.bars{height:230px;gap:8px}.months-axis{left:48px;right:6px;font-size:11px}.chart-tooltip{top:82px;left:34%;transform:scale(.92);transform-origin:top left}.compact-sections,.section-column{gap:12px}.manage-card.sections-manager{padding:14px}.manage-section{padding:14px;cursor:default}.manage-section:hover{transform:none}.manage-section-head{grid-template-columns:minmax(0,1fr) auto;padding-right:34px}.manage-section-title{font-size:17px}.manage-section-head strong{font-size:14px}.compact-item{grid-template-columns:24px minmax(0,1fr) 66px;min-height:44px;padding-right:28px}.compact-add-row{grid-template-columns:minmax(0,1fr) 78px 44px}.section-mobile-actions{display:inline-flex;gap:6px;margin:-4px 0 10px}.section-mobile-actions button{width:34px;height:30px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--muted)}.expense-item,.record-add,.add-row{grid-template-columns:1fr}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}table{min-width:0}thead{display:none}tbody{display:grid;gap:10px}tr{padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 80%,transparent)}td{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border:0}td:before{content:attr(data-label);color:var(--muted);font-size:13px}.modal-backdrop{align-items:end;padding:12px}.folder-modal,.import-modal{width:100%;max-height:86vh;overflow:auto;border-radius:18px}.auth-card{width:min(100%,420px);padding:28px 22px}.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:45;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--frosted-menu);box-shadow:0 22px 60px -34px #11140fad,inset 0 1px #ffffff6b;backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4)}.mobile-bottom-nav button{min-height:48px;border:0;border-radius:13px;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:12px;font-weight:520}.mobile-bottom-nav button span{font-size:20px;line-height:1}.mobile-bottom-nav button.active{background:var(--yellow);color:#11140f}}