:root{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;color:#102a2a;--glass:rgba(255,255,255,.42);--edge:rgba(255,255,255,.72);--ink:#102a2a;--muted:#547070;--brand:#0d9488;--danger:#e11d48}*{box-sizing:border-box}html{touch-action:pan-x pan-y pinch-zoom}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#dff8f5,#ecf4ff 48%,#f8eaff);overflow-x:hidden}.aurora{position:fixed;width:55vw;height:55vw;border-radius:50%;filter:blur(75px);opacity:.4;pointer-events:none}.aurora.a{background:#40e0d0;top:-20vw;left:-15vw}.aurora.b{background:#c084fc;right:-20vw;bottom:-20vw}.loading,.center{min-height:100vh;display:grid;place-items:center;padding:18px}.glass,.card,.top,.nav,.sheet,.auth{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.24));border:1px solid var(--edge);box-shadow:0 14px 45px rgba(31,70,90,.13),inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.auth{width:min(440px,100%);padding:28px;border-radius:32px}.logo{width:60px;height:60px;border-radius:22px;display:grid;place-items:center;font-size:28px;color:white;background:linear-gradient(145deg,#14b8a6,#4f46e5);box-shadow:inset 0 1px 1px #fff8,0 12px 25px #0d948844}.shell{max-width:820px;min-height:100vh;margin:auto;padding-bottom:98px;position:relative}.top{position:sticky;top:0;z-index:5;margin:10px;border-radius:24px;padding:16px 18px;transition:.35s}.top.collapsed{padding:8px 14px;border-radius:18px}.top.collapsed .hide-collapse{display:none}.topline,.row{display:flex;align-items:center;justify-content:space-between;gap:10px}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted);font-size:13px}.main{padding:10px 18px 22px}.hero{padding:26px;border-radius:32px;color:white;background:linear-gradient(135deg,rgba(6,30,45,.9),rgba(13,148,136,.74));box-shadow:inset 0 1px 1px #fff7,0 18px 45px #0d948833}.balance{font-size:clamp(34px,9vw,52px);font-weight:900;margin:8px 0 22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{padding:14px;border-radius:20px;background:#fff2;border:1px solid #fff4}.card{padding:18px;border-radius:26px;margin-top:16px}.field{display:grid;gap:7px;margin:13px 0}.input{width:100%;padding:12px 13px;border:1px solid #ffffffaa;border-radius:15px;background:#ffffff66;color:var(--ink);font:inherit;outline:none}.input:focus{box-shadow:0 0 0 3px #14b8a633}.btn,.icon{border:1px solid #ffffffaa;background:#ffffff77;color:var(--ink);border-radius:15px;padding:11px 14px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #fff}.btn.primary{background:linear-gradient(135deg,#14b8a6cc,#4f46e5bb);color:white}.btn.danger{color:var(--danger);background:#fff1f288}.wide{width:100%}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.record{display:grid;grid-template-columns:44px 1fr auto auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffffaa}.badge{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font-weight:900}.expense{background:#fff1f2aa;color:#e11d48}.income{background:#ecfdf5aa;color:#059669}.amount{font-weight:900}.progress{height:12px;background:#ffffff88;border-radius:99px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#4f46e5)}.fab{position:fixed;z-index:6;right:max(22px,calc((100vw - 770px)/2));bottom:96px;width:60px;height:60px;border:1px solid #ffffffaa;border-radius:50%;font-size:30px;color:white;background:linear-gradient(145deg,#14b8a6cc,#4f46e5cc);box-shadow:0 14px 30px #0d948855,inset 0 1px #fff}.nav{position:fixed;z-index:5;bottom:10px;left:50%;transform:translateX(-50%);width:min(790px,calc(100% - 20px));display:grid;grid-template-columns:repeat(5,1fr);border-radius:24px;padding:8px}.nav button{border:0;background:none;padding:10px 4px;color:var(--muted);font-weight:800}.nav .active{color:var(--brand)}.modal{position:fixed;inset:0;z-index:20;background:#0f172a55;display:grid;place-items:end center;padding-top:20px}.sheet{width:min(620px,100%);max-height:92vh;overflow:auto;border-radius:32px 32px 0 0;padding:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:#ffffff55}.tabs button{border:0;background:none;padding:10px;border-radius:12px}.tabs .active{background:#ffffffaa;font-weight:800}.toast{position:fixed;z-index:30;left:50%;top:18px;transform:translateX(-50%);padding:12px 18px;border-radius:15px;background:#102a2add;color:white}.hidden{display:none}.error{color:var(--danger)}.admin-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #fff}.empty{text-align:center;padding:36px;color:var(--muted)}@media(max-width:520px){.record{grid-template-columns:42px 1fr auto}.record .icon{grid-column:3}.nav{font-size:12px}.main{padding-inline:12px}}@media(min-width:680px){.shell{margin-block:18px}.modal{place-items:center}.sheet{border-radius:32px}}@media(prefers-color-scheme:dark){:root{color:#e8ffff;--ink:#e8ffff;--muted:#9bbaba;--glass:#102a2a88;--edge:#ffffff22}body{background:linear-gradient(145deg,#061b22,#10152b,#251331)}.glass,.card,.top,.nav,.sheet,.auth{background:linear-gradient(135deg,#15333daa,#12182aaa);border-color:#ffffff22}.input,.btn{background:#ffffff12;color:#e8ffff;border-color:#ffffff22}}