:root{--bg-base:#121212;--bg-card:#1e1e1e;--bg-card-2:#2a2a2a;--bg-input:#181818;--border:#2e2e2e;--border-light:#3d3d3d;--accent:#2196f3;--accent-dim:#1976d2;--accent-bg:rgba(33,150,243,.12);--accent-glow:rgba(33,150,243,.25);--red:#ef5350;--red-bg:rgba(239,83,80,.12);--green:#4caf50;--green-bg:rgba(76,175,80,.12);--text-primary:#eee;--text-secondary:#9e9e9e;--text-muted:#616161;--nav-h:68px;--header-h:60px;--radius-sm:3px;--radius-md:4px;--radius-lg:5px;--shadow-card:0 2px 12px rgba(0,0,0,.5);--shadow-btn:0 4px 16px rgba(33,150,243,.3);--trans-fast:.15s ease;--trans-med:.25s ease;--trans-slow:.4s cubic-bezier(.4,0,.2,1);--font-bn:"Kalpurush",sans-serif;--font-en:"Inter",sans-serif;--bg-primary:#121212;--bg-secondary:#1e1e1e;--border-color:#2e2e2e;--brand-primary:#2196f3;--brand-secondary:#1976d2;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 4px rgba(0,0,0,.2);--shadow-md:0 2px 12px rgba(0,0,0,.3);--shadow-lg:0 4px 24px rgba(0,0,0,.4)}body.light-theme{--bg-base:#f5f5f5;--bg-card:#fff;--bg-card-2:#eee;--bg-input:#fafafa;--border:#e0e0e0;--border-light:#bdbdbd;--text-primary:#212121;--text-secondary:#616161;--text-muted:#bdbdbd;--shadow-card:0 2px 12px rgba(0,0,0,.08)}body.light-theme .top-header{background:#f5f5f5f2}body.light-theme .bottom-nav{background:#fffffff7}body.light-theme .balance-hero{background:linear-gradient(145deg,#1565c0,#0d47a1)}body.light-theme .submit-bar{background:#f5f5f5f7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-en);font-size:15px;line-height:1.5;min-height:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}.bn-text,:lang(bn),[lang=bn]{font-family:var(--font-bn)!important;font-size:15px}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:var(--font-en)}ul{list-style:none}#app{display:flex;margin:0 auto;max-width:430px;min-height:100vh;position:relative}#app,.page{flex-direction:column}.page{animation:fadeSlideUp .28s ease both;display:none;flex:1;padding-bottom:calc(var(--nav-h) + 16px)}.page.active{display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.top-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212ed;border-bottom:1px solid var(--border);display:flex;height:var(--header-h);justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:50}.top-header .logo{color:var(--accent);font-family:var(--font-en);font-size:20px;font-weight:700;letter-spacing:.5px}.top-header .logo span{color:var(--text-primary);font-weight:500}.header-actions{gap:8px}.header-actions,.header-btn{align-items:center;display:flex}.header-btn{background:var(--bg-card-2);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);font-size:15px;height:36px;justify-content:center;position:relative;transition:all var(--trans-fast);width:36px}.header-btn:hover{border-color:var(--accent);color:var(--accent)}.header-btn .notif-dot{background:var(--red);border:2px solid var(--bg-base);border-radius:50%;display:none;height:7px;position:absolute;right:5px;top:5px;width:7px}.top-header .avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:transform var(--trans-fast),box-shadow var(--trans-fast);width:36px}.top-header .avatar:hover{box-shadow:0 0 0 3px var(--accent-bg);transform:scale(1.06)}.page-title{color:var(--text-primary);font-size:17px;font-weight:600;letter-spacing:.3px}.scroll-area{flex:1;overflow-x:hidden;overflow-y:auto;padding:16px 16px 0;-webkit-overflow-scrolling:touch}.scroll-area::-webkit-scrollbar{width:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.balance-hero{background:linear-gradient(145deg,#1565c0,#0d47a1 60%,#1a237e);border:none;border-radius:var(--radius-lg);margin-bottom:14px;overflow:hidden;padding:28px 22px 24px;position:relative}.balance-hero:before{background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,transparent 70%);content:"";height:200px;pointer-events:none;position:absolute;right:-50px;top:-50px;width:200px}.balance-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.balance-label{color:#ffffffa6;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.balance-amount{color:#fff;font-size:28px;font-weight:700;letter-spacing:3px;line-height:2.1}.balance-amount .currency{color:#fffc;display:inline-block;font-size:22px;margin-top:6px;vertical-align:top}.balance-stats{display:grid;gap:10px;grid-template-columns:1fr 1fr}.stat-pill{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-sm);display:flex;gap:10px;padding:12px 14px}.stat-pill .icon-wrap{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;width:32px}.stat-pill.income .icon-wrap{background:#4caf5040;color:#81c784}.stat-pill.expense .icon-wrap{background:#ef535040;color:#ef9a9a}.stat-pill .stat-name{color:#ffffff8c;font-size:10px;letter-spacing:1px;text-transform:uppercase}.stat-pill .stat-val{color:#fff;font-size:15px;font-weight:700}.quick-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-bottom:14px}.quick-btn{align-items:center;border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.3px;padding:14px 8px;transition:transform var(--trans-fast),box-shadow var(--trans-fast)}.quick-btn i{font-size:18px}.quick-btn:active{transform:scale(.96)}.quick-btn.income-btn{background:var(--accent);box-shadow:var(--shadow-btn);color:#fff}.quick-btn.income-btn:hover{box-shadow:0 6px 20px #2196f373}.quick-btn.expense-btn{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary)}.quick-btn.expense-btn:hover{border-color:var(--red);color:var(--red)}.quick-btn.loan-btn{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary)}.quick-btn.loan-btn:hover{border-color:#7c4dff;color:#7c4dff}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-title{color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase}.section-title,.see-all{font-size:12px;font-weight:600}.see-all{color:var(--accent);cursor:pointer;transition:opacity var(--trans-fast)}.see-all:hover{opacity:.7}.tx-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.tx-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:13px 16px;transition:background var(--trans-fast),border-color var(--trans-fast)}.tx-item:hover{background:var(--bg-card-2);border-color:var(--border-light)}.tx-item.loan-item{border-left:3px solid #7c4dff}.tx-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:16px;height:42px;justify-content:center;width:42px}.tx-info{flex:1;min-width:0}.tx-category{color:var(--text-primary);font-size:14px;font-weight:600}.tx-category,.tx-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-note{color:var(--text-muted);font-family:var(--font-bn);font-size:12px}.tx-right{flex-shrink:0;text-align:right}.tx-amount{font-size:15px;font-weight:700}.tx-amount.income{color:var(--green)}.tx-amount.expense{color:var(--red)}.tx-amount.loan-given{color:#7c4dff}.tx-amount.loan-taken{color:#ff7043}.tx-date{color:var(--text-muted);font-size:11px;margin-top:2px}.cat-food{background:#ff980026;color:#ffa726}.cat-transport{background:#2196f326;color:#42a5f5}.cat-shopping{background:#9c27b026;color:#ab47bc}.cat-salary{background:#2196f326;color:#2196f3}.cat-health{background:#f4433626;color:#ef5350}.cat-entertainment{background:#ffc10726;color:#ffc107}.cat-housing{background:#00968826;color:#26a69a}.cat-education{background:#3f51b526;color:#5c6bc0}.cat-freelance{background:#4caf5026;color:#4caf50}.cat-loan{background:#7c4dff26;color:#7c4dff}.cat-other{background:#9e9e9e26;color:#9e9e9e}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141414f7;border-top:1px solid var(--border);bottom:0;height:var(--nav-h);justify-content:space-around;left:50%;max-width:430px;padding:0 8px;position:fixed;transform:translate(-50%);width:100%;z-index:100}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-direction:column;font-size:9px;font-weight:600;gap:4px;letter-spacing:.5px;padding:8px 16px;text-decoration:none;text-transform:uppercase;transition:all var(--trans-med)}.nav-item i{font-size:19px}.nav-item.active{color:var(--accent)}.nav-item:not(.nav-add):hover{color:var(--text-secondary)}.nav-add{align-items:center;background:var(--accent)!important;border-radius:50%;box-shadow:var(--shadow-btn);display:flex;flex-shrink:0;height:52px;justify-content:center;padding:0!important;transition:transform var(--trans-fast),box-shadow var(--trans-fast)!important;width:52px}.nav-add,.nav-add i{color:#fff!important;font-size:22px!important}.nav-add:hover{box-shadow:0 6px 20px #2196f373;transform:scale(1.08)}.nav-add:active{transform:scale(.95)}.filter-bar{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.filter-bar::-webkit-scrollbar{height:0}.filter-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:var(--font-en);font-size:12px;font-weight:600;letter-spacing:.3px;padding:7px 16px;transition:all var(--trans-fast)}.filter-chip:hover{border-color:var(--border-light);color:var(--text-primary)}.filter-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.empty-state{color:var(--text-muted);padding:40px 20px;text-align:center}.empty-state i{display:block;font-size:36px;margin-bottom:12px}.empty-state p{font-size:14px}.add-page .scroll-area{padding-bottom:90px}.type-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:4px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;padding:4px}.type-btn{align-items:center;border-radius:calc(var(--radius-md) - 4px);color:var(--text-secondary);display:flex;font-family:var(--font-en);font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.3px;padding:11px 8px;transition:all var(--trans-med)}.type-btn.active-income{background:var(--green-bg);border:1px solid rgba(76,175,80,.3);color:var(--green)}.type-btn.active-expense{background:var(--red-bg);border:1px solid rgba(239,83,80,.3);color:var(--red)}.type-btn.active-loan{background:#7c4dff1f;border:1px solid rgba(124,77,255,.3);color:#7c4dff}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:8px;text-transform:uppercase}.form-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-en);font-size:15px;outline:none;padding:13px 16px;transition:border-color var(--trans-fast),box-shadow var(--trans-fast);width:100%}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%239e9e9e'%3E%3Cpath fill='none' stroke='%239e9e9e' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}select.form-control option{background:var(--bg-card)}.amount-wrap{position:relative}.amount-prefix{color:var(--accent);font-size:18px;font-weight:700;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.amount-wrap .form-control{font-size:24px;font-weight:700;padding-left:34px}.loan-sub-toggle{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:16px}.loan-sub-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-bn);font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px;transition:all var(--trans-fast)}.loan-sub-btn.active-given{background:#7c4dff1f;border-color:#7c4dff;color:#7c4dff}.loan-sub-btn.active-taken{background:#ff70431f;border-color:#ff7043;color:#ff7043}.submit-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212f7;border-top:1px solid var(--border);bottom:var(--nav-h);left:50%;max-width:430px;padding:12px 16px;position:fixed;transform:translate(-50%);width:100%;z-index:90}.submit-btn{background:var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-btn);color:#fff;font-family:var(--font-en);font-size:15px;font-weight:600;letter-spacing:.5px;padding:15px;transition:transform var(--trans-fast),box-shadow var(--trans-fast);width:100%}.submit-btn:active{transform:scale(.98)}.submit-btn:hover{box-shadow:0 6px 20px #2196f373}.report-period-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:6px;margin-bottom:14px;padding:4px}.period-tab{border-radius:calc(var(--radius-md) - 4px);color:var(--text-secondary);cursor:pointer;flex:1;font-size:12px;font-weight:600;letter-spacing:.3px;padding:9px;text-align:center;transition:all var(--trans-fast)}.period-tab.active{background:var(--accent);color:#fff}.report-summary-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:14px}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 12px;text-align:center}.summary-card .s-label{color:var(--text-muted);font-size:10px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.summary-card .s-value{font-size:16px;font-weight:700}.summary-card.total .s-value{color:var(--text-primary)}.summary-card.income .s-value{color:var(--green)}.summary-card.expense .s-value{color:var(--red)}.chart-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:1.2px;margin-bottom:16px;text-transform:uppercase}.chart-wrap{height:220px;position:relative}.cat-breakdown{margin-bottom:14px}.cat-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0}.cat-row:last-child{border-bottom:none}.cat-row .cat-icon-sm{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;width:34px}.cat-row .cat-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.cat-row .cat-bar-wrap{background:var(--bg-card-2);border-radius:3px;flex:2;height:5px;overflow:hidden}.cat-bar{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.cat-row .cat-amt{color:var(--text-primary);font-size:13px;font-weight:700;min-width:60px;text-align:right}.month-picker{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:14px;padding:12px 16px}.month-picker .month-nav{align-items:center;background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--trans-fast);width:32px}.month-picker .month-nav:hover{border-color:var(--accent);color:var(--accent)}.month-picker .month-label{color:var(--text-primary);font-size:15px;font-weight:600}.settings-section{margin-bottom:20px}.settings-section-title{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:10px;padding-left:4px;text-transform:uppercase}.settings-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;margin-bottom:8px;padding:15px 16px;transition:border-color var(--trans-fast),background var(--trans-fast)}.settings-item:hover{background:var(--bg-card-2);border-color:var(--border-light)}.settings-item:last-child{margin-bottom:0}.settings-icon{align-items:center;background:var(--accent-bg);border:1px solid rgba(33,150,243,.2);border-radius:var(--radius-lg);color:var(--accent);display:flex;flex-shrink:0;font-size:15px;height:38px;justify-content:center;width:38px}.settings-label{flex:1}.settings-label .s-title{color:var(--text-primary);font-size:14px;font-weight:600}.settings-label .s-sub{margin-top:2px}.settings-arrow,.settings-label .s-sub{color:var(--text-muted);font-size:12px}.toggle-wrap{align-items:center;display:flex}.toggle{height:24px;position:relative;width:44px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:var(--bg-card-2);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background:var(--text-muted);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:.3s;width:18px}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.profile-card{background:linear-gradient(135deg,#1565c0,#0d47a1);border-radius:var(--radius-lg);gap:18px;margin-bottom:20px;padding:24px}.profile-avatar,.profile-card{align-items:center;display:flex}.profile-avatar{background:#fff3;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;flex-shrink:0;font-size:22px;font-weight:700;height:60px;justify-content:center;width:60px}.profile-info .p-name{color:#fff;font-size:18px;font-weight:700}.profile-info .p-email{color:#ffffffa6;font-size:13px;margin-top:2px}.profile-edit-btn{align-items:center;background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:50%;color:#fff;display:flex;font-size:14px;height:36px;justify-content:center;margin-left:auto;transition:all var(--trans-fast);width:36px}.profile-edit-btn:hover{background:#ffffff40}.lang-options{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:4px}.lang-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:10px;text-align:center;transition:all var(--trans-fast)}.lang-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.bazar-mode-tabs{border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:14px;overflow:hidden}.bazar-mode-tab{align-items:center;background:var(--bg-card);border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:11px 0;transition:all var(--trans-fast)}.bazar-mode-tab+.bazar-mode-tab{border-left:1px solid var(--border)}.bazar-mode-tab.active{background:var(--accent);color:#fff}.bazar-mode-tab:not(.active):hover{background:var(--bg-card-2);color:var(--text-primary)}.bazar-add-wrap{margin-bottom:14px}.bazar-input-row{display:flex;gap:8px;margin-bottom:8px}.bazar-input-row .form-control{flex:1}.bazar-add-btn{align-items:center;background:var(--accent);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;transition:all var(--trans-fast);width:48px}.bazar-add-btn:hover{background:var(--accent-dim)}.bazar-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.bazar-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:14px;padding:12px 16px;transition:all var(--trans-fast)}.bazar-item.done{opacity:.5}.bazar-item.done .bazar-name{text-decoration:line-through}.bazar-check{align-items:center;border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all var(--trans-fast);width:22px}.bazar-item.done .bazar-check{background:var(--green);border-color:var(--green);color:#fff}.bazar-name{color:var(--text-primary);flex:1;font-family:var(--font-bn);font-size:14px;font-weight:500}.bazar-qty{color:var(--text-muted);font-size:13px;min-width:40px;text-align:right}.bazar-del{align-items:center;background:var(--red-bg);border-radius:var(--radius-lg);color:var(--red);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all var(--trans-fast);width:28px}.bazar-del:hover{background:var(--red);color:#fff}.bazar-stats-row{display:flex;gap:10px;margin-bottom:14px}.bazar-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;padding:12px;text-align:center}.bazar-stat .bs-val{color:var(--accent);font-size:18px;font-weight:700}.bazar-stat .bs-label{color:var(--text-muted);font-size:9px;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.quick-entry-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;padding:20px 18px 22px}.quick-entry-title{color:var(--text-primary);font-family:var(--font-bn);font-size:16px;font-weight:700;margin-bottom:6px}.quick-entry-desc{color:var(--text-muted);font-family:var(--font-bn);font-size:12px;line-height:1.6;margin-bottom:20px}.bazar-modal-qty-row{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.bazar-date-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-secondary);display:flex;font-family:var(--font-bn);font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:1.2px;margin-bottom:8px;margin-top:4px;padding:10px 2px 6px;text-transform:uppercase}.bazar-date-spent{color:var(--red);font-family:var(--font-en);font-size:12px;font-weight:700}.bazar-item-price{color:var(--green);flex-shrink:0;font-size:12px;font-weight:700;min-width:48px;text-align:right}.bazar-modal-item-name{background:var(--accent-bg);border:1px solid rgba(33,150,243,.2);border-radius:var(--radius-sm);color:var(--accent);font-family:var(--font-bn);font-size:15px;font-weight:600;margin-bottom:16px;padding:10px 14px}.bazar-modal-actions{display:flex;gap:10px;margin-top:4px}.bazar-skip-btn{background:var(--bg-card-2);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1;font-family:var(--font-bn);font-size:13px;font-weight:600;padding:13px 10px;transition:all var(--trans-fast)}.bazar-skip-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.bazar-confirm-btn{flex:2;font-family:var(--font-bn);font-size:13px}.loan-item-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #7c4dff;border-radius:var(--radius-md);margin-bottom:10px;padding:16px}.loan-item-card.taken-card{border-left-color:#ff7043}.loan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.loan-person{color:var(--text-primary);font-size:15px}.loan-badge,.loan-person{font-family:var(--font-bn);font-weight:700}.loan-badge{border-radius:30px;font-size:10px;letter-spacing:.5px;padding:3px 9px;text-transform:uppercase}.loan-badge.given{background:#7c4dff26;color:#7c4dff}.loan-badge.taken{background:#ff704326;color:#ff7043}.loan-amount{color:#7c4dff;font-size:18px;font-weight:700;margin-bottom:6px}.loan-amount.taken-amt{color:#ff7043}.loan-meta{color:var(--text-muted);display:flex;font-size:12px;gap:12px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:none;inset:0;justify-content:center;padding:16px;position:fixed;z-index:300}.modal-overlay.active{display:flex}.modal-sheet{animation:modalIn .25s cubic-bezier(.4,0,.2,1);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;max-height:calc(100vh - 32px);max-width:430px;overflow-y:auto;padding:24px 20px 28px;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:.3px;margin-bottom:20px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{color:var(--text-primary);font-size:17px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;float:right;font-size:20px;line-height:1}.bazar-date-input-wrap,.date-input-wrap{align-items:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:border-color .2s}.date-input-wrap:hover{border-color:var(--green)}.bazar-date-input-wrap:hover{border-color:var(--accent)}.dp-cal-icon{color:var(--green);flex-shrink:0;font-size:16px}.bazar-dp-cal-icon{color:var(--accent);flex-shrink:0;font-size:16px}.bazar-date-display-text,.date-display-text{color:var(--text-primary);flex:1;font-size:14px}.bazar-dp-arrow,.dp-arrow-icon{color:var(--text-muted);font-size:14px;transition:transform .2s}.bazar-dp-arrow.open,.dp-arrow-open{transform:rotate(180deg)}.bazar-datepicker-popup,.datepicker-popup{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000002e;margin-top:8px;padding:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dp-month-label{color:var(--text-primary);font-size:14px;font-weight:600}.dp-nav-btn{align-items:center;background:var(--bg-card-2);border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.dp-nav-btn:hover{background:var(--accent);color:#fff}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.dp-weekdays span{color:var(--text-muted);font-size:11px;font-weight:600;padding:4px 0;text-align:center}.dp-days{display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.dp-day{align-items:center;aspect-ratio:1;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:background .15s,color .15s;width:100%}.dp-day:hover:not(.dp-day-empty){background:var(--accent-bg)}.dp-day-empty{pointer-events:none}.dp-day-today{color:var(--accent);font-weight:700;outline:1.5px solid var(--accent);outline-offset:-1.5px}.dp-day-selected{background:var(--accent)!important;color:#fff!important;font-weight:700}.notif-panel{animation:slideDown .25s ease;background:var(--bg-card);border-bottom:1px solid var(--border);border-left:1px solid var(--border);border-right:1px solid var(--border);display:none;left:0;margin:0 auto;max-width:430px;position:fixed;right:0;top:var(--header-h);z-index:200}.notif-panel.active{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-size:13px;font-weight:700;justify-content:space-between;letter-spacing:1px;padding:14px 16px;text-transform:uppercase}.notif-clear{color:var(--accent);cursor:pointer;font-size:11px;font-weight:600}.notif-item{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 16px}.notif-icon{align-items:center;background:var(--accent-bg);border-radius:var(--radius-lg);color:var(--accent);display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.notif-text{flex:1}.notif-text .n-title{color:var(--text-primary);font-size:13px;font-weight:600}.notif-text .n-time{color:var(--text-muted);font-size:11px;margin-top:2px}.notif-empty{color:var(--text-muted);font-size:13px;padding:24px;text-align:center}#toast{background:var(--bg-card-2);border:1px solid var(--border-light);border-radius:var(--radius-md);bottom:calc(var(--nav-h) + 16px);box-shadow:var(--shadow-card);color:var(--text-primary);font-size:13px;font-weight:600;left:50%;max-width:calc(100vw - 40px);opacity:0;padding:12px 20px;pointer-events:none;position:fixed;transform:translate(-50%) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:500}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.success{border-color:var(--green);color:var(--green)}#toast.error{border-color:var(--red);color:var(--red)}.toast-container{bottom:calc(var(--nav-h) + 16px);display:flex;flex-direction:column;gap:8px;left:50%;pointer-events:none;position:fixed;transform:translate(-50%);z-index:500}.toast{background:var(--bg-card-2);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--text-primary);font-size:13px;font-weight:600;padding:12px 20px;white-space:nowrap}.toast-success{border-color:var(--green);color:var(--green)}.toast-error{border-color:var(--red);color:var(--red)}.savings-bar-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;padding:16px}.savings-bar-label{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.savings-bar-track{background:var(--bg-card-2);border-radius:3px;height:6px;overflow:hidden}.savings-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.icon-btn{align-items:center;background:var(--bg-card-2);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;transition:all var(--trans-fast);width:36px}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.avatar-sm{background:var(--accent);border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.avatar-sm,.header-left{align-items:center;display:flex}.header-left{gap:10px}.header-right{align-items:center;display:flex;gap:8px}.app-logo{color:var(--accent);font-size:20px;font-weight:700;letter-spacing:.5px}.notif-btn{position:relative}.notif-dot{background:var(--red);border:2px solid var(--bg-base);border-radius:50%;color:#fff;font-size:9px;font-weight:700;height:16px;position:absolute;right:-2px;top:-2px;width:16px}.notif-dot,.qa-btn{align-items:center;display:flex;justify-content:center}.qa-btn{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:12px 8px;transition:all var(--trans-fast)}.qa-btn.income{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-btn);color:#fff}.qa-btn.expense:hover{border-color:var(--red);color:var(--red)}.qa-btn.loan:hover{border-color:#7c4dff;color:#7c4dff}.transaction-list-section{margin-bottom:14px}.transaction-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;margin-bottom:8px;padding:13px 16px;transition:background var(--trans-fast),border-color var(--trans-fast)}.transaction-item:hover{background:var(--bg-card-2);border-color:var(--border-light)}.transaction-item.loan{border-left:3px solid #7c4dff}.filter-tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.filter-tab{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:7px 16px;transition:all var(--trans-fast)}.filter-tab.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.period-nav{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px}.period-label{color:var(--text-primary);font-size:15px;font-weight:600}.report-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:6px;margin-bottom:14px;padding:4px}.report-summary-cards{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:14px}.report-summary-cards .summary-card .label{color:var(--text-muted);display:block;font-size:10px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.report-summary-cards .summary-card .value{display:block;font-size:16px;font-weight:700}.report-summary-cards .summary-card.income .value{color:var(--green)}.report-summary-cards .summary-card.expense .value{color:var(--red)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;padding:18px}.chart-card h3{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.category-breakdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;padding:18px}.category-breakdown h3{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.breakdown-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:8px 0}.breakdown-row:last-child{border-bottom:none}.cat-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.cat-bar-wrap{background:var(--bg-card-2);border-radius:3px;flex:2;height:5px;overflow:hidden}.cat-amount{color:var(--text-primary);font-size:12px;font-weight:700;min-width:60px;text-align:right}.bazar-stats{display:flex;gap:10px;margin-bottom:14px}.bazar-stats .stat{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1;flex-direction:column;padding:12px;text-align:center}.stat-val{color:var(--accent);font-size:20px;font-weight:700}.stat-label{color:var(--text-muted);font-size:10px;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.bazar-add-form{display:flex;gap:8px;margin-bottom:14px}.bazar-add-form .form-input{flex:1}.bazar-add-form .qty-input{max-width:80px}.add-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;transition:all var(--trans-fast);width:48px}.add-btn:hover{background:var(--accent-dim)}.bazar-list .bazar-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all var(--trans-fast)}.bazar-list .bazar-item.done{opacity:.5}.bazar-list .bazar-item.done .item-name{text-decoration:line-through}.item-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.item-qty{color:var(--text-muted);font-size:12px}.clear-done-btn,.delete-btn{color:var(--red)}.clear-done-btn{background:var(--red-bg);border:1px solid rgba(239,83,80,.3);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:10px;transition:all var(--trans-fast);width:100%}.clear-done-btn:hover{background:var(--red);color:#fff}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-en);font-size:15px;outline:none;padding:13px 16px;transition:border-color var(--trans-fast),box-shadow var(--trans-fast);width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%239e9e9e'%3E%3Cpath fill='none' stroke='%239e9e9e' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-en);font-size:15px;outline:none;padding:13px 40px 13px 16px;transition:border-color var(--trans-fast);width:100%}.form-select:focus{border-color:var(--accent)}.balance-breakdown{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.breakdown-item{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-sm);display:flex;gap:10px;padding:12px 14px}.breakdown-item .fi{font-size:16px}.breakdown-item.income .fi{color:#81c784}.breakdown-item.expense .fi{color:#ef9a9a}.breakdown-label{color:#ffffff8c;display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase}.breakdown-value{color:#fff;display:block;font-size:14px;font-weight:700}.settings-about{color:var(--text-muted);font-size:12px;padding:2rem 1rem;text-align:center}.settings-about p{margin-bottom:4px}.settings-value{color:var(--text-secondary);font-size:13px;margin-left:auto}.settings-item.danger,.settings-item.danger i{color:var(--red)}.settings-item.danger:hover{border-color:var(--red)}.settings-item i{color:var(--text-secondary);font-size:18px}.settings-item span{flex:1;font-size:14px;font-weight:500}.settings-item .toggle{margin-left:auto}.settings-item .toggle.active{background:var(--accent)}.add-form{gap:0}.add-form,.full-tx-list{display:flex;flex-direction:column}.full-tx-list{gap:8px}@media(min-width:431px){#app{border-left:1px solid var(--border);border-right:1px solid var(--border)}}@media(max-width:360px){.balance-amount{font-size:34px}.report-summary-grid{grid-template-columns:1fr 1fr}.summary-card:last-child{grid-column:span 2}}.ss-wrap{position:relative;width:100%}.ss-trigger{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;min-height:48px;padding:10px 14px;transition:border-color var(--trans-fast),box-shadow var(--trans-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.ss-trigger:hover{border-color:var(--border-light)}.ss-trigger.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.ss-trigger.has-value .ss-trigger-label{color:var(--text-primary)}.ss-trigger-label{color:var(--text-primary);flex:1;font-size:15px;font-weight:500}.ss-placeholder{color:var(--text-muted);flex:1;font-size:15px}.ss-arrow{color:var(--text-muted);flex-shrink:0;font-size:12px;transition:transform var(--trans-fast)}.ss-arrow.rotated{transform:rotate(180deg)}.ss-cat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;width:30px}.ss-backdrop{inset:0;position:fixed;z-index:3000}.ss-dropdown{border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000008c;flex-direction:column;overflow:hidden;position:absolute;z-index:3001}.ss-dropdown,.ss-search-row{background:var(--bg-card);display:flex}.ss-search-row{align-items:center;border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:10px 12px}.ss-search-icon{color:var(--text-muted);flex-shrink:0;font-size:13px}.ss-search-input{background:none;border:none;color:var(--text-primary);flex:1;font-family:var(--font-en);font-size:14px;outline:none}.ss-search-input::-moz-placeholder{color:var(--text-muted)}.ss-search-input::placeholder{color:var(--text-muted)}.ss-clear-query{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;padding:0}.ss-clear-query:hover{color:var(--text-primary)}.ss-options{flex:1;overflow-y:auto}.ss-options::-webkit-scrollbar{width:3px}.ss-options::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.ss-option{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background var(--trans-fast)}.ss-option:last-child{border-bottom:none}.ss-option.is-highlighted,.ss-option:hover{background:var(--bg-card-2)}.ss-option.is-active{background:var(--accent-bg)}.ss-option-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.ss-check{color:var(--accent);flex-shrink:0;font-size:12px}.ss-empty{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;padding:24px 16px;text-align:center}.landing-page{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-en);min-height:100vh}.landing-hero{align-items:center;background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.landing-hero .logo-large{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem}.landing-hero .tagline{color:#ffffffd9;font-size:1.2rem;margin-bottom:2rem;max-width:400px}.landing-features{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px;padding:4rem 2rem}.feature-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-card .fi{color:var(--brand-primary);font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.9rem}.landing-cta{background:var(--bg-secondary);padding:4rem 2rem;text-align:center}.landing-cta h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.landing-cta p{color:var(--text-secondary);margin-bottom:2rem}.btn-hero{background:var(--brand-primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin:.5rem;padding:1rem 2.5rem;text-decoration:none;transition:all .2s}.btn-hero:hover{background:var(--brand-secondary);transform:translateY(-2px)}.btn-hero.outline{background:transparent;border:2px solid var(--brand-primary);color:var(--brand-primary)}.btn-hero.outline:hover{background:var(--brand-primary);color:#fff}.landing-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:100}.landing-nav .logo{color:#fff;font-size:1.3rem;font-weight:800;text-decoration:none}.landing-nav .nav-links a{color:#ffffffd9;font-weight:500;margin-left:1.5rem;text-decoration:none;transition:color .2s}.landing-nav .nav-links a:hover{color:#fff}.auth-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:2.5rem;width:100%}.auth-card .auth-logo{margin-bottom:2rem;text-align:center}.auth-card .auth-logo .brand{color:var(--brand-primary);font-size:1.8rem;font-weight:800}.auth-card .auth-logo p{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.auth-title{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.auth-form .form-input{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:.95rem;padding:.85rem 1rem;transition:border-color .2s;width:100%}.auth-form .form-input:focus{border-color:var(--brand-primary);outline:none}.auth-submit{background:var(--brand-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.9rem;transition:all .2s;width:100%}.auth-submit:hover{background:var(--brand-secondary)}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.google-btn{align-items:center;background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;margin-top:.75rem;padding:.9rem;transition:all .2s;width:100%}.google-btn:hover{background:#f5f5f5;box-shadow:var(--shadow-sm)}.google-btn img{height:20px;width:20px}.auth-divider{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:1rem;margin:1.25rem 0}.auth-divider:after,.auth-divider:before{background:var(--border-color);content:"";flex:1;height:1px}.auth-footer{color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:var(--brand-primary);font-weight:500;text-decoration:none}.auth-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-md);color:#f44336;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.page-enter-active,.page-leave-active{transition:all .2s}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.light-theme{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-card:#fff;--bg-input:#f9f9f9;--bg-base:#f5f5f5;--bg-card-2:#eee;--border:#e0e0e0;--border-light:#bdbdbd;--border-color:#e0e0e0;--text-primary:#212121;--text-secondary:#616161;--text-muted:#bdbdbd;--shadow-card:0 2px 12px rgba(0,0,0,.08)}.light-theme .top-header{background:#f5f5f5f2}.light-theme .bottom-nav{background:#fffffff7}.light-theme .balance-hero{background:linear-gradient(145deg,#1565c0,#0d47a1)}.light-theme .submit-bar{background:#f5f5f5f7}