:root{color-scheme:light;font-family:Inter,Noto Sans TC,system-ui,sans-serif;--bg: #fffdfa;--bg-soft: #f9f4ee;--card: #f9f9f7;--card-strong: #fff7f3;--muted: #6f6a63;--text: #2d2d2b;--line: #e6dfd8;--accent: #cc7d5e;--accent-deep: #a85e43;--accent-soft: #f3d8cb;--glow: rgba(204, 125, 94, .18);--shadow: 0 18px 44px rgba(120, 76, 53, .14)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(204,125,94,.18),transparent 24%),radial-gradient(circle at 85% 12%,rgba(232,193,161,.3),transparent 18%),linear-gradient(180deg,#fffdfa,#f8f0e8)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;padding:22px 16px 50px;max-width:1120px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.brand-panel{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(204,125,94,.26);border-radius:24px;background:linear-gradient(145deg,#ffffffeb,#fff7f3f5);box-shadow:var(--shadow)}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:26px;font-weight:900;box-shadow:0 12px 24px #cc7d5e52,inset 0 1px #ffffff47}.topbar h1,.login-card h1,.hero-card h2{margin:0}.eyebrow{color:var(--accent-deep);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-weight:800}.hero-copy,.login-copy,.hero-card p{margin:6px 0 0;color:var(--muted);line-height:1.6}.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(204,125,94,.16);box-shadow:0 10px 28px #905e4614}.nav-links a,.ghost-button,button{border:none;border-radius:999px;padding:11px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;cursor:pointer;font-weight:700;box-shadow:0 10px 24px #cc7d5e2e}.nav-links a{background:transparent;color:var(--text);box-shadow:none}.nav-links a.router-link-active{background:linear-gradient(135deg,#cc7d5e2e,#cc7d5e14);color:var(--accent-deep);box-shadow:inset 0 0 0 1px #cc7d5e2e}.ghost-button{background:linear-gradient(135deg,#3f332f,#2d2d2b)}button:disabled{opacity:.6;cursor:not-allowed}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.panel-card,.toolbar-card,.stat-card,.hero-card{border-radius:28px;box-shadow:var(--shadow)}.deluxe-login-card,.panel-card,.toolbar-card,.stat-card{background:linear-gradient(180deg,#fffffff0,#f9f9f7fa);border:1px solid rgba(204,125,94,.16)}.login-card{width:min(100%,460px);padding:30px;position:relative;overflow:hidden}.login-card:after,.hero-card:after{content:"";position:absolute;inset:auto -40px -50px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(204,125,94,.18),transparent 70%);pointer-events:none}.login-form{display:grid;gap:14px;margin-top:20px}label{display:grid;gap:8px;font-size:14px;color:var(--muted)}input,select{width:100%;border:1px solid rgba(204,125,94,.2);background:#fff;border-radius:16px;padding:13px 15px;color:var(--text);box-shadow:inset 0 1px #fffc}.hero-card{position:relative;overflow:hidden;padding:24px;margin-bottom:16px;display:flex;justify-content:space-between;gap:18px;align-items:end;background:linear-gradient(145deg,#fff8f4f5,#f6ece4f5),linear-gradient(135deg,rgba(204,125,94,.1),transparent 55%);border:1px solid rgba(204,125,94,.22)}.small-hero{padding:20px 24px}.hero-badges{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}.hero-pill,.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(204,125,94,.2);background:#ffffffb8;color:var(--accent-deep)}.hero-pill.alt{background:#cc7d5e24}.hero-pill.soft,.muted-pill{color:var(--muted);background:#6f6a6314;border-color:#6f6a631f}.toolbar-card{display:flex;gap:12px;align-items:end;margin-bottom:16px;flex-wrap:wrap;padding:18px}.fancy-toolbar{background:linear-gradient(180deg,#ffffffd9,#fff7f3f5)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat-card{padding:18px;display:grid;gap:8px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);opacity:.8}.stat-card span,.stat-card small,.list-sub,.expense-meta,.expense-side span,.error-text,.status-text{color:var(--muted)}.stat-card strong{font-size:28px}.stat-card.luxury{background:linear-gradient(135deg,#fff9f5,#f6e8dd)}.stat-card.coral{background:linear-gradient(135deg,#cc7d5e38,#ffffffeb)}.stat-card.cream{background:linear-gradient(135deg,#fffefb,#f4efe8)}.stat-card.dark{background:linear-gradient(135deg,#44322d,#2d2d2b);color:#fff}.stat-card.dark span,.stat-card.dark small{color:#ffffffb8}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}.panel-card{padding:20px}.wide-panel{grid-column:span 2}.panel-title{font-size:18px;font-weight:800;margin-bottom:14px}.glow-card{background:linear-gradient(180deg,#fffaf7,#fff3ec)}.glow-card.secondary{background:linear-gradient(180deg,#fffdfa,#f7efe9)}.summary-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.summary-list li,.recent-row,.expense-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(230,223,216,.95);padding-bottom:12px}.summary-list li:last-child,.recent-row:last-child,.expense-row:last-child{border-bottom:0;padding-bottom:0}.list-title,.expense-main{font-weight:800;font-size:15px}.recent-list,.expense-list{display:grid;gap:14px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-list.compact{margin-top:8px}.ledger-card{background:linear-gradient(180deg,#fffffff5,#f8f3eefa)}.fancy-expense-row{align-items:center;border-radius:20px;padding:16px;border:1px solid rgba(204,125,94,.1);background:linear-gradient(180deg,#ffffffc7,#fff7f3d1);box-shadow:0 10px 24px #b17a5d14}.expense-body{flex:1}.decorated-amount{min-width:120px;text-align:right;display:grid;gap:6px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#cc7d5e2e,#ffffffb3)}.decorated-amount strong{font-size:22px;color:var(--accent-deep)}.filters-grid .wide{flex:1 1 240px}@media(max-width:900px){.topbar,.hero-card{align-items:start;flex-direction:column}.wide-panel{grid-column:span 1}}@media(max-width:640px){.shell{padding:14px}.brand-panel,.nav-links{width:100%}.stats-grid,.panel-grid{grid-template-columns:1fr}.expense-row,.summary-list li,.recent-row{flex-direction:column}.decorated-amount,.expense-side{min-width:0;text-align:left}}