@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=League+Spartan:wght@400;500;700;800&family=Noto+Sans+TC:wght@400;500;700;900&display=swap";:root{--bg:#f3efe6;--bg-soft:#ffffffb8;--surface:#ffffffe0;--surface-strong:#fffdf8;--surface-muted:#f4efe6;--text:#1f2937;--muted:#64748b;--border:#94a3b838;--line:#64748b29;--accent:#0f766e;--accent-deep:#0b4f4a;--danger:#b45309;--positive:#0f766e;--shadow:0 24px 60px #0f172a14;--shadow-soft:0 12px 32px #0f172a0f;--radius-xl:28px;--radius-lg:22px;--font-body:"Noto Sans TC", sans-serif;--font-display:"Manrope", "Noto Sans TC", sans-serif;color:var(--text);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 100% 0,#0f766e24,#0000 22%),linear-gradient(#f9f5ee 0%,#f3efe6 48%,#efe8dd 100%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);max-width:1320px;box-shadow:var(--shadow-soft);background:#f9f5eed1;border-radius:24px;flex-direction:column;gap:14px;margin:0 auto 18px;padding:14px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:0;min-width:0;display:flex}.brand-mark{background:linear-gradient(#0f766e2e,#164e6314);border:1px solid #0f766e2e;border-radius:18px;place-items:center;width:74px;min-width:74px;height:74px;display:grid;position:relative}.coin-outer{background:linear-gradient(135deg,#f7c948,#d97706);border-radius:50%;width:42px;height:42px;box-shadow:inset 0 0 0 4px #ffffff59,0 10px 18px #d977062e}.coin-inner{color:#7c2d12;width:32px;height:32px;font-size:1.15rem;font-weight:900;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid;position:absolute}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-family:var(--font-display);margin-bottom:6px;font-weight:800}.topbar h1,.hero-panel h2,.trip-hero h2,.section-heading h2,.empty-state h3{font-family:var(--font-display)}.topbar h1{letter-spacing:-.03em;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95}.top-nav,.bottom-nav,.hero-actions,.inline-actions,.section-actions,.money-row,.field-inline{align-items:center;gap:10px;display:flex}.top-nav{flex-wrap:wrap;justify-content:flex-end}.topbar-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.nav-pill,.bottom-link,.import-button{min-height:44px;color:var(--muted);background:#ffffff9e;border:1px solid #0000;border-radius:999px;padding:11px 16px;font-weight:700}.nav-pill.is-active,.bottom-link.is-active{color:var(--accent-deep);background:#0f766e24;border-color:#0f766e2e}.app-main{max-width:1320px;margin:0 auto}.page-stack{gap:18px;display:grid}.auth-screen{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-soft);gap:18px;padding:24px;display:grid}.auth-card h1{margin:4px 0 0;font-size:clamp(1.8rem,7vw,2.6rem)}.hero-panel,.trip-hero,.card,.stat-card,.success-banner,.loading-panel{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.hero-panel{background:linear-gradient(135deg,#fffdf8f2,#ffffffb8);gap:18px;padding:22px;display:grid}.daily-hero{grid-template-columns:1fr;align-items:start}.trend-hero{grid-template-columns:1fr;align-items:end}.hero-copy{gap:18px;display:grid}.trend-hero-copy{gap:10px;display:grid}.hero-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-topline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-panel-label{color:var(--muted);margin-bottom:6px;font-size:.84rem;font-weight:700}.hero-panel h2,.trip-hero h2{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.6rem)}.muted{color:var(--muted)}.hero-actions{flex-wrap:wrap}.month-controller,.month-controller-grid{gap:12px;display:grid}.month-controller{grid-template-columns:1fr}.month-controller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.month-field select{background:var(--surface-strong)}.month-shift-button{color:#fff;background:linear-gradient(135deg, var(--accent-deep), #0f766e);border:0;border-radius:14px;min-height:46px;padding:10px 18px;font-weight:800;box-shadow:0 14px 28px #0b4f4a24}.hero-quick-form{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(#fffffff0,#f8fafce6);gap:16px;padding:20px;display:grid}.hero-form-head{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.hero-form-submit{justify-content:flex-end;display:flex}.hero-form-submit .primary-button{min-width:168px}.hero-form-head h3,.budget-total-top h3,.chart-card-head h3,.category-spending-panel-head h3{font-size:1.15rem;font-family:var(--font-display);letter-spacing:-.02em}.month-picker{flex-direction:column;gap:6px;min-width:138px;display:inline-flex}.month-picker span,.field span{color:var(--muted);font-size:.92rem;font-weight:700}.stats-grid,.content-grid,.budget-layout,.field-grid,.trip-grid,.trend-category-grid,.trend-category-stack,.hero-stats-grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.stat-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px}.stat-card-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stat-card-topline small,.comparison-grid small{color:inherit;opacity:.8;font-size:.84rem;font-weight:700}.stat-card.accent{color:#fff;background:linear-gradient(135deg,#0f766eeb,#164e63e0)}.stat-card span{opacity:.86;font-size:.9rem;display:block}.stat-card strong{font-family:var(--font-display);margin:10px 0 6px;font-size:clamp(1.6rem,3vw,2.2rem);display:block}.stat-card p{opacity:.84}.summary-balance-card .stat-split{gap:14px;margin-top:14px;display:grid}.summary-balance-card .stat-split.stat-split-3{grid-template-columns:1fr}.summary-balance-card .stat-split small{opacity:.82;margin-bottom:8px;font-size:.88rem;display:block}.summary-balance-card .stat-split strong{margin:0;font-size:clamp(1.5rem,2.4vw,2.4rem)}.comparison-card{gap:14px;display:grid;container-type:inline-size}.comparison-grid{grid-template-columns:1fr;gap:14px;display:grid}.comparison-grid strong{margin:8px 0 4px;font-size:clamp(1.4rem,2.3vw,2rem)}.content-grid{grid-template-columns:1fr}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:18px}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:-.03em;font-size:1.25rem}.budget-layout{grid-template-columns:1fr}.budget-dashboard{gap:18px;display:grid}.budget-category-summary,.budget-chart-grid,.budget-chart-stack,.settings-grid{gap:14px;display:grid}.budget-total-panel,.budget-summary-item,.chart-card,.category-spending-panel,.settings-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-strong);padding:16px}.budget-total-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.budget-summary-list,.chart-card{gap:12px;display:grid}.chart-card-head{gap:4px;display:grid}.category-spending-panel{padding:0;overflow:hidden}.category-spending-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 0;display:flex}.category-spending-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,320px);display:grid}.category-spending-summary div,.category-spending-metrics div{gap:4px;display:grid}.category-spending-summary span,.category-spending-metrics span{color:var(--muted);font-size:.84rem;font-weight:700}.category-spending-summary strong{font-family:var(--font-display);font-size:1.02rem}.category-spending-list{gap:0;display:grid}.category-spending-row{border-top:1px solid var(--line);gap:12px;padding:18px 20px;display:grid}.category-spending-row-main{gap:14px;display:grid}.category-spending-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.budget-summary-box{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--line);padding:18px}.budget-metrics{gap:10px;margin-top:14px;display:grid}.inline-summary-stack{gap:8px;display:grid}.budget-metrics div,.inline-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-summary-total{border-top:1px solid var(--line);padding-top:8px}.budget-table,.expense-list,.share-list,.legend-list,.chip-list{gap:12px;display:grid}.expense-list{max-height:720px;padding-right:6px;overflow-y:auto}.expense-list-toolbar{gap:14px;margin-bottom:18px;display:grid}.expense-filter-grid .ghost-button{min-height:48px}.expense-list-summary{margin:0}.expense-list::-webkit-scrollbar{width:10px}.expense-list::-webkit-scrollbar-track{background:#edf3ff;border-radius:999px}.expense-list::-webkit-scrollbar-thumb{background:linear-gradient(#7fb0ff,#3d7eff);border-radius:999px}.budget-row,.expense-item,.share-row,.member-chip,.empty-state,.loading-panel,.trend-category-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-lg)}.budget-row,.expense-item,.empty-state,.loading-panel,.trend-category-card{padding:16px}.budget-row-top,.budget-footer,.expense-meta,.legend-item,.trip-card-top,.trip-stats,.member-form,.back-link,.trip-card-body,.trend-category-card-head{justify-content:space-between;gap:12px;display:flex}.expense-item{flex-direction:column;gap:14px;display:flex}.expense-main{gap:10px;display:grid}.expense-meta,.budget-row-top,.trip-card-top,.trip-stats,.member-form,.trend-category-card-head{flex-wrap:wrap;align-items:center}.expense-meta{justify-content:flex-start}.expense-meta .subtle-chip{margin-left:auto}.money-row,.inline-actions.wrap{flex-wrap:wrap}.category-pill,.subtle-chip,.date-chip,.member-chip{border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:.88rem;font-weight:700;display:inline-flex}.subtle-chip,.date-chip,.member-chip{background:var(--surface-muted);color:var(--muted)}.field,.ledger-form{gap:8px;display:grid}.field input,.field select,.field textarea,.member-form input{width:100%;min-height:48px;color:var(--text);background:#fff;border:1px solid #94a3b847;border-radius:14px;padding:12px 14px}.segmented{background:var(--surface-muted);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid}.segmented button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;font-weight:700}.primary-button,.ghost-button,.fab,.trip-cover,.chip-close{border:0}.primary-button,.ghost-button{border-radius:14px;min-height:46px;padding:10px 16px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg, var(--accent), #164e63)}.ghost-button{color:var(--accent-deep);background:#fffc;border:1px solid #94a3b838}.ghost-button.danger{color:var(--danger);background:#b453091f}.progress-track{background:#94a3b829;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#14b8a6);height:100%;display:block}.category-color-grid{flex-wrap:wrap;gap:10px;display:flex}.color-swatch{border:2px solid #fffc;border-radius:50%;width:36px;height:36px;box-shadow:0 8px 18px #0f172a14}.color-swatch.is-active{outline-offset:2px;outline:3px solid #0f766e38}.category-manager-list{gap:12px;display:grid;position:relative}.category-manager-item{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.category-manager-info{gap:8px;display:grid}.category-manager-order{align-items:center;gap:10px;display:flex}.budget-input-row{gap:12px;margin-top:12px;display:grid}.chart-frame{min-height:240px}.legend-list{flex-wrap:wrap;gap:12px 18px;margin-top:8px;display:flex}.legend-item,.drawer-head,.form-actions{align-items:center}.legend-item{justify-content:flex-start;min-width:140px}.legend-label{align-items:center;gap:10px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.trend-year-field{min-width:min(100%,220px)}.trend-category-card{gap:14px;width:100%;display:grid}.trend-category-meta{text-align:right;gap:4px;display:grid}.trend-category-meta span{color:var(--muted);font-size:.88rem;font-weight:700}.file-dropzone-wrap{gap:12px;display:grid}.file-dropzone{text-align:center;width:100%;color:var(--text);background:linear-gradient(#0f766e0f,#ffffffb8);border:2px dashed #0f766e38;border-radius:22px;place-items:center;gap:8px;padding:28px 18px;display:grid}.file-dropzone:disabled{cursor:wait;opacity:.72}.file-dropzone span,.file-dropzone small{color:var(--muted)}.upload-progress{gap:8px;display:grid}.upload-progress-bar{margin-top:0}.import-hint-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;padding:14px 16px}.import-hint-card p+p{margin-top:6px}.import-result{border-radius:14px;padding:12px 14px;font-weight:700}.import-result.success{color:var(--accent-deep);background:#0f766e1f}.import-result.error{color:#b91c1c;background:#f871711f}.empty-state,.loading-panel{place-items:start;gap:10px;display:grid}.loading-panel{text-align:center;place-content:center;min-height:180px}.success-banner{color:var(--accent-deep);background:#0f766e1f;padding:14px 18px;font-weight:800}.drawer-backdrop{z-index:50;background:#0f172a57;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.drawer{width:min(680px,100%);max-height:calc(100vh - 28px);box-shadow:var(--shadow);background:#fffdf8;border-radius:28px 28px 0 0;padding:18px;overflow:auto}.drawer-head{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.ledger-form{gap:16px}.field-grid,.budget-input-row,.trip-currency-grid{grid-template-columns:1fr}.error-text{color:#b91c1c;font-size:.85rem}.field-error-slot{min-height:1.2em;margin-top:2px;display:block}.error-banner{color:#b91c1c;background:#f871711a;border-radius:14px;padding:12px 14px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.settings-grid{grid-template-columns:1fr}.fab{z-index:15;color:#fff;background:linear-gradient(135deg, var(--accent), #164e63);border-radius:999px;min-height:54px;padding:14px 18px;font-weight:900;position:fixed;bottom:88px;right:16px;box-shadow:0 18px 44px #0f766e42}.bottom-nav{z-index:22;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fffdf8e6;border-radius:22px;justify-content:center;padding:10px;position:fixed;bottom:14px;left:16px;right:16px}.trip-grid{grid-template-columns:1fr}.trip-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:26px;overflow:hidden}.trip-cover{cursor:pointer;background-color:#164e63;width:100%;min-height:220px;padding:0;position:relative;overflow:hidden}.trip-cover-image{object-fit:cover;transform-origin:50%;width:100%;height:220px;transition:transform .16s,object-position .16s}.trip-cover-fallback{color:#fff;text-align:left;background:linear-gradient(135deg,#0f766e 0%,#164e63 100%);place-content:end start;gap:8px;width:100%;height:220px;padding:18px;display:grid}.trip-cover-fallback strong{font-size:2rem;font-family:var(--font-display)}.trips-card-section{gap:22px;display:grid}.create-trip-button{color:#fff;background:#2f73f6;border:0;border-radius:18px;width:100%;min-height:54px;font-size:1rem;font-weight:900;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 14px 28px #2f73f638}.create-trip-button:hover{background:#4b86ff;transform:translateY(-1px);box-shadow:0 18px 34px #2f73f652}.create-trip-button:focus-visible{outline-offset:4px;outline:4px solid #2f73f647}.cover-adjust-panel{gap:18px;display:grid}.cover-adjust-preview{border:1px solid var(--line);background:#164e63;border-radius:22px;height:240px;overflow:hidden}.cover-adjust-preview img{object-fit:cover;transform-origin:50%;width:100%;height:100%}.range-field{color:var(--muted);gap:8px;font-weight:800;display:grid}.range-field input{width:100%;accent-color:var(--accent)}.trip-delete-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a57;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.trip-delete-dialog{background:#fff;border:1px solid #94a3b842;border-radius:24px;gap:14px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 60px #0f172a3d}.trip-delete-dialog h3{font-size:1.25rem}.trip-delete-dialog p{color:var(--muted);line-height:1.7}.trip-delete-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.trip-title-row{align-items:center;gap:10px;display:flex}.trip-title-row h2{margin:0}.icon-button{width:38px;height:38px;color:var(--accent-deep);background:#ffffffd1;border:1px solid #94a3b842;border-radius:12px;flex:none;place-items:center;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-grid;box-shadow:0 8px 18px #0f172a0f}.icon-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.icon-button:focus-visible{outline-offset:3px;outline:3px solid #3d7eff47}.trip-card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trip-edit-menu-wrap{position:relative}.trip-edit-menu{z-index:10;background:#fff;border:1px solid #94a3b83d;border-radius:16px;gap:4px;min-width:160px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 18px 42px #0f172a2e}.trip-edit-menu button{min-height:40px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;padding:9px 12px;font-weight:800}.trip-edit-menu button:hover,.trip-edit-menu button:focus-visible{background:#3d7eff1a;outline:0}.trip-edit-menu button.danger{color:var(--danger)}.trip-card-body{flex-direction:column;padding:18px}.trip-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.trip-stats div{gap:4px;display:grid}.back-link{color:var(--accent-deep);align-items:center;font-weight:800}.trip-hero{color:#fff;background-position:50%;background-size:cover;gap:16px;padding:24px;display:grid}.trip-hero-copy{color:#ffffffd1;max-width:820px}.member-form{flex-direction:column}.chip-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:14px}.member-chip{justify-content:space-between;align-items:center}.chip-close{width:28px;height:28px;color:var(--muted);background:#64748b1f;border-radius:50%}.table-scroll{overflow-x:auto}.summary-table{border-collapse:collapse;width:100%;min-width:520px}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.summary-table th{color:var(--muted);font-size:.9rem}.share-row{grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;padding:12px;display:grid}.share-check{align-items:center;gap:10px;display:flex}.share-row input[type=number]{border:1px solid #94a3b847;border-radius:12px;width:100%;min-height:44px;padding:10px 12px}.trip-hero{background:#111827;grid-template-columns:1fr;align-items:stretch}.trip-hero-main{gap:18px;display:grid}.trip-hero-total{border-radius:var(--radius-lg);background:#ffffff1a;border:1px solid #ffffff29;align-content:center;gap:6px;padding:18px;display:grid}.trip-hero-total span,.trip-hero-total p{color:#ffffffb8;margin:0;font-weight:700}.trip-hero-total strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,3.2rem)}.span-2{grid-column:span 1}@media (width>=720px){.app-shell{padding:24px 24px 40px}.stats-grid,.field-grid,.budget-input-row,.trip-currency-grid,.member-form{grid-template-columns:repeat(2,minmax(0,1fr))}.month-controller{grid-template-columns:auto minmax(260px,360px) auto;align-items:end}.hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-hero{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.summary-balance-card{grid-column:span 2}.summary-balance-card .stat-split.stat-split-3,.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-spending-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-quick-form{padding:22px}.trip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-hero{grid-template-columns:minmax(0,1fr) 220px}.trend-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-category-stack{grid-template-columns:1fr}.member-form{align-items:end}}@media (width>=1024px){.topbar{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.budget-layout{grid-template-columns:minmax(280px,340px) 1fr}.daily-hero{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}.trend-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-category-stack{grid-template-columns:1fr}.budget-dashboard{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:start}.budget-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-chart-stack{align-self:start}.settings-grid,.trip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-backdrop{justify-content:flex-end;align-items:stretch;padding:0}.drawer{border-radius:32px 0 0 32px;height:100vh;max-height:none;padding:28px}.fab,.bottom-nav{display:none}}.drawer{flex-direction:column;max-height:calc(100dvh - 28px);display:flex;overflow:hidden}.drawer-head{flex-shrink:0;align-items:flex-start}.drawer-head>div{min-width:0}.drawer-body{overscroll-behavior:contain;min-height:0;padding-right:2px;overflow-y:auto}.drawer-close-button{width:44px;height:44px;color:var(--accent-deep);background:#f4f7ff;border:1px solid #a3b2cc57;border-radius:999px;flex:none;place-items:center;font-size:1.6rem;font-weight:900;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffffd1}.category-add-form,.category-edit-panel{gap:16px;display:grid}.category-add-form{padding-left:6px}.category-color-grid.compact{gap:8px}.category-color-grid.compact .color-swatch{width:30px;height:30px}.category-manager-item.is-editing{display:block}.category-manager-list.is-sorting{-webkit-user-select:none;user-select:none}.category-drag-handle{min-width:36px;min-height:36px;color:var(--accent-deep);letter-spacing:-.08em;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#3d7eff14;border:0;border-radius:12px;place-items:center;padding:0;font-size:1.05rem;font-weight:800;display:inline-grid}.category-manager-item--floating{z-index:80;pointer-events:none;opacity:.96;border-color:#3d7eff73;margin:0;position:fixed;transform:rotate(1.5deg)scale(1.01);box-shadow:0 20px 44px #0f172a2e,0 0 0 2px #3d7eff1f}.category-drop-indicator{height:14px;margin:-2px 2px;position:relative}.category-drop-indicator:before{content:"";background:#5d95ff;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 0 0 3px #5d95ff29}.category-drop-indicator:after{content:"";background:linear-gradient(90deg,#5d95fff2,#5d95ff73);border-radius:999px;height:2px;position:absolute;top:50%;left:28px;right:8px;transform:translateY(-50%)}.category-manager-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.category-manager-actions .primary-button,.category-manager-actions .ghost-button{min-height:42px;padding:8px 14px}@media (width<=640px){.category-manager-item{align-items:stretch}.category-manager-info{min-width:0}.category-manager-order{gap:8px}.category-manager-actions{justify-content:flex-start}}.confirm-backdrop{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17203342;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.confirm-dialog{width:min(360px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #a3b2cc61;border-radius:22px;gap:12px;padding:20px;display:grid}.confirm-dialog h3{font-size:1.1rem}.confirm-dialog p{color:var(--muted);line-height:1.6}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width>=1024px){.drawer{max-height:100dvh}}.trip-hero{background:#111827}@media (width>=720px){.trip-hero{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}}:root{--color-bg-main:#fff7ef;--color-bg-surface:#fff;--color-bg-soft:#f3e6d2;--color-primary:#e76f51;--color-primary-hover:#d85f43;--color-primary-soft:#fbe4da;--color-mint:#cde7d6;--color-mint-dark:#5f8f6b;--color-olive:#8a9a7b;--color-text-main:#3a3a3a;--color-text-secondary:#7a6f67;--color-text-muted:#a89d94;--color-income:#5f8f6b;--color-expense:#e76f51;--color-warning:#d99a4e;--color-danger:#c95c4a;--color-neutral-line:#e8ddd2;--font-body:"Inter", "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Inter", "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--shadow-card:0 18px 42px #7a6f671f;--shadow-soft:0 10px 28px #7a6f6717;--shadow-float:0 24px 60px #7a6f672e;--bg:var(--color-bg-main);--bg-soft:var(--color-bg-soft);--surface:var(--color-bg-surface);--surface-strong:var(--color-bg-surface);--surface-muted:var(--color-bg-soft);--text:var(--color-text-main);--muted:var(--color-text-secondary);--border:var(--color-neutral-line);--line:var(--color-neutral-line);--accent:var(--color-primary);--accent-deep:var(--color-primary-hover);--danger:var(--color-danger);--positive:var(--color-income);--shadow:var(--shadow-float);color:var(--color-text-main);background:var(--color-bg-main)}html{background:var(--color-bg-main)}body{color:var(--color-text-main);background:radial-gradient(circle at top left, #e76f511a, transparent 28%), radial-gradient(circle at 82% 8%, #cde7d68c, transparent 24%), linear-gradient(180deg, #fffaf4 0%, var(--color-bg-main) 42%, #f9efe3 100%);font-family:var(--font-body);font-size:14px;line-height:1.57}body:before,body:after,.topbar:before,.topbar:after,.hero-panel:before,.trip-hero:before,.card:before,.stat-card:before,.drawer:before,.brand-mark:before{display:none}#root,.app-shell,.app-main{z-index:1;position:relative}.app-shell{padding:16px 14px 106px}.app-main{max-width:1280px}.page-stack{gap:var(--space-5)}.topbar,.hero-panel,.trip-hero,.card,.stat-card,.success-banner,.loading-panel,.trip-card,.trend-category-card,.expense-item,.budget-row,.empty-state,.drawer,.chart-card,.category-spending-panel,.settings-card,.budget-summary-item,.budget-total-panel,.import-hint-card,.category-manager-item,.confirm-dialog,.trip-delete-dialog{clip-path:none;border:1px solid var(--color-neutral-line);border-radius:var(--radius-xl);background:var(--color-bg-surface);box-shadow:var(--shadow-soft);overflow:visible}.topbar{gap:var(--space-4);max-width:1280px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-color:#e8ddd2c7;padding:14px}.brand-mark{background:linear-gradient(145deg, var(--color-primary-soft), #fffdf9);border:1px solid #e76f512e;border-radius:22px;width:62px;min-width:62px;height:62px;box-shadow:inset 0 1px #ffffffe6,0 12px 28px #e76f5121}.coin-outer{background:linear-gradient(145deg, #f6c36a, var(--color-primary));width:36px;height:36px;box-shadow:inset 0 0 0 4px #ffffff61,0 10px 20px #e76f5133}.coin-inner{color:#7b3f2f;font-family:var(--font-display)}.topbar h1{color:var(--color-text-main);font-family:var(--font-display);letter-spacing:-.045em;text-transform:none;text-shadow:none;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.08}.eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.hero-panel h2,.trip-hero h2{color:var(--color-text-main);font-family:var(--font-display);letter-spacing:-.035em;text-transform:none;font-size:clamp(1.5rem,3.2vw,2.45rem);line-height:1.16}.section-heading h2,.empty-state h3,.hero-form-head h3,.budget-total-top h3,.chart-card-head h3,.category-spending-panel-head h3{color:var(--color-text-main);font-family:var(--font-display);letter-spacing:-.015em;text-transform:none;font-size:1.125rem;font-weight:700;line-height:1.45}.muted,.hero-panel-label,.month-picker span,.field span,.section-heading p,.stat-card span,.trend-category-meta span,.trip-hero-copy,.summary-table th,.file-dropzone span,.file-dropzone small,.range-field,.trip-delete-dialog p,.confirm-dialog p{color:var(--color-text-secondary)}.nav-pill,.bottom-link,.import-button,.primary-button,.ghost-button,.month-shift-button,.file-dropzone,.segmented button,.chip-close{clip-path:none}.nav-pill,.bottom-link,.import-button{min-height:44px;color:var(--color-text-secondary);box-shadow:none;letter-spacing:0;text-transform:none;background:#f3e6d285;border:1px solid #0000;border-radius:999px;padding:10px 16px;font-weight:700}.nav-pill:hover,.bottom-link:hover{color:var(--color-primary-hover);background:var(--color-primary-soft)}.nav-pill.is-active,.bottom-link.is-active{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#e76f512e;box-shadow:0 10px 24px #e76f5124}.import-button{color:#fff;background:var(--color-primary);box-shadow:0 12px 28px #e76f5138}.import-button:hover{background:var(--color-primary-hover);box-shadow:0 16px 34px #e76f5147}.hero-panel,.card,.drawer,.trip-card{background:linear-gradient(180deg, #fffffff0, #ffffffdb), var(--color-bg-surface)}.hero-panel{padding:clamp(18px,3vw,28px)}.daily-hero,.trend-hero{align-items:center}.hero-quick-form,.budget-total-panel,.budget-summary-item,.chart-card,.category-spending-panel,.settings-card,.budget-summary-box,.import-hint-card,.expense-item,.trend-category-card,.budget-row,.empty-state,.loading-panel,.share-row,.category-manager-item{background:var(--color-bg-surface);border:1px solid var(--color-neutral-line);border-radius:var(--radius-lg);box-shadow:0 10px 24px #7a6f6712}.empty-state,.loading-panel{background:var(--color-bg-soft)}.stat-card{background:var(--color-bg-surface);border-color:var(--color-neutral-line);box-shadow:var(--shadow-soft);padding:clamp(16px,2.2vw,22px)}.stat-card.accent,.summary-balance-card,.comparison-card{color:var(--color-text-main);background:linear-gradient(145deg, var(--color-primary-soft), #fff8f3);border-color:#e76f512e;box-shadow:0 18px 42px #e76f5121}.stat-card span{color:var(--color-text-secondary);font-size:.86rem;font-weight:700}.stat-card strong,.summary-balance-card .stat-split strong,.comparison-grid strong,.trend-category-meta strong,.trip-hero-total strong{color:var(--color-text-main);font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.55rem,3vw,2rem);font-weight:800;line-height:1.12}.stat-card p,.summary-balance-card .stat-split small,.comparison-grid small{color:var(--color-text-secondary);opacity:1}.positive{color:var(--color-income);font-weight:800}.negative{color:var(--color-expense);font-weight:800}.field input,.field select,.field textarea,.member-form input,.share-row input[type=number],.month-field select{min-height:48px;color:var(--color-text-main);border:1px solid var(--color-neutral-line);border-radius:var(--radius-md);background:#fffcf8;box-shadow:inset 0 1px #ffffffe0}.primary-button,.month-shift-button,.create-trip-button,.fab{color:#fff;background:var(--color-primary);border-radius:var(--radius-md);border:1px solid #e76f511f;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 12px 28px #e76f5138}.primary-button:hover,.month-shift-button:hover,.create-trip-button:hover,.fab:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 18px 36px #e76f5147}.ghost-button,.icon-button{color:var(--color-text-main);border:1px solid var(--color-neutral-line);border-radius:var(--radius-md);background:#fffaf5;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 8px 20px #7a6f6714}.ghost-button:hover,.icon-button:hover{background:var(--color-primary-soft);transform:translateY(-1px);box-shadow:0 14px 28px #7a6f671f}.ghost-button.danger,.trip-edit-menu button.danger{color:var(--color-danger);background:#fff0eb;border-color:#c95c4a2e}.primary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.nav-pill:focus-visible,.bottom-link:focus-visible,.import-button:focus-visible,.create-trip-button:focus-visible,.month-shift-button:focus-visible,.drawer-close-button:focus-visible,.trip-edit-menu button:focus-visible{outline-offset:3px;outline:3px solid #e76f5147}.segmented{background:var(--color-bg-soft);border:1px solid var(--color-neutral-line);border-radius:18px;padding:4px}.segmented button{color:var(--color-text-secondary);border-radius:14px}.segmented button.is-active{color:var(--color-primary-hover);background:var(--color-bg-surface);box-shadow:0 8px 18px #7a6f671a}.category-pill,.subtle-chip,.date-chip,.member-chip{box-shadow:none;border:0;border-radius:999px}.subtle-chip,.date-chip,.member-chip{color:var(--color-text-secondary);background:var(--color-bg-soft)}.expense-item{gap:var(--space-4)}.expense-main>strong,.trip-title-row h2,.trip-card-top h2{color:var(--color-text-main);font-weight:800}.money-row{color:var(--color-text-main);font-weight:650}.money-row span{padding:5px 0}.summary-table th,.summary-table td{border-bottom:1px solid var(--color-neutral-line)}.summary-table th{color:var(--color-text-secondary);font-weight:800}.progress-track{background:#f1e7dc}.progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-warning))}.progress-fill.is-danger{background:linear-gradient(90deg, var(--color-expense), var(--color-danger))}.success-banner,.import-result.success{color:var(--color-mint-dark);background:var(--color-mint);border-color:#5f8f6b38}.error-text,.error-banner,.import-result.error{color:var(--color-danger)}.error-banner,.import-result.error{background:#fff0eb}.drawer-backdrop,.trip-delete-backdrop,.confirm-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3a3a3a3d}.drawer{background:var(--color-bg-surface);box-shadow:var(--shadow-float)}.drawer-close-button{border:1px solid var(--color-neutral-line);color:var(--color-primary-hover);background:#fffaf5;box-shadow:0 8px 20px #7a6f671a}.bottom-nav{box-shadow:var(--shadow-card);background:#ffffffe6;border-color:#e8ddd2db}.chart-frame .recharts-text,.chart-frame text{fill:var(--color-text-secondary);font-family:var(--font-body);letter-spacing:0}.chart-frame .recharts-cartesian-grid line,.chart-frame .recharts-polar-grid-angle line,.chart-frame .recharts-polar-grid-concentric path{stroke:#e8ddd2e6}.legend-dot{width:11px;height:11px}.trend-category-card{padding:clamp(16px,2vw,22px)}.trend-category-card-head{align-items:flex-start}.trend-category-meta{gap:var(--space-1)}.trend-category-meta span{color:var(--color-text-secondary);font-weight:700}.file-dropzone{background:linear-gradient(180deg, #fffcf8, var(--color-bg-soft));border:2px dashed #e76f514d}.file-dropzone.is-dragging{background:var(--color-primary-soft);border-color:#e76f518c}.category-drag-handle{color:var(--color-primary-hover);background:var(--color-primary-soft)}.category-manager-item--floating{border-color:#e76f5157;box-shadow:0 20px 44px #7a6f672e,0 0 0 2px #e76f511f}.category-drop-indicator:before{background:var(--color-primary);box-shadow:0 0 0 3px #e76f5129}.category-drop-indicator:after{background:linear-gradient(90deg,#e76f51f2,#e76f5166)}.trip-cover{background:var(--color-olive)}.trip-cover-fallback{color:var(--color-text-main);background:linear-gradient(145deg, var(--color-bg-soft), var(--color-mint))}.trip-card{overflow:hidden}.trip-card-body{background:var(--color-bg-surface)}.trip-edit-menu{background:var(--color-bg-surface);border-color:var(--color-neutral-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.trip-edit-menu button{color:var(--color-text-main)}.trip-edit-menu button:hover,.trip-edit-menu button:focus-visible{background:var(--color-primary-soft)}.back-link{color:var(--color-primary-hover)}.trip-hero{color:var(--color-text-main);background:radial-gradient(circle at top right, #cde7d6bf, transparent 34%), linear-gradient(145deg, #fffaf5, var(--color-bg-soft));border-color:var(--color-neutral-line);box-shadow:var(--shadow-card)}.trip-hero-copy,.trip-hero-total span,.trip-hero-total p{color:var(--color-text-secondary)}.trip-hero-total{background:#ffffff9e;border:1px solid #e8ddd2cc}.range-field input{accent-color:var(--color-primary)}.expense-list::-webkit-scrollbar-track{background:#f2e7dc}.drawer-body::-webkit-scrollbar-track{background:#f2e7dc}.expense-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary), var(--color-warning))}.drawer-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary), var(--color-warning))}@media (width<=719px){.app-shell{padding:12px 12px 106px}.topbar{border-radius:24px}.brand-mark{display:none}.topbar h1{font-size:2.3rem;line-height:1.12}.hero-panel,.trip-hero,.card{border-radius:24px}.section-heading{flex-direction:column;align-items:stretch}.stat-card strong,.trend-category-meta strong{font-size:1.55rem}.expense-meta .subtle-chip{margin-left:0}.expense-item .inline-actions,.trip-card-actions,.form-actions{width:100%}.expense-item .inline-actions .ghost-button,.trip-card-actions>.primary-button,.trip-edit-menu-wrap,.form-actions .primary-button,.form-actions .ghost-button{flex:auto}.share-row{grid-template-columns:1fr}.trend-category-card-head{gap:var(--space-3)}}@media (width>=720px){.app-shell{padding:22px 22px 42px}.stats-grid,.hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.topbar{padding:16px 18px}.stats-grid,.hero-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-balance-card{grid-column:span 1}.summary-balance-card .stat-split.stat-split-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.daily-hero{grid-template-columns:minmax(0,1fr) minmax(440px,.86fr)}}.daily-hero .hero-stats-grid{grid-template-columns:1fr;align-items:stretch}.daily-hero .summary-balance-card{grid-column:1/-1}.daily-hero .summary-balance-card .stat-split.stat-split-3{grid-template-columns:1fr}.daily-hero .stat-card{min-width:0}.daily-hero .stat-card strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(1.55rem,3vw,2.1rem)}.daily-hero .comparison-grid strong{overflow-wrap:normal;word-break:keep-all;white-space:nowrap;font-size:clamp(1.35rem,11cqw,2.05rem)}@media (width>=720px){.daily-hero .hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-hero .summary-balance-card .stat-split.stat-split-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.topbar{background:#fffffff0;border-color:#e8ddd2e6;border-radius:28px;gap:18px;min-height:84px;padding:14px 18px;box-shadow:0 12px 28px #7a6f6714}.brand-tagline{color:var(--color-text-secondary);letter-spacing:.02em;font-size:.88rem;font-weight:500}.topbar-tools,.top-nav{gap:10px}.nav-pill,.bottom-link,.import-button{border-radius:999px;min-height:38px;padding:8px 14px;font-size:.92rem;line-height:1.2}.nav-pill,.bottom-link{color:var(--color-text-secondary);box-shadow:none;background:#f3e6d2b8;border:1px solid #f3e6d2eb}.nav-pill.is-active,.bottom-link.is-active{color:var(--color-primary-hover);background:var(--color-primary-soft);box-shadow:none;border-color:#e76f513d}.import-button{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 10px 22px #e76f5133}@media (width<=719px){.topbar{min-height:auto;padding:14px}.brand-lockup{width:100%}.topbar h1{font-size:2rem;line-height:1.05}.brand-tagline{font-size:.82rem}.topbar-tools{width:100%}.top-nav{justify-content:flex-start;width:100%}}@media (width>=1024px){.topbar{min-height:92px;padding:16px 20px}.topbar-tools{max-width:none}}.app-main{z-index:auto}.drawer-backdrop{z-index:1000;justify-content:center;align-items:stretch;padding:0;overflow:hidden}.drawer{width:min(720px,100%);height:100dvh;max-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));border-radius:0;flex-direction:column;display:flex;overflow:hidden}.drawer-head{flex:none}.drawer-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:0 2px 28px 0;overflow-y:auto}@media (width<=719px){.top-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.nav-pill,.import-button{text-align:center;white-space:nowrap;justify-content:center;align-items:center;width:100%;min-width:0;min-height:40px;padding:8px 4px;font-size:.86rem;display:inline-flex}}@media (width<=374px){.nav-pill,.import-button{font-size:.78rem}}@media (width>=1024px){.drawer-backdrop{justify-content:flex-end}.drawer{border-radius:32px 0 0 32px;width:min(720px,44vw);padding:28px}}.daily-hero{align-items:start}.daily-hero .hero-copy,.daily-hero .hero-quick-form{align-self:start}.daily-hero .hero-topline .eyebrow{letter-spacing:0;margin-bottom:0;font-size:clamp(1.05rem,1.35vw,1.28rem)}.field{min-width:0}.field input,.field select,.field textarea,.member-form input,.share-row input[type=number],.month-field select{box-sizing:border-box;width:100%;min-height:56px;padding:14px 16px;font-size:1rem;line-height:1.2}.expense-filter-grid,.hero-quick-form .field-grid{align-items:end}.expense-filter-grid .field input,.expense-filter-grid .field select,.expense-filter-grid .field textarea,.hero-quick-form .field input,.hero-quick-form .field select,.hero-quick-form .field textarea{min-height:58px}.expense-filter-grid .primary-button,.expense-filter-grid .ghost-button{align-self:end;min-height:58px}@media (width>=1024px){.topbar{align-items:flex-start}.topbar-tools{align-self:flex-start;padding-top:12px}}.app-shell{min-height:100vh;padding:0 0 64px}.topbar{border-radius:30px;justify-content:space-between;align-items:center;gap:32px;width:auto;max-width:none;min-height:120px;margin:28px 28px 24px;padding:28px 32px;display:flex;top:16px}.brand-lockup{flex:auto}.brand-lockup>div{gap:10px;display:grid}.topbar h1{letter-spacing:-.035em;font-size:clamp(48px,5vw,72px);font-weight:750;line-height:.95}.brand-tagline{font-size:16px;line-height:1.4}.topbar-tools{flex:none;align-self:center;padding-top:0}.top-nav{flex-wrap:nowrap;align-items:center;gap:14px}.nav-pill,.import-button{min-height:48px;padding:11px 20px}.app-main{width:min(1280px,100% - 56px)}.page-stack,.content-grid{gap:24px}.hero-panel,.card{padding:24px}.section-heading{gap:16px;margin-bottom:32px}.section-heading h2{letter-spacing:-.02em;font-size:clamp(22px,1.6vw,24px);font-weight:800;line-height:1.2}.section-heading p{color:#7a6f67;margin-top:8px;font-size:16px;line-height:1.45}.hero-form-head{margin-bottom:8px}.hero-panel-label{color:#7a6f67;font-size:16px;font-weight:700;line-height:1.35}.hero-form-head h3{margin-top:8px;font-size:clamp(22px,1.7vw,24px);font-weight:800;line-height:1.22}.field,.ledger-form .field{gap:10px;min-width:0;display:grid}.field span,.month-picker span,.range-field span{color:#7a6f67;font-size:16px;font-weight:700;line-height:1.35}.field input,.field select,.member-form input,.share-row input[type=number],.month-field select{color:#3a3a3a;width:100%;height:48px;min-height:48px;box-shadow:none;background:#fffdf9;border:1px solid #e8ddd2;border-radius:14px;padding:0 16px;font-size:16px;line-height:1.2}.field textarea{color:#3a3a3a;width:100%;min-height:96px;box-shadow:none;background:#fffdf9;border:1px solid #e8ddd2;border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.45}.field input::placeholder,.field textarea::placeholder,.member-form input::placeholder{color:#a89d94}.field input:focus,.field select:focus,.field textarea:focus,.member-form input:focus,.share-row input[type=number]:focus,.month-field select:focus{outline-offset:0;border-color:#e76f51;outline:3px solid #e76f5129}.field-grid{align-items:end;gap:24px 32px}.hero-quick-form{gap:24px;padding:24px}.hero-quick-form .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:24px 32px}.hero-quick-form .field input,.hero-quick-form .field select,.hero-quick-form .segmented{height:56px;min-height:56px}.hero-quick-form .field input,.hero-quick-form .field select{padding:0 16px}.segmented{border-radius:16px;align-items:stretch;min-height:48px;padding:4px}.segmented button{border-radius:12px;min-height:0}.expense-list-toolbar{gap:18px;margin-bottom:24px}.expense-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;display:grid}.expense-filter-grid:has(>.ghost-button){grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(260px,1.2fr) 160px}.expense-filter-grid>.ghost-button{color:#7a6f67;text-align:center;width:160px;min-width:160px;height:48px;min-height:48px;box-shadow:none;background:#fffaf5;border:1px solid #e8ddd2;border-radius:14px;align-self:end;padding:0 16px;font-size:16px;font-weight:700}.expense-filter-grid>.ghost-button:hover{color:#e76f51;box-shadow:none;background:#fbe4da;transform:none}@media (width<=1199px){.expense-filter-grid:has(>.ghost-button){grid-template-columns:repeat(2,minmax(0,1fr))}.expense-filter-grid>.ghost-button{width:100%;min-width:0}}@media (width<=719px){.app-shell{padding:0 0 108px}.topbar{flex-direction:column;align-items:stretch;gap:18px;min-height:0;margin:16px 12px 24px;padding:20px;position:sticky;top:12px}.topbar h1{font-size:clamp(36px,11vw,48px)}.brand-tagline{font-size:15px}.topbar-tools{width:100%}.top-nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;display:flex;overflow-x:auto}.top-nav::-webkit-scrollbar{display:none}.nav-pill,.import-button{flex:none;width:auto;min-width:max-content;min-height:42px;padding:9px 14px;font-size:15px}.app-main{width:min(100% - 24px,1280px)}.page-stack,.content-grid{gap:24px}.hero-panel,.card,.hero-quick-form{padding:20px}.section-heading{margin-bottom:28px}.field-grid,.hero-quick-form .field-grid,.expense-filter-grid{grid-template-columns:1fr;gap:18px}.expense-filter-grid:has(>.ghost-button){grid-template-columns:1fr;gap:18px}.expense-filter-grid>.ghost-button{width:100%}}