.auth-bg{background:linear-gradient(135deg, var(--c-bg) 0%, var(--c-border) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--c-card);width:100%;max-width:400px;box-shadow:0 8px 30px var(--c-shadow2);border-radius:20px;padding:28px;animation:.4s fadeUp}.google-btn{border:1.5px solid var(--c-border);background:var(--c-card);width:100%;color:var(--c-t2);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 0;font-size:14px;font-weight:600;display:flex}.auth-tab-active{background:var(--c-card)!important;color:#3b82f6!important;box-shadow:0 1px 4px var(--c-shadow2)!important}.error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:8px;padding:10px 14px;font-size:13px}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.app-header{background:var(--c-card);border-bottom:1px solid var(--c-border);z-index:50;align-items:center;gap:8px;max-width:480px;margin:0 auto;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.sync-dot{border:none;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;display:flex}.app-main{flex:1;padding:16px 14px 100px;animation:.3s fadeUp;overflow-y:auto}.app-nav{background:var(--c-card);border-top:1px solid var(--c-border);z-index:50;justify-content:space-around;max-width:480px;margin:0 auto;padding:6px 0 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{cursor:pointer;color:var(--c-t5);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;padding:4px 12px;display:flex}.nav-btn.active{color:#3b82f6}.fab{cursor:pointer;z-index:60;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;bottom:70px;right:20px;box-shadow:0 4px 20px #3b82f666}.card{background:var(--c-card);box-shadow:0 1px 3px var(--c-shadow);border-radius:14px;padding:16px}.card-title{color:var(--c-t3);margin:0 0 12px;font-size:14px;font-weight:700}.balance-card{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-radius:18px;padding:22px;box-shadow:0 8px 30px #1e293b40}.balance-pill{background:#ffffff1a;border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.bar-bg{background:var(--c-border2);border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:3px;height:100%;transition:width .5s}.tx-row{cursor:pointer;align-items:center;gap:10px;padding:10px 0;display:flex}.tx-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.tx-icon.income{background:#ecfdf5}.tx-icon.expense{background:#fef2f2}.link-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.filter-chip{border:1.5px solid var(--c-border);background:var(--c-card);color:var(--c-t4);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.filter-chip.active{background:var(--c-t2);color:#fff;border-color:var(--c-t2)}.cat-chip{border:1.5px solid var(--c-border);background:var(--c-card2);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:flex}.add-cat-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700}.mp-btn{border:1px solid var(--c-border);background:var(--c-card);cursor:pointer;width:28px;height:28px;color:var(--c-t4);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--c-card);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:90vh;padding:24px;animation:.3s slideIn;overflow-y:auto}.close-btn{background:var(--c-border2);cursor:pointer;width:32px;height:32px;color:var(--c-t4);border:none;border-radius:16px;font-size:14px}.form-label{color:var(--c-t4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-input{border:1.5px solid var(--c-border);background:var(--c-card2);width:100%;color:var(--c-t1);border-radius:10px;outline:none;margin-bottom:14px;padding:12px 14px;font-size:15px}.type-toggle{background:var(--c-bg);border-radius:10px;gap:4px;margin-bottom:16px;padding:3px;display:flex}.type-btn{color:var(--c-t5);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:600}.type-btn.expense{background:var(--c-card);color:#ef4444;box-shadow:0 1px 4px var(--c-shadow2)}.type-btn.income{background:var(--c-card);color:#10b981;box-shadow:0 1px 4px var(--c-shadow2)}.cat-select{border:1.5px solid var(--c-border);background:var(--c-card);cursor:pointer;color:var(--c-t2);border-radius:8px;padding:7px 12px;font-size:13px}.cat-select.selected-income{background:#ecfdf5;border-color:#10b981;font-weight:700}.cat-select.selected-expense{background:#fef2f2;border-color:#ef4444;font-weight:700}.icon-btn{border:1.5px solid var(--c-border);background:var(--c-card);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:flex}.icon-btn.selected{background:#e0f2fe;border-color:#0ea5e9;transform:scale(1.15)}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:14px 0;font-size:15px;font-weight:700;box-shadow:0 4px 12px #3b82f64d}.primary-btn.income{background:linear-gradient(135deg,#10b981,#059669)}.primary-btn.expense{background:linear-gradient(135deg,#ef4444,#dc2626)}.delete-btn{background:var(--c-card);cursor:pointer;border:1.5px solid #fecaca;border-radius:12px;justify-content:center;align-items:center;width:50px;font-size:18px;display:flex}.wallet-card{background:var(--c-card);box-shadow:0 1px 3px var(--c-shadow);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.wallet-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.color-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .15s}.color-swatch.selected{border-color:var(--c-t1);transform:scale(1.2)}.tx-icon.transfer{background:#f3e8ff}.primary-btn.transfer{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.menu-item{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 4px;display:flex}.dark-toggle{cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:48px;height:26px;padding:2px;transition:background .2s;position:relative}.dark-toggle-thumb{background:#fff;border-radius:11px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;box-shadow:0 1px 3px #0003}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,sans-serif}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.month-scroll::-webkit-scrollbar{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--c-bg:#f8fafc;--c-card:#fff;--c-card2:#fafafa;--c-border:#e2e8f0;--c-border2:#f1f5f9;--c-t1:#0f172a;--c-t2:#1e293b;--c-t3:#475569;--c-t4:#64748b;--c-t5:#94a3b8;--c-shadow:#0000000a;--c-shadow2:#00000014}html.dark{--c-bg:#0f172a;--c-card:#1e293b;--c-card2:#162032;--c-border:#334155;--c-border2:#253650;--c-t1:#f1f5f9;--c-t2:#e2e8f0;--c-t3:#94a3b8;--c-t4:#64748b;--c-t5:#475569;--c-shadow:#0003;--c-shadow2:#0000004d}body{background:var(--c-bg);transition:background .25s,color .25s;overflow-x:hidden}#app{background:var(--c-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}#header-bar{padding-top:calc(env(safe-area-inset-top,0px) + 10px)!important;padding-left:calc(env(safe-area-inset-left,0px) + 16px)!important;padding-right:calc(env(safe-area-inset-right,0px) + 16px)!important}#nav-bar{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6px)!important}