:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fc;--bg-strong:#e9eff8;--surface:#ffffffeb;--surface-solid:#fff;--surface-muted:#f6f9fd;--surface-raised:#fff;--surface-sunken:#eff4fb;--border:#dde5f1;--border-strong:#c9d6ea;--glass-border:#e4ebf5;--glass-highlight:#fffffff5;--glass-shadow:0 1px 2px #0f172a0a, 0 14px 38px #0f172a12;--control-bg:#fff;--control-bg-strong:#fff;--table-hover:#f4f8ff;--text:#0f172a;--text-soft:#33415a;--muted:#64748b;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#eaf1ff;--primary-ring:#2563eb33;--danger:#dc2626;--danger-soft:#fdecec;--success:#059669;--success-soft:#e3f7ef;--warning:#c2740a;--warning-soft:#fdf1de;--shadow:0 14px 38px #0f172a14;--chart-grid:#64748b29;--chart-cursor:#2563eb12;--chart-expense-top:#3b82f6;--chart-expense-bottom:#93c5fd;--chart-budget:#0f766e;--scroll-thumb:#64748b52;--radius-xs:6px;--radius-sm:9px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--e1:0 1px 2px #0f172a0d;--e2:0 1px 2px #0f172a0a, 0 6px 16px #0f172a0f;--e3:0 12px 30px #0f172a1c;--e4:0 26px 64px #0f172a33;--focus-ring:0 0 0 3px var(--primary-ring);--ease:cubic-bezier(.32, .72, 0, 1);--text-xs:.75rem;--text-sm:.825rem;--text-md:.9rem;--text-lg:1.05rem;--text-xl:1.55rem;--toast-bg:#ffffff94;--toast-title:#102033;--toast-detail:#334155;--toast-border:#0f172a1f;--toast-shadow:0 18px 42px #0f172a1f;--toast-fade:#fff0;--toast-success-glow:#10b98129;--toast-warning-glow:#f59e0b29;--toast-error-glow:#dc262629;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b111a;--bg-strong:#131d2b;--surface:#16202f9e;--surface-solid:#17222f;--surface-muted:#0f172a57;--surface-raised:#1e293b9e;--surface-sunken:#080e166b;--border:#94c5fd26;--border-strong:#94c5fd42;--glass-border:#ffffff1a;--glass-highlight:#ffffff24;--glass-shadow:0 1px 2px #0000004d, 0 18px 48px #00000052;--control-bg:#0f172a66;--control-bg-strong:#0c131ea8;--table-hover:#60a5fa17;--text:#e9f1ff;--text-soft:#c4d3e8;--muted:#94a8c0;--primary:#60a5fa;--primary-strong:#7cb5fb;--primary-soft:#3b82f629;--primary-ring:#60a5fa4d;--danger:#fb7185;--danger-soft:#fb718526;--success:#34d399;--success-soft:#34d39926;--warning:#fbbf24;--warning-soft:#fbbf2426;--shadow:0 18px 50px #00000057;--chart-grid:#94a3b829;--chart-cursor:#60a5fa14;--chart-expense-top:#60a5fa;--chart-expense-bottom:#1e3a8a;--chart-budget:#2dd4bf;--scroll-thumb:#94a3b84d;--e1:0 1px 2px #0000004d;--e2:0 1px 2px #00000047, 0 6px 18px #0000004d;--e3:0 14px 34px #0000006b;--e4:0 28px 68px #0000008c;--toast-bg:#202a3385;--toast-title:#fff;--toast-detail:#f8fafce6;--toast-border:#ffffff1a;--toast-shadow:0 20px 56px #0206173d;--toast-fade:#202a3300;--toast-success-glow:#00d68f2e;--toast-warning-glow:#fbbf2429;--toast-error-glow:#f8515b2e}*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:var(--scroll-thumb) transparent;min-width:320px;min-height:100%}::selection{background:var(--primary-ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(1100px 620px at 12% -8%, #2563eb12, transparent 62%), radial-gradient(880px 520px at 96% 4%, #0d94880f, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-strong) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}:root[data-theme=dark] body{background:radial-gradient(1100px 620px at 12% -8%, #3b82f621, transparent 62%), radial-gradient(880px 520px at 96% 4%, #2dd4bf14, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-strong) 100%);background-attachment:fixed}.skip-link{z-index:300;border-radius:var(--radius-sm);color:#fff;background:var(--primary-strong);box-shadow:var(--e3);font-size:var(--text-sm);transition:transform .18s var(--ease);padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}strong,b{font-weight:500}h1,h2,h3,th{font-weight:700}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal:focus-visible{outline:none}button:disabled{cursor:not-allowed;opacity:.66}.glass{border:1px solid var(--glass-border);background:linear-gradient(180deg, #fffffff7, #ffffffe6), var(--surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(16px)saturate(1.16);backdrop-filter:blur(16px)saturate(1.16);position:relative}:root[data-theme=dark] .glass{background:linear-gradient(145deg, #ffffff14, #ffffff05), var(--surface)}.glass:before{border-radius:inherit;background:linear-gradient(180deg, var(--glass-highlight), transparent 42%);content:"";opacity:.16;pointer-events:none;position:absolute;inset:0}.app-shell{grid-template-columns:264px minmax(0,1fr);gap:0;width:100%;min-height:100vh;margin:0;padding:0;display:grid}.nav-scrim{display:none}.sidebar{z-index:60;overscroll-behavior:contain;border-radius:0;flex-direction:column;gap:20px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.glass{box-shadow:none;background:#ffffffb8;border-width:0 1px 0 0}.sidebar.glass:before,.topbar.glass:before{display:none}.sidebar-head{justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 0;display:flex}.icon-button.nav-close{display:none}.brand{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.brand-mark{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 20px #2563eb4d}.brand-mark img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.brand>div{min-width:0}.brand>div strong,.brand>div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand>div strong{white-space:normal;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.96rem;font-weight:600;line-height:1.24;display:-webkit-box;overflow:hidden}.brand>div span{color:var(--muted);font-size:var(--text-xs);margin-top:2px}.brand-mark svg{stroke:currentColor;width:22px;height:22px;display:block}.nav-list{align-content:start;gap:16px;display:grid}.nav-group{gap:2px;display:grid}.nav-group-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;opacity:.75;margin:0 0 4px;padding:0 12px;font-size:.68rem;font-weight:700}.nav-list button,.text-button,.icon-button{border-radius:var(--radius-sm);color:var(--text);background:0 0;border:1px solid #0000}.nav-list button{width:100%;min-height:40px;color:var(--muted);font-size:var(--text-md);text-align:left;transition:color .16s var(--ease), background .16s var(--ease);align-items:center;gap:11px;padding:9px 12px;font-weight:500;display:flex;position:relative}.nav-list button svg{opacity:.85;flex:none}.nav-list button:hover{color:var(--text);background:var(--primary-soft)}.nav-list button.active{color:var(--primary-strong);background:var(--primary-soft);font-weight:600}.nav-list button.active svg{opacity:1}.nav-list button.active:before{background:var(--primary-strong);content:"";border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-list button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.sidebar-profile{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--e1);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto;padding:9px 10px;display:grid}.sidebar-logout{width:32px;height:32px;box-shadow:none;background:0 0;border-color:#0000}.sidebar-profile div>strong,.sidebar-profile div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-profile div>strong{font-size:var(--text-sm)}.sidebar-profile div>span{color:var(--muted);font-size:var(--text-xs);text-transform:capitalize}.avatar-chip{color:#fff;width:34px;height:34px;font-size:var(--text-xs);text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:999px;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;box-shadow:0 6px 16px #2563eb47}.avatar-chip.small{width:30px;height:30px;font-size:.7rem}.main-content{flex-direction:column;gap:22px;min-width:0;padding:0 30px 88px;display:flex}.topbar{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);justify-content:space-between;align-items:center;gap:16px;min-height:68px;margin:0 -30px 4px;padding:14px 30px;display:flex;position:sticky;top:0}.icon-button.nav-toggle{display:none}.topbar h1,.section-title h2,.auth-card h1{letter-spacing:-.01em;margin:0}.topbar h1{color:var(--text);font-size:1.35rem;line-height:1.2}.topbar-copy{flex:auto;min-width:0}.topbar-copy p{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;overflow:hidden}.eyebrow{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;margin:0 0 4px}.topbar-actions,.row-actions,.button-row,.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button{border-color:var(--border);background:var(--surface-raised);width:38px;height:38px;box-shadow:var(--e1);transition:border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease);flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--border-strong);color:var(--primary-strong);background:var(--primary-soft)}.icon-button.is-busy svg{animation:.9s linear infinite spin}.text-button{border-color:var(--border);background:var(--surface-raised);min-height:38px;font-size:var(--text-md);box-shadow:var(--e1);transition:border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease), transform .16s var(--ease);justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-weight:500;text-decoration:none;display:inline-flex}.text-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--primary-soft)}.text-button:active:not(:disabled){transform:translateY(1px)}.text-button.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#0000;box-shadow:0 6px 16px #2563eb4d}.text-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#0000;box-shadow:0 8px 20px #2563eb61}.text-button.destructive{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#0000;box-shadow:0 6px 16px #dc26264d}.text-button.destructive:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#0000}.text-button.danger,.icon-button.danger{color:var(--danger)}.icon-button.danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger);background:var(--danger-soft)}.text-button.small{min-height:32px;font-size:var(--text-sm);padding:6px 11px}.text-button.full{width:100%}.filter-count{color:#fff;background:var(--primary-strong);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:700;display:inline-grid}.user-chip{border:1px solid var(--border);max-width:220px;min-height:40px;color:var(--text);background:var(--surface-raised);box-shadow:var(--e1);border-radius:999px;align-items:center;gap:9px;padding:5px 12px 5px 5px;display:inline-flex}.user-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-chip>span:last-child{gap:1px;display:grid}.user-menu-chip strong{color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;line-height:1.15;overflow:hidden}.user-menu-chip small{color:var(--muted);font-size:var(--text-xs);text-transform:capitalize;text-overflow:ellipsis;line-height:1.15;overflow:hidden}.view-stack{gap:18px;display:grid}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.metric{border-radius:var(--radius-lg);min-height:118px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);animation:riseIn .28s var(--ease) both;flex-direction:column;gap:8px;padding:15px 16px;display:flex}.metric:hover{box-shadow:var(--e2);transform:translateY(-2px)}.metric-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-icon{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--primary-strong);background:var(--primary-soft);flex:none;place-items:center;display:grid}.metric.warn .metric-icon{color:var(--warning);background:var(--warning-soft)}.metric.good .metric-icon{color:var(--success);background:var(--success-soft)}.metric.danger .metric-icon{color:var(--danger);background:var(--danger-soft)}.metric span,.field>span,.security-grid span{color:var(--muted);font-size:var(--text-sm);display:block}.metric-head span{font-weight:500}.metric strong{overflow-wrap:anywhere;letter-spacing:-.02em;margin-top:auto;font-size:1.45rem;font-weight:650;line-height:1.15;display:block}.metric-progress{background:var(--surface-sunken);border-radius:999px;height:5px;overflow:hidden}.metric-progress i{border-radius:inherit;height:100%;transition:width .4s var(--ease);background:linear-gradient(90deg,#3b82f6,#1d4ed8);display:block}.metric.warn .metric-progress i{background:linear-gradient(90deg,#fbbf24,#d97706)}.metric.danger .metric-progress i{background:linear-gradient(90deg,#f87171,#dc2626)}.metric-hint{color:var(--muted);font-size:var(--text-xs)}.metric.good strong{color:var(--success)}.metric.warn strong{color:var(--warning)}.metric.danger strong{color:var(--danger)}.metric strong.remaining-with-icon,.expense-summary-card strong.remaining-with-icon,.transaction-detail-money strong.remaining-with-icon,.remaining-balance-value{align-items:center;gap:8px;display:inline-flex}.remaining-balance-value.compact{gap:6px}.remaining-warning-icon{color:var(--warning);flex:none}.custom-type-shell{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.custom-type-shell .icon-button{width:42px;height:42px}.remaining-input-shell{position:relative}.remaining-input-shell input{padding-right:42px}.remaining-input-shell .remaining-warning-icon{pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.two-column{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);align-items:start;gap:16px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.settings-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.settings-summary-grid div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);min-height:84px;padding:13px 14px}.settings-summary-grid span,.settings-summary-grid strong,.settings-summary-grid a{display:block}.settings-summary-grid span{color:var(--muted);font-size:var(--text-sm)}.settings-summary-grid strong,.settings-summary-grid a{overflow-wrap:anywhere;color:var(--text);font-size:var(--text-md);margin-top:10px;text-decoration:none}.settings-summary-grid a{color:var(--primary-strong)}.panel{border-radius:var(--radius-lg);min-width:0;animation:riseIn .28s var(--ease) both;padding:20px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title>div{min-width:0}.section-title h2{color:var(--text);font-size:1rem;line-height:1.25}.section-title span{color:var(--muted);font-size:var(--text-sm);margin-top:2px;display:block}.expense-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.expense-summary-card{border-radius:var(--radius-lg);align-content:start;gap:7px;min-height:108px;padding:15px 16px;display:grid}.expense-summary-card span,.expense-summary-card small{color:var(--muted);font-size:var(--text-sm)}.expense-summary-card small{font-size:var(--text-xs)}.expense-summary-card strong{overflow-wrap:anywhere;letter-spacing:-.02em;font-size:1.3rem;font-weight:650;line-height:1.15}.expense-summary-card.good strong{color:var(--success)}.expense-summary-card.warn strong{color:var(--warning)}.expense-summary-card.danger strong{color:var(--danger)}.expense-records-title{align-items:flex-start}.expense-records-title>div{gap:6px;display:grid}.chart-panel{min-height:348px}.chart-fallback{height:288px;color:var(--muted);place-items:center;display:grid}.chart-tooltip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);min-width:156px;box-shadow:var(--e3);font-size:var(--text-sm);gap:5px;padding:10px 12px;display:grid}.chart-tooltip strong{color:var(--text);font-size:var(--text-md);font-weight:650}.chart-tooltip span{color:var(--muted);grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.chart-tooltip i{border-radius:999px;width:9px;height:9px}.chart-tooltip b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.recent-panel{flex-direction:column;display:flex}.mini-list{gap:2px;margin:0 -8px;display:grid}.quick-share-card{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--radius-md);background:var(--primary-soft);gap:11px;margin-bottom:12px;padding:13px 14px;display:grid}.quick-share-card span,.quick-share-card strong,.quick-share-card b{display:block}.quick-share-card span{color:var(--muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.quick-share-card strong{margin-top:5px;font-weight:600}.quick-share-card b{color:var(--text);letter-spacing:-.02em;margin-top:2px;font-size:1.24rem;font-weight:650}.mini-row{border-radius:var(--radius-sm);text-align:left;width:100%;transition:background .16s var(--ease);background:0 0;border:1px solid #0000;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 8px;display:grid}.mini-row:hover{background:var(--surface-muted)}.mini-row-mark{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--primary-strong);background:var(--primary-soft);place-items:center;display:grid}.mini-row-copy{min-width:0}.mini-row strong,.mini-row-copy span{color:var(--text);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.mini-row-copy span{color:var(--muted);font-size:var(--text-xs);margin-top:1px;font-weight:400}.mini-row b{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.form-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;display:grid}.form-grid.compact,.filter-row{grid-template-columns:repeat(3,minmax(180px,1fr))}.field{gap:8px;display:grid}.field.wide{grid-column:span 2}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text);background:var(--control-bg-strong);font-size:var(--text-md);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);outline:none;padding:9px 12px}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% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent)}.field-hint{color:var(--muted);font-size:var(--text-xs)}.field-hint.is-error{color:var(--danger)}.muted-text{color:var(--muted)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--control-bg-strong)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}input[aria-invalid=true],.auth-field.invalid input{border-color:var(--danger);background:#dc26260a}input[aria-invalid=true]:focus,.auth-field.invalid input:focus{border-color:var(--danger);box-shadow:0 0 0 3px #dc262624}input:disabled,textarea:disabled,select:disabled{color:var(--muted);background:var(--surface-sunken);cursor:not-allowed}textarea{resize:vertical}.form-actions{grid-column:1/-1;align-self:end}.expense-modal-actions{border-top:1px solid var(--border);flex:none;justify-content:flex-end;align-self:stretch;margin-top:16px;padding-top:14px}.form-actions.inline{grid-column:auto}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:11px 12px}th{z-index:1;border-bottom:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700;position:sticky;top:0}th:first-child{border-top-left-radius:var(--radius-md)}th:last-child{border-top-right-radius:var(--radius-md)}.sort-header{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.sort-header:hover{color:var(--primary-strong)}.sort-placeholder{width:13px;display:inline-block}th.is-sorted{color:var(--primary-strong)}th.numeric-header,th.numeric-header .sort-header{text-align:right}td{font-size:var(--text-md)}tbody tr{transition:background .16s var(--ease)}tbody tr:hover{background:var(--table-hover)}tbody tr:last-child td{border-bottom:0}.expense-toolbar{grid-template-columns:minmax(200px,1.3fr) minmax(160px,.7fr) minmax(150px,.6fr) auto;gap:10px;margin-bottom:14px;display:grid}.search-field{display:block;position:relative}.search-field>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{padding-left:36px;padding-right:34px}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{width:22px;height:22px;color:var(--muted);background:var(--surface-sunken);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear:hover{color:var(--text)}.transaction-actions{grid-template-columns:repeat(4,28px);align-items:center;gap:3px;width:max-content;display:grid}.action-button{width:28px;height:28px;box-shadow:none;background:0 0;border-color:#0000}.action-button:hover:not(:disabled),.action-button.is-open{border-color:var(--border);color:var(--primary-strong);background:var(--primary-soft)}.action-menu-panel{z-index:120;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--e3);animation:riseIn .14s var(--ease) both;gap:2px;padding:5px;display:grid;position:fixed}.action-menu-panel button{border-radius:var(--radius-xs);width:100%;min-height:34px;color:var(--text);font-size:var(--text-sm);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:9px;padding:7px 9px;display:flex}.action-menu-panel button:hover:not(:disabled){color:var(--primary-strong);background:var(--primary-soft)}.pagination-row{color:var(--muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.pagination-row b{color:var(--text);font-weight:600}.expense-table{min-width:880px}.expense-table th,.expense-table td{padding:10px}.expense-table .date-cell span{font-weight:500;display:block}.expense-table .date-cell small{max-width:130px;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;display:block;overflow:hidden}.expense-table-wrap{overflow-x:auto}.expense-table th:last-child,.expense-table td:last-child{z-index:2;border-left:1px solid var(--border);background:var(--surface-raised);width:132px;position:sticky;right:0}.expense-table th:last-child{z-index:3;background:var(--surface-sunken)}.expense-table tbody tr:hover td:last-child{background:color-mix(in srgb, var(--table-hover) 92%, var(--surface-raised))}.actions-header{text-align:right}.date-cell,.timestamp-cell,.created-cell{color:var(--text-soft);white-space:nowrap;font-weight:400}.timestamp-cell{color:var(--muted);font-size:var(--text-sm)}.description-cell{max-width:168px;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.money-cell{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:600}.remaining-balance-value{font-variant-numeric:tabular-nums}.money-cell .remaining-balance-value{justify-content:flex-end}.money-cell.positive,.money-cell.good{color:var(--success)}.money-cell.warn{color:var(--warning)}.money-cell.negative,.money-cell.danger{color:var(--danger)}.fee-cell{color:var(--warning);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:500}.expense-type-chip,.payment-pill{max-width:190px;min-height:26px;font-size:var(--text-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:3px 10px;font-weight:600;display:inline-flex}.expense-type-chip{color:var(--primary-strong);background:var(--primary-soft)}.type-dot{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.payment-pill{color:var(--success);background:var(--success-soft)}.proof-button{width:30px;height:30px;color:var(--primary-strong);box-shadow:none;background:0 0;border-color:#0000}.proof-empty{color:var(--muted);font-size:var(--text-sm)}.pagination-actions{flex-wrap:nowrap;gap:4px}.pagination-actions .icon-button{width:32px;height:32px}.page-indicator{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:56px;height:32px;color:var(--text);background:var(--surface-raised);font-size:var(--text-sm);font-variant-numeric:tabular-nums;grid-auto-flow:column;place-items:center;gap:4px;padding:0 10px;font-weight:600;display:inline-grid}.page-indicator i{color:var(--muted);font-style:normal;font-weight:400}.skeleton-row{border-radius:var(--radius-xs);background:linear-gradient(90deg,#94a3b81a,#2563eb24,#94a3b81a) 0 0/220% 100%;width:100%;height:34px;animation:1.2s ease-in-out infinite shimmer}.empty-cell{color:var(--muted);text-align:center}.empty-row:hover{background:0 0}.empty-cell{padding:34px 20px}.empty-cell-mark{width:38px;height:38px;color:var(--muted);background:var(--surface-sunken);border-radius:999px;place-items:center;margin:0 auto 10px;display:grid}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:6px;padding:40px 20px;display:grid}.empty-state-mark{width:44px;height:44px;color:var(--muted);background:var(--surface-sunken);border-radius:999px;place-items:center;margin-bottom:4px;display:grid}.empty-state strong{color:var(--text);font-size:var(--text-lg);font-weight:600}.empty-state p{max-width:42ch;font-size:var(--text-md);margin:0}.empty-state .text-button{margin-top:8px}.expense-cards{gap:10px;display:grid}.expense-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--e1);gap:11px;padding:14px;display:grid}.expense-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.expense-card-head>div{justify-items:start;gap:6px;min-width:0;display:grid}.expense-card-head time{color:var(--muted);font-size:var(--text-xs)}.expense-card-amount{color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem;font-weight:650}.expense-card-note{color:var(--text-soft);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.expense-card-meta{border-top:1px dashed var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin:0;padding:11px 0 0;display:grid}.expense-card-meta div{min-width:0}.expense-card-meta dt{color:var(--muted);font-size:var(--text-xs)}.expense-card-meta dd{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;overflow:hidden}.expense-card-meta .money-cell,.expense-card-meta .fee-cell,.expense-card-meta .remaining-balance-value{text-align:left;justify-content:flex-start}.expense-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.log-action{min-height:24px;color:var(--muted);background:var(--surface-sunken);font-size:var(--text-xs);text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 9px;font-weight:600;display:inline-flex}.log-action.is-success{color:var(--success);background:var(--success-soft)}.log-action.is-warning{color:var(--warning);background:var(--warning-soft)}.log-action.is-danger{color:var(--danger);background:var(--danger-soft)}.metadata-cell{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.messenger-output{white-space:pre;width:100%;min-height:320px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.status-pill{min-width:68px;font-size:var(--text-xs);border-radius:999px;justify-content:center;padding:4px 9px;font-weight:600;display:inline-flex}.status-pill.active{color:#0f766e;background:#0f766e1f}.status-pill.disabled{color:#be123c;background:#be123c1f}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.security-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.security-grid div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);min-height:80px;padding:12px 13px}:root[data-theme=dark] .security-grid div,:root[data-theme=dark] .settings-summary-grid div{background:var(--surface-muted)}.security-grid strong{margin-top:10px;display:block}.auth-screen,.loading-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.login-screen{background:radial-gradient(circle at 50% 8%,#2563eb14,#0000 32%),linear-gradient(#f8fbff 0%,#eef3fa 100%);align-items:center;padding:34px 20px 28px;overflow-x:hidden}.auth-card,.login-card{border-radius:var(--radius-xl)}.auth-card{border-radius:8px;gap:15px;width:min(420px,100%);padding:28px;display:grid}.login-shell{justify-items:center;gap:24px;width:min(100%,560px);max-width:calc(100vw - 40px);display:grid}.login-card{background:linear-gradient(#fffffff5,#ffffffeb),#fff;border-color:#e2e8f0e6;gap:15px;width:min(520px,100%);max-width:100%;padding:36px 42px 34px;box-shadow:0 30px 80px #0f172a1f}.login-card>*{min-width:0}.auth-card h1{font-size:var(--text-xl)}.auth-card p{color:var(--muted);margin:0}.auth-card label{color:var(--muted);gap:7px;display:grid}.login-heading{text-align:center;justify-items:center;gap:7px;margin-bottom:8px;display:grid}.login-heading h1{color:#0f172a;font-size:1.46rem;line-height:1.08}.login-heading p{color:#64748b;font-size:.94rem}.auth-field.invalid{color:var(--danger)}.auth-mark{color:#fff;background:var(--primary-strong);border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.login-mark{background:linear-gradient(135deg,#2563eb,#1d4ed8);width:58px;height:58px;margin-bottom:6px;box-shadow:0 18px 38px #2563eb42}.login-field{gap:10px;width:100%;min-width:0}.auth-label{color:#24324a;font-size:var(--text-sm);font-weight:500}.auth-input-shell{color:#71809a;background:#ffffffd1;border:1px solid #d9e2ef;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;min-height:48px;padding:0 12px 0 16px;transition:border-color .18s,box-shadow .18s,background .18s;display:grid;box-shadow:inset 0 1px #ffffffb8}.auth-input-shell:focus-within{background:#fff;border-color:#9db8ee;box-shadow:0 0 0 4px #2563eb1a}.login-field.invalid .auth-input-shell{border-color:#dc262670;box-shadow:0 0 0 4px #dc262614}.auth-input-shell input{min-width:0;min-height:46px;box-shadow:none;background:0 0;border:0;padding:0}.auth-input-shell input:focus,.auth-input-shell input[aria-invalid=true]:focus{box-shadow:none;border-color:#0000}.auth-input-shell input::placeholder{color:#8a98b1}.password-toggle{color:#71809a;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.password-toggle:hover{color:var(--primary-strong);background:#f1f5ff}.login-options{justify-content:flex-start;align-items:center;gap:12px;margin-top:-2px;display:flex}.remember-option{font-size:var(--text-sm);grid-template-columns:none;align-items:center;font-weight:400;color:#334155!important;gap:10px!important;display:inline-flex!important}.remember-option input{width:20px;height:20px;min-height:20px;accent-color:var(--primary-strong)}.login-submit{min-height:48px;margin-top:8px;font-size:.94rem;box-shadow:0 16px 30px #2563eb47}.login-footer{color:#64748b;font-size:var(--text-md);text-align:center;margin:0;font-weight:400}.theme-floating{position:fixed;top:18px;right:18px}.form-error{color:var(--danger);background:#dc262614;border:1px solid #dc262640;border-radius:8px;padding:10px 12px}.field-error{color:var(--danger);font-size:var(--text-sm);margin-top:-6px;line-height:1.35}.login-error{color:#991b1b;background:linear-gradient(#fef2f2eb,#fff7f7db);border:1px solid #dc262633;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;margin-top:-2px;padding:11px 12px;display:grid;box-shadow:0 12px 26px #dc262614}.login-error-icon{color:#dc2626;background:#dc26261a;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.login-error-copy{gap:3px;min-width:0;display:grid}.login-error-copy strong{color:#7f1d1d;font-size:var(--text-sm);line-height:1.2}.login-error-copy span{color:#b91c1c;font-size:var(--text-xs);line-height:1.35}.loader{border:4px solid #2563eb2e;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.toast-stack{z-index:200;pointer-events:none;gap:8px;width:min(340px,100vw - 32px);display:grid;position:fixed;bottom:84px;right:20px}.toast{border:1px solid var(--toast-border);border-radius:var(--radius-md);min-height:56px;color:var(--toast-title);background:var(--toast-bg);box-shadow:var(--toast-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.45);backdrop-filter:blur(24px)saturate(1.45);animation:toastSlideIn .24s var(--ease) both;pointer-events:auto;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:11px 12px;display:grid;position:relative;overflow:hidden}.toast-dismiss{z-index:1;width:22px;height:22px;color:var(--toast-detail);opacity:.6;transition:opacity .16s var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:relative}.toast-dismiss:hover{opacity:1}.toast-timer{border-radius:999px;height:2px;animation:4.2s linear both toastTimer;position:absolute;bottom:0;left:0}.toast.success .toast-timer{background:#00d68f}.toast.warning .toast-timer{background:#fbbf24}.toast.error .toast-timer{background:#f8515b}.toast:before{content:"";pointer-events:none;width:34%;position:absolute;inset:0 auto 0 0}.toast.success:before{background:linear-gradient(90deg, var(--toast-success-glow), var(--toast-fade))}.toast.warning:before{background:linear-gradient(90deg, var(--toast-warning-glow), var(--toast-fade))}.toast.error:before{background:linear-gradient(90deg, var(--toast-error-glow), var(--toast-fade))}.toast-icon,.toast-copy{z-index:1;position:relative}.toast-icon{border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.toast.success .toast-icon{color:#042f24;background:#00d68f;box-shadow:0 0 0 6px #00d68f1a}.toast.warning .toast-icon{color:#3b2800;background:#fbbf24;box-shadow:0 0 0 6px #fbbf241a}.toast.error .toast-icon{color:#3b0710;background:#f8515b;box-shadow:0 0 0 6px #f8515b1a}.toast-copy{gap:2px;min-width:0;display:grid}.toast-copy strong{overflow-wrap:anywhere;color:var(--toast-title);font-size:var(--text-md);font-weight:600;line-height:1.2}.toast-copy span{overflow-wrap:anywhere;color:var(--toast-detail);font-size:var(--text-xs);line-height:1.35}.modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .16s var(--ease) both;background:#090e1880;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);width:min(920px,100%);max-height:min(820px,100vh - 40px);box-shadow:var(--e4);animation:modalIn .2s var(--ease) both;padding:20px;overflow:auto}.modal-header{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-title-copy{min-width:0}.modal-header h2{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.15rem;line-height:1.2}.expense-entry-modal,.form-entry-modal,.transaction-modal,.share-preview-modal,.proof-preview-modal{flex-direction:column;max-height:min(820px,100vh - 40px);display:flex;overflow:hidden}.expense-entry-modal{width:min(720px,100%);padding:22px}.form-entry-modal{width:min(860px,100%);padding:24px}.proof-preview-modal{width:min(920px,100%)}.expense-modal-header{align-items:flex-start}.expense-modal-form,.modal-form{flex-direction:column;flex:auto;min-height:0;display:flex}.expense-modal-fields,.modal-scroll-fields{flex:auto;gap:14px;min-height:0;padding:0 4px 2px 0;display:grid;overflow-y:auto}.expense-modal-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.expense-modal-fields .field.wide,.modal-scroll-fields .field.wide{grid-column:1/-1}.expense-modal-fields input,.expense-modal-fields select,.expense-modal-fields textarea,.modal-scroll-fields input,.modal-scroll-fields select,.modal-scroll-fields textarea{min-height:42px}.expense-modal-fields textarea{min-height:78px}.modal-scroll-body{flex:auto;min-height:0;padding-right:4px;overflow:auto}.modal-footer-actions{border-top:1px solid var(--border);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.modal-title-row,.modal-header-actions{align-items:center;gap:12px;display:flex}.modal-header-actions{flex-wrap:wrap;justify-content:flex-end}.modal-mark{border-radius:var(--radius-md);width:40px;height:40px;color:var(--primary-strong);background:var(--primary-soft);flex:none;place-items:center;display:grid}.confirm-modal{width:min(440px,100%);padding:22px}.confirm-form{gap:16px;display:grid}.confirm-body{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;display:grid}.confirm-mark{width:42px;height:42px;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;place-items:center;display:grid}.confirm-mark.tone-danger{color:var(--danger);background:var(--danger-soft)}.confirm-mark.tone-warning{color:var(--warning);background:var(--warning-soft)}.confirm-copy h2{color:var(--text);margin:0 0 5px;font-size:1.05rem;line-height:1.25}.confirm-copy p{color:var(--muted);font-size:var(--text-md);margin:0;line-height:1.45}.confirm-field{gap:6px}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.messenger-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.messenger-actions{flex-wrap:wrap;gap:8px;display:flex}.modal-form textarea{min-height:74px}.proof-image,.proof-frame{border:1px solid var(--border);background:var(--surface-solid);object-fit:contain;border-radius:8px;width:100%;min-height:520px}.transaction-modal{width:min(980px,100%)}.transaction-detail-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.transaction-detail-money div,.transaction-detail-grid div,.detail-proof{border:1px solid var(--border);background:var(--surface-muted);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:8px;padding:12px}:root[data-theme=dark] .transaction-detail-money div,:root[data-theme=dark] .transaction-detail-grid div,:root[data-theme=dark] .detail-proof{background:var(--surface-muted)}.transaction-detail-money span,.transaction-detail-grid span{color:var(--muted);font-size:var(--text-sm);display:block}.transaction-detail-money strong{margin-top:6px;font-size:1.4rem;display:block}.money-green{color:var(--success)}.money-blue{color:var(--primary)}.money-blue.is-warning{color:var(--warning)}.money-orange{color:#c2410c}.transaction-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.transaction-detail-grid strong{overflow-wrap:anywhere;margin-top:6px;display:block}.detail-proof .text-button{justify-self:start}.detail-proof{gap:12px;margin-top:14px;display:grid}.detail-proof h3,.detail-proof p{margin:0}.detail-proof img{object-fit:contain;background:var(--surface-solid);border-radius:8px;width:100%;max-height:520px}.pdf-chip-large{border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;width:fit-content;padding:12px;display:inline-flex}.share-card-stage{z-index:-1;pointer-events:none;width:1080px;height:1350px;position:fixed;top:0;left:-12000px;overflow:hidden}.share-card-receipt{color:#0f172a;background:linear-gradient(160deg,#fff 0%,#f2f7ff 58%,#eaf1fd 100%);border-radius:8px;flex-direction:column;gap:22px;width:1080px;height:1350px;padding:52px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.share-card-receipt *{box-sizing:border-box}.share-card-header{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.share-card-header h1{overflow-wrap:anywhere;color:#0f172a;letter-spacing:-.02em;min-width:0;margin:0;font-size:52px;font-weight:700;line-height:1.1}.share-card-date{color:#1d4ed8;white-space:nowrap;background:#ffffffdb;border:1px solid #2563eb2e;border-radius:999px;padding:10px 20px;font-size:24px;font-weight:600}.share-card-summary,.share-card-description,.share-card-proof{z-index:1;background:#ffffffe6;border:1px solid #2563eb24;border-radius:26px;position:relative;box-shadow:0 18px 44px #0f172a0d}.share-card-body{flex-direction:column;flex:none;gap:22px;min-height:0;display:flex}.share-card-summary{flex:none;padding:28px 34px 30px}.share-card-header{flex:none}.share-card-amount-label{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:22px;font-weight:600}.share-card-amount{overflow-wrap:anywhere;color:#0f766e;letter-spacing:-.03em;margin:8px 0 0;font-size:76px;font-weight:700;line-height:1}.share-card-stats{border-top:1px solid #2563eb24;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px;padding-top:24px;display:grid}.share-card-stat{background:#f6f9ff;border:1px solid #2563eb1f;border-radius:18px;padding:18px 22px}.share-card-stat.is-alert{background:#fef6e7;border-color:#d9770652}.share-card-stat span{color:#64748b;font-size:22px;font-weight:500;display:block}.share-card-stat strong{overflow-wrap:anywhere;letter-spacing:-.02em;align-items:center;gap:12px;margin-top:10px;font-size:35px;font-weight:700;line-height:1.1;display:flex}.share-card-stat strong.is-fee{color:#c2410c}.share-card-stat strong.is-remaining{color:#1d4ed8}.share-card-stat strong.is-warning{color:#b45309}.share-card-warning-icon{color:#d97706;flex:none}.share-card-receipt.is-compact .share-card-body{margin:auto 0}.share-card-receipt.is-compact .share-card-summary{padding:46px 46px 50px}.share-card-receipt.is-compact .share-card-amount-label{font-size:26px}.share-card-receipt.is-compact .share-card-amount{margin-top:12px;font-size:142px}.share-card-receipt.is-compact .share-card-stats{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:46px;padding-top:42px}.share-card-receipt.is-compact .share-card-stat{justify-content:space-between;align-items:center;gap:28px;padding:30px 36px;display:flex}.share-card-receipt.is-compact .share-card-stat span{font-size:30px}.share-card-receipt.is-compact .share-card-stat strong{margin-top:0;font-size:58px}.share-card-description{flex:none;padding:20px 30px 22px}.share-card-description-title,.share-card-proof-title{color:#64748b;letter-spacing:.1em;text-transform:uppercase;font-size:21px;font-weight:600;display:block}.share-card-description p{overflow-wrap:anywhere;color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:26px;line-height:1.4;display:-webkit-box;overflow:hidden}.share-card-receipt.is-compact .share-card-description{padding:28px 36px 30px}.share-card-receipt.is-compact .share-card-description-title{font-size:24px}.share-card-receipt.is-compact .share-card-description p{-webkit-line-clamp:3;margin-top:12px;font-size:30px}.share-card-proof{grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;padding:22px 24px 24px;display:grid}.share-card-proof.is-image{flex:auto}.share-card-proof.is-link{flex:none}.share-card-proof-frame{background:#eef3fb;border-radius:18px;min-height:0;position:relative;overflow:hidden}.share-card-proof-image{background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:12px}.share-card-proof-preload{opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.share-card-placeholder{color:#2563eb;background:#f3f8ff;border:2px dashed #2563eb42;border-radius:18px;justify-content:center;align-items:center;gap:20px;min-height:180px;display:flex}.share-card-placeholder strong{color:#1e293b;font-size:30px;font-weight:600}.share-card-placeholder.is-empty{color:#94a3b8;background:#f6f8fb;border-color:#64748b47}.share-card-placeholder.is-empty strong{color:#64748b}.share-preview-modal{width:min(720px,100%)}.share-card-preview-image{border:1px solid var(--border);object-fit:contain;background:var(--surface-solid);border-radius:8px;width:100%;max-height:70vh;margin-bottom:14px;display:block}.fab{z-index:70;color:#fff;height:48px;transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:0;border-radius:999px;align-items:center;gap:10px;padding:6px 18px 6px 6px;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 26px #2563eb66}.fab span{background:#ffffff2e;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid}.fab strong{font-size:var(--text-md);font-weight:600;line-height:1}:root[data-theme=dark] .sidebar.glass{background:#131d2bb8}:root[data-theme=dark] .table-wrap{background:var(--surface-muted)}:root[data-theme=dark] .login-screen{background:radial-gradient(circle at 50% 8%,#60a5fa1f,#0000 32%),linear-gradient(#0e141d 0%,#172232 100%)}:root[data-theme=dark] .login-card{background:linear-gradient(180deg, #151f2ef0, #151f2ee0), var(--surface-solid);border-color:#ffffff1a}:root[data-theme=dark] .login-heading h1,:root[data-theme=dark] .auth-label{color:var(--text)}:root[data-theme=dark] .auth-input-shell{background:#0f172a5c;border-color:#93c5fd29}:root[data-theme=dark] .auth-input-shell:focus-within{background:#0f172a85;border-color:#60a5fa75}:root[data-theme=dark] .remember-option{color:var(--text)!important}:root[data-theme=dark] .login-footer,:root[data-theme=dark] .login-heading p{color:var(--muted)}:root[data-theme=dark] .login-error{color:#fecaca;background:linear-gradient(#7f1d1d42,#7f1d1d2e);border-color:#f8717138;box-shadow:0 12px 26px #00000029}:root[data-theme=dark] .login-error-icon{color:#fecaca;background:#f8717124}:root[data-theme=dark] .login-error-copy strong{color:#fee2e2}:root[data-theme=dark] .login-error-copy span{color:#fecaca}.fab:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2563eb6b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(18px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastTimer{0%{width:100%}to{width:0%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1280px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column,.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.app-shell{grid-template-columns:minmax(0,1fr)}.nav-scrim{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .16s var(--ease) both;background:#090e1880;display:block;position:fixed;inset:0}.nav-scrim[hidden]{display:none}.sidebar{z-index:100;width:min(280px,84vw);height:100dvh;transition:transform .24s var(--ease);will-change:transform;padding:16px 12px;position:fixed;top:0;left:0;transform:translate(-102%)}.sidebar.glass{background:var(--surface-solid);box-shadow:var(--e4);border-width:0 1px 0 0}.app-shell.nav-open .sidebar{transform:translate(0)}.icon-button.nav-close,.icon-button.nav-toggle{display:inline-grid}.main-content{padding:0 20px 88px}.topbar{margin:0 -20px 4px;padding:12px 20px}.metrics-grid,.expense-summary-grid,.settings-summary-grid,.form-grid,.form-grid.compact,.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.expense-toolbar .search-field{grid-column:1/-1}.messenger-toolbar{grid-template-columns:minmax(0,1fr)}.topbar-logout{display:none}}@media (width<=760px){.login-screen{align-items:start;padding:24px 14px 28px}.login-shell{gap:14px;width:min(100vw - 28px,340px);max-width:min(100vw - 28px,340px)}.login-card{gap:12px;width:100%;padding:24px 18px 22px}.login-heading{gap:6px;margin-bottom:4px}.login-heading h1{font-size:1.3rem}.login-heading p{font-size:var(--text-sm)}.login-mark{width:52px;height:52px;margin-bottom:4px}.auth-input-shell{grid-template-columns:24px minmax(0,1fr) auto;min-height:46px;padding:0 10px 0 12px}.auth-input-shell input{min-height:44px}.login-options{flex-flow:wrap;align-items:center;gap:8px}.remember-option,.login-options{font-size:var(--text-sm)}.login-submit{min-height:46px}.login-footer{max-width:260px;font-size:var(--text-xs)}.main-content{gap:16px;padding:0 14px 92px}.topbar{gap:10px;min-height:60px;margin:0 -14px 2px;padding:10px 14px}.topbar h1{font-size:1.15rem}.topbar-copy p{display:none}.topbar-actions{gap:6px}.user-menu-chip>span:last-child{display:none}.user-chip{min-height:38px;padding:4px}.panel{padding:16px 14px}.form-grid,.form-grid.compact,.filter-row,.expense-toolbar,.transaction-detail-money,.transaction-detail-grid{grid-template-columns:minmax(0,1fr)}.metrics-grid,.expense-summary-grid,.settings-summary-grid,.security-grid,.expense-modal-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field.wide,.form-actions.inline{grid-column:1/-1}.metric,.expense-summary-card{border-radius:var(--radius-md);gap:5px;min-height:0;padding:12px}.metric strong,.expense-summary-card strong{font-size:1.05rem}.metric-head span,.expense-summary-card span{font-size:var(--text-xs)}.metric-icon{width:24px;height:24px}.metric-hint,.expense-summary-card small{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.settings-summary-grid div,.security-grid div{min-height:0;padding:12px}.expense-records-title{flex-direction:column;align-items:stretch}.expense-records-title .text-button{width:100%}.expense-toolbar .filter-button{justify-content:center;width:100%}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:92dvh;animation:sheetIn .24s var(--ease) both}.expense-entry-modal,.form-entry-modal,.transaction-modal,.share-preview-modal,.proof-preview-modal{max-height:92dvh;padding:18px 16px 20px}.confirm-modal{padding:20px 16px 22px}.modal-header-actions .text-button{flex:none}.expense-modal-actions,.confirm-actions,.modal-footer-actions{justify-content:stretch}.expense-modal-actions .text-button,.confirm-actions .text-button,.modal-footer-actions .text-button{flex:132px}.pagination-row{flex-direction:column;align-items:stretch;gap:10px}.pagination-actions{justify-content:center}.fab{bottom:14px;right:14px}.toast-stack{width:auto;inset:auto 10px 78px}.expense-cards{gap:9px}.metrics-grid>.metric:nth-child(odd):last-child,.settings-summary-grid>div:nth-child(odd):last-child{grid-column:1/-1}.expense-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.expense-toolbar .search-field,.expense-toolbar .filter-button{grid-column:1/-1}.proof-image,.proof-frame{min-height:320px}}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media print{body{background:#fff}.sidebar,.topbar,.no-print,.toast-stack,.toast{display:none!important}.app-shell{padding:0;display:block}.panel{box-shadow:none;background:#fff;border:0}table{min-width:0}}
