:root{--bg-primary: #090d16;--bg-secondary: #0f172a;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(30, 41, 59, .85);--bg-elevated: #1e293b;--bg-input: #131c2e;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #090d16;--income-emerald: #10b981;--income-bg: rgba(16, 185, 129, .12);--income-border: rgba(16, 185, 129, .3);--expense-rose: #f43f5e;--expense-bg: rgba(244, 63, 94, .12);--expense-border: rgba(244, 63, 94, .3);--transfer-cyan: #06b6d4;--transfer-bg: rgba(6, 182, 212, .12);--transfer-border: rgba(6, 182, 212, .3);--warning-amber: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .3);--primary-accent: #3b82f6;--primary-gradient: linear-gradient(135deg, #2563eb, #1d4ed8);--emerald-gradient: linear-gradient(135deg, #10b981, #059669);--rose-gradient: linear-gradient(135deg, #f43f5e, #e11d48);--purple-gradient: linear-gradient(135deg, #8b5cf6, #6d28d9);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-glow: 0 0 25px rgba(59, 130, 246, .15);--glass-blur: blur(14px);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 260px;--header-height: 72px;--bottom-nav-height: 68px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .28s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: #ffffff;--bg-elevated: #e2e8f0;--bg-input: #f8fafc;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .16);--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #f8fafc;--income-bg: rgba(16, 185, 129, .08);--expense-bg: rgba(244, 63, 94, .08);--transfer-bg: rgba(6, 182, 212, .08);--warning-bg: rgba(245, 158, 11, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px rgba(37, 99, 235, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;transition:all var(--transition-fast)}input,select,textarea{font-family:inherit;font-size:.95rem;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:.65rem .9rem;transition:all var(--transition-fast);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f640}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;min-height:100vh;position:relative;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.05) 0%,transparent 40%)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left var(--transition-normal)}@media(min-width:1024px){.main-wrapper{margin-left:var(--sidebar-width)}}.content-body{flex:1;padding:1.5rem 1rem 5rem;max-width:1360px;width:100%;margin:0 auto}@media(min-width:768px){.content-body{padding:2rem 2rem 4rem}}.app-header{height:var(--header-height);position:sticky;top:0;z-index:40;background-color:#090d16d9;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}[data-theme=light] .app-header{background-color:#ffffffe0}@media(min-width:768px){.app-header{padding:0 2rem}}.header-left{display:flex;align-items:center;gap:1rem}.header-title-group h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.header-title-group p{font-size:.8rem;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:.6rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.icon-btn:hover{color:var(--text-primary);background-color:var(--bg-elevated);border-color:var(--border-medium);transform:translateY(-1px)}.icon-btn.active{color:var(--primary-accent);border-color:var(--primary-accent)}.app-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:50;flex-direction:column}@media(min-width:1024px){.app-sidebar{display:flex}}.sidebar-brand{height:var(--header-height);display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;border-bottom:1px solid var(--border-subtle)}.brand-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);background:var(--emerald-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b98159}.brand-info{display:flex;flex-direction:column}.brand-name{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#10b981,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tag{font-size:.68rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.sidebar-nav{flex:1;padding:1.25rem .85rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem .75rem .35rem}.nav-link{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.92rem;transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-elevated)}.nav-link.active{color:#fff;background:linear-gradient(135deg,#2563ebe6,#10b981cc);font-weight:600;box-shadow:0 4px 14px #2563eb40}.sidebar-footer{padding:1.25rem 1rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.user-snippet{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--purple-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.user-meta{display:flex;flex-direction:column}.user-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.72rem;color:var(--text-muted)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background-color:#090d16eb;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-subtle);z-index:50;justify-content:space-around;align-items:center;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light] .bottom-nav{background-color:#fffffff0}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:.7rem;font-weight:500;padding:.4rem;border-radius:var(--radius-sm);flex:1}.bottom-nav-item.active{color:var(--income-emerald);font-weight:700}.bottom-nav-fab{position:relative;top:-14px;width:52px;height:52px;border-radius:50%;background:var(--emerald-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #10b98173;border:3px solid var(--bg-primary);transition:transform var(--transition-fast)}.bottom-nav-fab:active{transform:scale(.92)}.glass-card{background-color:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.hero-balance-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:1.85rem;position:relative;overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow);margin-bottom:1.5rem}.hero-balance-card:before{content:"";position:absolute;top:-50%;right:-20%;width:320px;height:320px;background:radial-gradient(circle,rgba(16,185,129,.18) 0%,transparent 70%);pointer-events:none}.hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.hero-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.hero-amount{font-family:var(--font-mono);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:1.5rem}@media(min-width:640px){.hero-amount{font-size:2.75rem}}.hero-substats{display:grid;grid-template-columns:1fr;gap:1rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}@media(min-width:640px){.hero-substats{grid-template-columns:1fr 1fr}}.substat-item{display:flex;align-items:center;gap:.85rem;background:#ffffff08;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.substat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.substat-icon.bank-icon{background:#3b82f626;color:#60a5fa}.substat-icon.cash-icon{background:#10b98126;color:#34d399}.substat-meta{display:flex;flex-direction:column}.substat-label{font-size:.75rem;color:var(--text-secondary)}.substat-value{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:#fff}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-metric-card{background-color:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:all var(--transition-fast)}.stat-metric-card:hover{transform:translateY(-2px);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.metric-header{display:flex;align-items:center;justify-content:space-between}.metric-title{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.metric-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.metric-badge.income{background:var(--income-bg);color:var(--income-emerald);border:1px solid var(--income-border)}.metric-badge.expense{background:var(--expense-bg);color:var(--expense-rose);border:1px solid var(--expense-border)}.metric-badge.count{background:var(--transfer-bg);color:var(--transfer-cyan);border:1px solid var(--transfer-border)}.metric-value{font-family:var(--font-mono);font-size:1.45rem;font-weight:700;color:var(--text-primary)}.metric-desc{font-size:.75rem;color:var(--text-muted)}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.chart-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}@media(min-width:640px){.chart-header{flex-direction:row;align-items:center;justify-content:space-between}}.chart-title-group h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.chart-title-group p{font-size:.8rem;color:var(--text-secondary)}.chart-filter-chips{display:flex;align-items:center;gap:.35rem;background-color:var(--bg-input);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.filter-chip{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.filter-chip:hover{color:var(--text-primary)}.filter-chip.active{background:var(--primary-accent);color:#fff;box-shadow:0 2px 8px #3b82f659}.svg-chart-container{width:100%;height:240px;position:relative}.accounts-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.accounts-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.accounts-grid{grid-template-columns:repeat(3,1fr)}}.fintech-card{border-radius:var(--radius-lg);padding:1.5rem;color:#fff;position:relative;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-md);transition:all var(--transition-fast);overflow:hidden;border:1px solid rgba(255,255,255,.15)}.fintech-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.fintech-card.card-bca{background:linear-gradient(135deg,#004d99,#001f4d)}.fintech-card.card-mandiri{background:linear-gradient(135deg,#002b5e,#00132b);border-color:#f59e0b4d}.fintech-card.card-jago{background:linear-gradient(135deg,#7c3aed,#4c1d95)}.fintech-card.card-gopay{background:linear-gradient(135deg,#0081a7,#004e64)}.fintech-card.card-dana{background:linear-gradient(135deg,#0077b6,#023e8a)}.fintech-card.card-emerald{background:linear-gradient(135deg,#059669,#064e3b)}.fintech-card.card-amber{background:linear-gradient(135deg,#d97706,#78350f)}.fintech-card.card-violet{background:linear-gradient(135deg,#7c3aed,#431407)}.fintech-card.card-custom{background:linear-gradient(135deg,#334155,#0f172a)}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.card-brand-chip{display:flex;align-items:center;gap:.5rem}.chip-sim{width:32px;height:24px;background:linear-gradient(135deg,#fcd34d,#d97706);border-radius:4px;position:relative;border:1px solid rgba(0,0,0,.2)}.card-institution{font-size:.85rem;font-weight:700;letter-spacing:.02em}.card-number{font-family:var(--font-mono);font-size:.95rem;letter-spacing:.12em;opacity:.9;margin:.75rem 0 .5rem}.card-bottom{display:flex;align-items:flex-end;justify-content:space-between}.card-balance-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.card-balance-value{font-family:var(--font-mono);font-size:1.35rem;font-weight:700}.card-actions{display:flex;gap:.4rem}.card-btn{padding:.35rem .65rem;border-radius:var(--radius-sm);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.3rem;transition:all var(--transition-fast)}.card-btn:hover{background:#ffffff47}.pocket-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;transition:all var(--transition-fast);position:relative;overflow:hidden}.pocket-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pocket-card.warning-border{border-color:var(--warning-amber);box-shadow:0 0 15px #f59e0b2e}.pocket-warning-badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--warning-bg);color:var(--warning-amber);border:1px solid var(--warning-border);padding:.3rem .6rem;border-radius:var(--radius-md);font-size:.72rem;font-weight:600;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.65}}.insufficient-alert-banner{background:linear-gradient(135deg,#f59e0b26,#f43f5e26);border:1px solid var(--warning-amber);border-radius:var(--radius-md);padding:.85rem 1.25rem;display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem;color:#fff}.insufficient-alert-banner p{font-size:.85rem;color:var(--text-primary);flex:1}.tx-table-container{overflow-x:auto;border-radius:var(--radius-md)}.tx-table{width:100%;border-collapse:collapse;text-align:left}.tx-table th{padding:.85rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:#0000001a}.tx-table td{padding:1rem;border-bottom:1px solid var(--border-subtle);font-size:.88rem}.tx-row:hover{background-color:var(--bg-elevated)}.tx-icon-badge{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tx-icon-badge.income{background:var(--income-bg);color:var(--income-emerald)}.tx-icon-badge.expense{background:var(--expense-bg);color:var(--expense-rose)}.tx-icon-badge.transfer{background:var(--transfer-bg);color:var(--transfer-cyan)}.tx-amount{font-family:var(--font-mono);font-weight:700;font-size:.95rem}.tx-amount.income{color:var(--income-emerald)}.tx-amount.expense{color:var(--expense-rose)}.tx-amount.transfer{color:var(--transfer-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;transition:all var(--transition-fast)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #2563eb59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.btn-emerald{background:var(--emerald-gradient);color:#fff;box-shadow:0 4px 12px #10b98159}.btn-emerald:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98173}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.btn-danger{background:var(--rose-gradient);color:#fff}.btn-sm{padding:.4rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleUp .2s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:#0000000d}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.toast-container{position:fixed;bottom:80px;right:1.25rem;z-index:110;display:flex;flex-direction:column;gap:.5rem}@media(min-width:1024px){.toast-container{bottom:2rem;right:2rem}}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-lg);animation:slideInRight .25s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{background:#059669}.toast.error{background:#e11d48}.toast.warning{background:#d97706}.toast.info{background:#2563eb}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3.5rem 2rem;border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.15);background:#0f172a73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:1.5rem 0;transition:border-color var(--transition-fast)}.empty-state-card:hover{border-color:#10b98159}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 8px 20px #00000040}.empty-state-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.empty-state-desc{font-size:.9rem;color:var(--text-secondary);max-width:480px;line-height:1.6;margin:0 auto 1.5rem}@media print{body{background:#fff!important;color:#000!important}.app-sidebar,.app-header,.bottom-nav,.btn,.toast-container,.chart-filter-chips{display:none!important}.main-wrapper{margin-left:0!important}.content-body{padding:0!important;max-width:100%!important}.glass-card,.hero-balance-card,.fintech-card,.pocket-card{border:1px solid #ccc!important;box-shadow:none!important;background:#fff!important;color:#000!important;page-break-inside:avoid}.hero-amount,.card-balance-value,.substat-value,.metric-value{color:#000!important}}.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;position:relative;overflow:hidden;background-color:var(--bg-primary);background:radial-gradient(circle at 10% 15%,rgba(16,185,129,.08) 0%,transparent 45%),radial-gradient(circle at 90% 85%,rgba(59,130,246,.08) 0%,transparent 45%),var(--bg-primary)}.auth-page-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;opacity:.7}.auth-glow-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:orbFloat 14s ease-in-out infinite alternate}.orb-1{width:480px;height:480px;background:radial-gradient(circle,rgba(16,185,129,.22) 0%,transparent 70%);top:-120px;right:-80px;animation-duration:16s}.orb-2{width:520px;height:520px;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,transparent 70%);bottom:-160px;left:-120px;animation-duration:18s;animation-delay:-4s}.orb-3{width:360px;height:360px;background:radial-gradient(circle,rgba(139,92,246,.14) 0%,transparent 70%);top:40%;left:20%;animation-duration:20s;animation-delay:-8s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.08)}to{transform:translate(-25px,30px) scale(.95)}}.auth-container{width:100%;max-width:440px;margin:0 auto;position:relative;z-index:10;display:flex;flex-direction:column;gap:1.5rem}.auth-brand-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem}.auth-brand-header .brand-icon-wrapper{background:var(--emerald-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px #10b98166;margin-bottom:.25rem;transition:transform var(--transition-normal)}.auth-brand-header .brand-icon-wrapper:hover{transform:scale(1.06)}.auth-brand-header .brand-name{font-size:1.85rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-brand-subtitle{font-size:.88rem;color:var(--text-secondary);max-width:380px;line-height:1.5;margin:0}.auth-card{background:linear-gradient(155deg,#0f172ae0,#090d16f0);border:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(16,185,129,.35);border-radius:var(--radius-lg);padding:2rem 2.25rem;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #10b98114;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;overflow:hidden}@media(max-width:480px){.auth-card{padding:1.5rem 1.25rem}}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;background:#0a101dd9;padding:.35rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem;position:relative}.auth-tab-btn{padding:.7rem .85rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--text-secondary);text-align:center;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.4rem}.auth-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.auth-tab-btn.active{background:var(--emerald-gradient);color:#fff;font-weight:700;box-shadow:0 4px 14px #10b98166}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.form-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.auth-input-container{position:relative;display:flex;align-items:center}.auth-input-container input{width:100%;padding-left:2.75rem;padding-right:2.75rem;height:46px;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.92rem;transition:all var(--transition-fast)}.auth-input-container input::placeholder{color:#94a3b880;font-size:.88rem}.auth-input-container:focus-within input{border-color:#10b981;background:#0f172af2;box-shadow:0 0 0 3px #10b98138,0 0 20px #10b9811f}.auth-input-icon{position:absolute;left:.95rem;color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast)}.auth-input-container:focus-within .auth-input-icon{color:var(--income-emerald)}.auth-password-toggle{position:absolute;right:.95rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:all var(--transition-fast)}.auth-password-toggle:hover{color:var(--text-primary);background:#ffffff14}.auth-options-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;flex-wrap:wrap;gap:.5rem;margin-top:-.2rem}.auth-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.auth-checkbox-label input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:var(--income-emerald);cursor:pointer}.btn-auth-link{color:#38bdf8;font-size:.82rem;font-weight:600;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;transition:all var(--transition-fast)}.btn-auth-link:hover{color:#7dd3fc}.btn-auth-submit{width:100%;height:48px;font-size:.96rem;font-weight:700;letter-spacing:.01em;border-radius:var(--radius-md);background:var(--emerald-gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 18px #10b98173;transition:all var(--transition-fast);position:relative;overflow:hidden;margin-top:.4rem}.btn-auth-submit:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:left .6s ease}.btn-auth-submit:hover:not(:disabled):after{left:140%}.btn-auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b9818c}.btn-auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.password-strength-wrapper{margin-top:.45rem;display:flex;flex-direction:column;gap:.35rem}.password-strength-bars{display:flex;gap:.4rem;height:5px}.password-strength-bar{flex:1;border-radius:3px;background:#ffffff14;transition:background .25s ease}.password-strength-label{font-size:.74rem;display:flex;justify-content:space-between;color:var(--text-secondary)}.password-criteria-list{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.3rem;padding:.6rem .75rem;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm)}.password-criteria-item{display:flex;align-items:center;gap:.4rem;font-size:.73rem;color:var(--text-muted);transition:color .2s ease}.password-criteria-item.met{color:var(--income-emerald);font-weight:600}.auth-error-alert{background:#f43f5e24;border:1px solid var(--expense-rose);color:#fecdd3;padding:.8rem 1rem;border-radius:var(--radius-md);font-size:.84rem;display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;animation:shake .3s ease}.auth-success-alert{background:#10b98124;border:1px solid var(--income-emerald);color:#a7f3d0;padding:.8rem 1rem;border-radius:var(--radius-md);font-size:.84rem;display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;animation:fadeInDown .25s ease}.auth-warning-alert{background:#f59e0b24;border:1px solid var(--warning-amber);color:#fde68a;padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.84rem;display:flex;align-items:flex-start;gap:.65rem;margin-bottom:1.25rem;animation:fadeInDown .25s ease}.auth-unregistered-box{background:#10b98114;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-md);padding:1rem 1.15rem;margin-bottom:1.25rem;animation:fadeInDown .25s ease}.otp-screen-header{text-align:center;margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center}.otp-icon-circle{width:54px;height:54px;border-radius:50%;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--income-emerald);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.otp-target-chip{display:inline-block;padding:.25rem .75rem;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-full);color:#93c5fd;font-family:var(--font-mono);font-size:.82rem;font-weight:600;margin-top:.35rem}.otp-input-field{width:100%;text-align:center;font-family:var(--font-mono);font-size:2rem;font-weight:800;letter-spacing:.8rem;padding:.85rem 1rem;background-color:#0f172ae6;border:2px solid rgba(16,185,129,.4);border-radius:var(--radius-md);color:#fff;outline:none;box-shadow:0 0 20px #10b98126;transition:all var(--transition-fast)}.otp-input-field:focus{border-color:var(--income-emerald);box-shadow:0 0 25px #10b98159;background-color:#0f172a}.otp-notice-box{background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.75rem;text-align:left}.otp-notice-icon{color:var(--income-emerald);flex-shrink:0;margin-top:2px}.config-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:fadeIn .2s ease-out}.config-modal-card{background:#0f172a;border:1px solid rgba(51,65,85,.9);border-top:3px solid var(--income-emerald);border-radius:var(--radius-lg);padding:1.75rem;max-width:520px;width:100%;box-shadow:0 20px 40px #0009;position:relative;text-align:left;max-height:90vh;overflow-y:auto}.config-modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all var(--transition-fast)}.config-modal-close-btn:hover{color:#fff;background:#ffffff1a}.config-option-box{background:#0f172ab3;border:1px solid rgba(30,41,59,.8);border-radius:var(--radius-md);padding:.9rem;margin-bottom:.85rem}.config-option-header{display:flex;align-items:center;gap:.5rem}.config-option-title{font-weight:700;font-size:.88rem;color:#f1f5f9}.config-badge{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;background:#64748b40;color:#cbd5e1}.config-badge.recommended{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.config-code-block{background:#020617;border:1px solid #1e293b;border-radius:var(--radius-sm);padding:.6rem .75rem;font-family:var(--font-mono);font-size:.73rem;color:#38bdf8;line-height:1.45;margin:.4rem 0 0;overflow-x:auto;-webkit-user-select:all;user-select:all}.inline-code{font-family:var(--font-mono);background:#0f172ae6;border:1px solid rgba(51,65,85,.6);padding:.1rem .35rem;border-radius:4px;font-size:.76rem;color:#38bdf8}.auth-stepper{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.auth-step-item{flex:1;display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#ffffff0a;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);font-size:.75rem;color:var(--text-muted)}.auth-step-item.active{background:#10b9811f;border-color:#10b9814d;color:var(--income-emerald);font-weight:700}.auth-step-number{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;background:#ffffff1a}.auth-step-item.active .auth-step-number{background:var(--income-emerald);color:#fff}.auth-security-footer{margin-top:1.75rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.65rem;font-size:.74rem;color:var(--text-muted);line-height:1.45}.user-dropdown-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.82rem;font-weight:600;transition:all var(--transition-fast)}.user-dropdown-btn:hover{background:var(--bg-elevated);border-color:var(--border-medium)}.btn-logout{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:var(--radius-sm);background:#f43f5e1f;color:var(--expense-rose);border:1px solid rgba(244,63,94,.3);font-size:.78rem;font-weight:600;transition:all var(--transition-fast)}.btn-logout:hover{background:var(--expense-rose);color:#fff}