.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:var(--c-primary)!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{background:linear-gradient(135deg, var(--c-primary), #4a5070);color:#f9dec9;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;align-items:center;max-width:480px;margin:0 auto;padding:6px 0 10px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible}.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:var(--c-primary)}.nav-icon{flex-shrink:0;font-size:20px}.nav-label{margin-top:2px;font-size:10px;font-weight:500}.fab{background:linear-gradient(135deg, var(--c-primary), #4a5070);cursor:pointer;z-index:60;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;display:none;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 20px #3a405a66}.fab-nav{background:linear-gradient(135deg, var(--c-primary), #4a5070);cursor:pointer;z-index:60;border:none;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;transform:translateY(-15px);box-shadow:0 4px 20px #3a405a66}.dashboard-layout{flex-direction:column;gap:16px;display:flex}.content-wrap{display:contents}.content-aside{display:none}.content-primary{display:contents}.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:#f9dec9;background:linear-gradient(135deg,#3a405a 0%,#4a5070 100%);border-radius:18px;padding:22px;box-shadow:0 8px 30px #3a405a4d}.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:var(--c-primary);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{background:var(--c-primary);color:#fff;cursor:pointer;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{background:linear-gradient(135deg, var(--c-primary), #4a5070);color:#f9dec9;cursor:pointer;border:none;border-radius:12px;padding:14px 0;font-size:15px;font-weight:700;box-shadow:0 4px 12px #3a405a4d}.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}@media (width>=640px){.app-header{max-width:100%;margin:0}.app-nav{left:0;top:var(--header-h);width:var(--sidebar-w);border-top:none;border-right:1px solid var(--c-border);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;margin:0;padding:16px 12px;position:fixed;bottom:0;right:auto;overflow-y:auto}.nav-btn{border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 16px}.nav-btn.active{background:var(--c-primary)14}.nav-icon{font-size:18px}.nav-label{margin-top:0;font-size:13px;font-weight:600}.app-main{margin-left:var(--sidebar-w);max-width:calc(100% - var(--sidebar-w));padding-bottom:40px}.fab{display:flex;bottom:32px;left:auto;right:32px;transform:none}.fab-nav{display:none}}@media (width>=1024px){:root{--sidebar-w:260px}.app-main{max-width:calc(min(100vw, 1400px) - var(--sidebar-w))}.dashboard-layout{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.dashboard-layout>.balance-card,.dashboard-layout>:last-child{grid-column:1/-1}.card{padding:20px}.balance-card{padding:26px}}@media (width>=1440px){:root{--sidebar-w:280px;--aside-w:300px}#app{max-width:1800px}.content-wrap{align-items:flex-start;gap:20px;display:flex}.content-primary{flex:1;min-width:0;display:block}.content-aside{width:var(--aside-w);top:calc(var(--header-h) + 16px);flex-direction:column;flex-shrink:0;gap:16px;display:flex;position:sticky}.aside-section{padding:18px}.dashboard-layout{grid-template-columns:1fr}.dashboard-layout>.balance-card,.dashboard-layout>:last-child{grid-column:1}.nav-btn{padding:13px 18px}.nav-label{font-size:14px}.fab{border-radius:30px;width:60px;height:60px;bottom:36px;right:36px}}*{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{--sidebar-w:220px;--header-h:60px;--c-primary:#3a405a;--c-bg:#f9dec9;--c-card:#fffaf6;--c-card2:#fef3e8;--c-border:#edd0b0;--c-border2:#f5e6d8;--c-t1:#3a405a;--c-t2:#3a405a;--c-t3:#5c6280;--c-t4:#7a8098;--c-t5:#a0a8c0;--c-shadow:#3a405a0f;--c-shadow2:#3a405a1f}html.dark{--c-primary:#c8bdff;--c-bg:#1e1a2e;--c-card:#272340;--c-card2:#211d38;--c-border:#3d3860;--c-border2:#312c54;--c-t1:#f9dec9;--c-t2:#edd0b5;--c-t3:#c4a890;--c-t4:#8a8098;--c-t5:#5a5568;--c-shadow:#0000004d;--c-shadow2:#00000073}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}@media (width>=640px){#app{max-width:100%}#header-bar{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:16px!important}}@media (width>=1024px){#app{max-width:1400px;margin:0 auto}}@media (width>=1440px){#app{max-width:1800px}}.swal-popup{background:var(--c-card)!important;color:var(--c-t1)!important;border-radius:20px!important;padding:28px!important;font-family:Plus Jakarta Sans,sans-serif!important;box-shadow:0 8px 40px #3a405a33!important}.swal2-title{color:var(--c-t2)!important;font-size:17px!important;font-weight:800!important}.swal2-html-container{color:var(--c-t4)!important;font-size:14px!important}.swal-confirm{color:#f9dec9!important;cursor:pointer!important;background:linear-gradient(135deg,#3a405a,#4a5070)!important;border:none!important;border-radius:10px!important;padding:10px 24px!important;font-size:14px!important;font-weight:700!important}.swal-cancel{background:var(--c-border2)!important;color:var(--c-t3)!important;cursor:pointer!important;border:none!important;border-radius:10px!important;padding:10px 24px!important;font-size:14px!important;font-weight:700!important}.swal2-actions{gap:8px!important}