:root{--ink:#111a30;--muted:#64748b;--line:#beeaf4;--cyan:#23c9e8;--violet:#9364ff;--bg:#f5fbff;--panel:#fff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(120deg,#f9fdff,#f2f8ff);color:var(--ink);font-family:ui-sans-serif,system-ui,"Noto Sans TC",sans-serif}button,input,select{font:inherit}button{cursor:pointer}#app{max-width:1440px;margin:auto;padding:8px 18px 42px}.hidden{display:none!important}.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand,.top-actions,.card-title,.month-head,.section-heading,.accounts-heading,.account-top,.form-row,.type-switch{display:flex;align-items:center}.brand{gap:9px}.brand h1{font-size:23px;margin:0}.back{font-size:38px;font-weight:200;color:#087eac;line-height:1}.logo{font-size:30px;color:#9d6aff}.logo.small{font-size:20px}.top-actions{gap:8px}button{border-radius:13px;border:1px solid transparent;padding:10px 16px;font-weight:750;color:var(--ink);background:#fff}.primary{background:white;border-color:#d5b5ff;box-shadow:0 1px 6px #ceb9ef55}.primary:hover{background:#faf5ff}.compact{padding:8px 14px}.outline{border-color:var(--cyan);background:#f8feff}.icon-btn{font-size:23px;padding:4px 11px;border-color:var(--cyan);color:#067ea9}.sync-state{min-height:19px;text-align:right;font-size:12px;color:#0785a9}.sync-state.error,.message{color:#e11d48}.dashboard-grid{display:grid;grid-template-columns:5fr 7fr;gap:14px}.card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 4px 13px #8ac8dc18}.card-title{gap:10px;font-size:17px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:13px}.grand-total{text-align:center;font-size:37px;font-weight:900;padding:20px 0}.currency-summary{display:flex;gap:8px}.currency-summary span{flex:1;text-align:center;border:1px solid #ded1ff;background:#fcfaff;border-radius:10px;padding:7px;font-size:12px}.currency-summary b{display:block}.month-head{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.month-head select{border:1px solid #b8d3e3;border-radius:10px;padding:7px;background:#fff;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px}.stat{padding:14px;border:1px solid;border-radius:15px;font-size:12px}.stat span{display:block;font-weight:700}.stat b{font-size:19px;display:block;margin-top:20px}.expense{border-color:#ff96a8;color:#f43760}.income{border-color:#65dfba;color:#009c71}.saving{border-color:#ff9fac;color:#ec2b59}.balance-section{margin-top:14px}.section-heading{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.section-heading small{font-size:10px;background:#eef5fa;margin-left:8px;padding:3px 6px;border-radius:8px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#0cb4d1;margin-right:8px}.currency-total-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding-top:12px}.currency-total{border:1px solid var(--line);border-radius:16px;text-align:center;padding:10px}.currency-total span{font-size:11px;background:#d7f8ff;border-radius:6px;padding:3px 7px}.currency-total b{display:block;font-size:25px;margin:8px}.currency-total small{color:var(--muted)}.accounts-section{margin-top:16px}.accounts-heading{justify-content:space-between}.accounts-heading h2{font-size:20px}.add-card-button{border-color:#a26dff;color:#7038db;background:white}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px}.account-card,.add-account-card{min-height:145px;text-align:left;border:1px solid var(--line);border-radius:22px;background:#fff;padding:15px;box-shadow:0 3px 10px #7bc9e51c}.account-card{border-top:4px solid var(--accent)}.account-card:hover{transform:translateY(-2px);box-shadow:0 7px 16px #7bc9e533}.account-top{gap:7px}.account-top strong{font-size:18px}.badge{font-size:10px;margin-left:auto;border:1px solid var(--accent);border-radius:7px;padding:3px 6px}.account-currency{margin:12px 0 3px;text-align:center;font-size:12px;color:#5d7384}.account-balance{text-align:center;font-size:27px;font-weight:900}.account-twd{text-align:center;color:#697b8b;font-size:11px;margin-top:6px}.add-account-card{border-style:dashed;color:#324052;text-align:center;font-size:14px}.add-account-card span{display:block;margin:9px auto;border-radius:50%;background:#d9f9ff;color:#038ead;width:39px;height:39px;padding-top:8px;font-size:21px}.ledger{margin-top:16px}.text-button{color:#6941d1;background:transparent;padding:4px}.transaction{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid #edf3f5}.transaction:last-child{border:0}.tx-dot{border-radius:50%;width:28px;height:28px;text-align:center;padding-top:4px}.tx-dot.expense{background:#fff0f2}.tx-dot.income{background:#edfff8}.tx-dot.transfer{background:#eef6ff}.transaction small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.transaction strong.expense{color:#ef4566}.transaction strong.income{color:#059b70}.empty{color:var(--muted);text-align:center}.center-view{min-height:100vh;display:grid;place-items:center}.auth-card,.modal{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:0 16px 50px #20526c20}.auth-card{width:min(410px,92vw);text-align:center}.auth-card label,.modal label{display:block;text-align:left;color:#455568;font-size:13px;font-weight:700;margin-top:13px}.auth-card input,.modal input,.modal select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #cbdde6;border-radius:10px;background:#fbfdff}.auth-card .primary,.modal .primary{width:100%;margin-top:19px}.message{min-height:20px;font-size:13px}.modal{width:min(480px,94vw);border:0}.modal::backdrop{background:#15253b66}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:0}.close{font-size:28px;padding:0 7px;background:transparent}.form-row{gap:12px}.form-row label{flex:1}.danger{width:100%;margin-top:10px;border-color:#ffa4b4;color:#d81948}.muted{color:var(--muted);font-size:13px}.type-switch{gap:6px;margin-top:17px}.type-switch button{padding:8px;flex:1;border:1px solid #d7e4ea}.type-switch .selected{background:#ecfbff;border-color:var(--cyan);color:#007d9e}@media(max-width:720px){#app{padding:8px 11px}.topbar{height:auto;padding:9px 0;gap:8px}.brand h1{font-size:19px}.top-actions{gap:4px}.top-actions .outline{display:none}.dashboard-grid{grid-template-columns:1fr}.stat-grid{gap:6px}.stat{padding:9px}.stat b{font-size:15px;margin-top:12px}.grand-total{font-size:32px}.currency-summary{flex-wrap:wrap}.currency-summary span{min-width:44%}.account-grid{grid-template-columns:1fr 1fr}.account-card,.add-account-card{min-width:0;padding:10px}.account-top strong{font-size:15px}.account-balance{font-size:20px}.badge{display:none}.accounts-heading h2{font-size:18px}.form-row{display:block}}