:root,[data-theme=dark]{--bg-canvas: #06080e;--bg-surface: #0c111d;--bg-surface-elevated: #12192b;--bg-card: rgba(15, 22, 38, .78);--bg-card-hover: rgba(21, 30, 52, .92);--border: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .16);--border-focus: rgba(16, 185, 129, .5);--card-top-line: rgba(255, 255, 255, .14);--header-bg: rgba(8, 12, 22, .92);--input-bg: rgba(12, 17, 29, .9);--modal-bg: #0f1628;--bottom-nav-bg: rgba(10, 15, 28, .95);--primary: #10b981;--primary-hover: #059669;--primary-light: rgba(16, 185, 129, .14);--primary-glow: rgba(16, 185, 129, .35);--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-pink: #ec4899;--accent-amber: #f59e0b;--accent-cyan: #06b6d4;--danger: #f43f5e;--danger-light: rgba(244, 63, 94, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--chip-bg: rgba(255, 255, 255, .05);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .35);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6);--shadow-glow: 0 0 35px rgba(16, 185, 129, .2);--radius-xl: 18px;--radius: 14px;--radius-sm: 10px;--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--ambient-bg: radial-gradient(circle at 10% 0%, rgba(99, 102, 241, .15) 0%, transparent 40%), radial-gradient(circle at 90% 10%, rgba(16, 185, 129, .13) 0%, transparent 45%), radial-gradient(circle at 50% 50%, rgba(6, 182, 212, .06) 0%, transparent 50%), radial-gradient(circle at 80% 90%, rgba(245, 158, 11, .08) 0%, transparent 45%)}[data-theme=light]{--bg-canvas: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: #ffffff;--border: rgba(0, 0, 0, .08);--border-highlight: rgba(0, 0, 0, .14);--border-focus: rgba(16, 185, 129, .6);--card-top-line: rgba(255, 255, 255, .8);--header-bg: rgba(255, 255, 255, .92);--input-bg: #ffffff;--modal-bg: #ffffff;--bottom-nav-bg: rgba(255, 255, 255, .95);--primary: #059669;--primary-hover: #047857;--primary-light: rgba(5, 150, 105, .12);--primary-glow: rgba(5, 150, 105, .25);--accent-blue: #2563eb;--accent-indigo: #4f46e5;--accent-violet: #7c3aed;--accent-pink: #db2777;--accent-amber: #d97706;--accent-cyan: #0284c7;--danger: #e11d48;--danger-light: rgba(225, 29, 72, .1);--text-main: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--chip-bg: rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--shadow-glow: 0 0 25px rgba(5, 150, 105, .15);--ambient-bg: radial-gradient(circle at 10% 0%, rgba(99, 102, 241, .08) 0%, transparent 40%), radial-gradient(circle at 90% 10%, rgba(16, 185, 129, .08) 0%, transparent 45%), radial-gradient(circle at 50% 50%, rgba(6, 182, 212, .04) 0%, transparent 50%), radial-gradient(circle at 80% 90%, rgba(245, 158, 11, .05) 0%, transparent 45%)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--bg-canvas);color:var(--text-main);min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;position:relative;background-image:var(--ambient-bg);background-attachment:fixed;padding-bottom:calc(75px + env(safe-area-inset-bottom));transition:background-color .25s ease,color .25s ease}@media (min-width: 900px){body{padding-bottom:32px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}.num-display{font-family:var(--font-display);font-feature-settings:"tnum" on,"cv05" on}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1240px;margin:0 auto;padding:26px 20px;width:100%}@media (max-width: 640px){.container{padding:18px 14px}}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-top:1px solid var(--card-top-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bank-card{border-radius:16px;padding:18px 20px;color:#fff;position:relative;overflow:hidden;min-height:155px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 24px #00000059;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid rgba(255,255,255,.2)}@media (max-width: 640px){.bank-card{min-height:135px;padding:14px 16px;border-radius:14px}}.bank-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 35px #00000080}.bank-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 60%);opacity:.5;pointer-events:none}.card-jago{background:linear-gradient(135deg,#f59e0b,#ea580c,#b45309);box-shadow:0 10px 24px #ea580c59}.card-bca{background:linear-gradient(135deg,#1e40af,#1e3a8a,#0f172a);box-shadow:0 10px 24px #1e40af59}.card-bri{background:linear-gradient(135deg,#0284c7,#0369a1,#0c4a6e);box-shadow:0 10px 24px #0284c759}.card-seabank{background:linear-gradient(135deg,#f97316,#db2777 60%,#9d174d);box-shadow:0 10px 24px #db277759}.card-jenius{background:linear-gradient(135deg,#06b6d4,#4f46e5 60%,#312e81);box-shadow:0 10px 24px #4f46e559}.card-chip{width:32px;height:24px;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:5px;position:relative;box-shadow:inset 0 1px 2px #ffffff80,0 2px 4px #0000004d;overflow:hidden}.card-chip:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#0000004d}.card-chip:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#0000004d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;outline:none}@media (max-width: 640px){.btn{padding:7px 12px;font-size:.8rem}}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px var(--primary-glow)}.btn-secondary{background:var(--chip-bg);color:var(--text-main);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-highlight);transform:translateY(-1px)}[data-theme=light] .btn-secondary:hover{background:#f1f5f9}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid rgba(244,63,94,.3)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-icon{width:36px;height:36px;padding:0;border-radius:10px}.btn:active{transform:scale(.97)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-success{background:var(--primary-light);color:var(--primary);border:1px solid rgba(16,185,129,.3)}.badge-danger{background:var(--danger-light);color:var(--danger);border:1px solid rgba(244,63,94,.3)}.badge-warning{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.badge-info{background:#06b6d426;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3)}.badge-purple{background:#8b5cf626;color:var(--accent-violet);border:1px solid rgba(139,92,246,.3)}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 13px;color:var(--text-main);font-size:.9rem;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px;animation:fadeIn .2s ease}.modal-content{background:var(--modal-bg);border:1px solid var(--border-highlight);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spinSlow 1s linear infinite}.pulse-badge{animation:pulseGlow 2.2s infinite}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1.05);box-shadow:0 0 0 6px #f59e0b00}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}.app-shell{display:flex;min-height:100vh;width:100%}@media (max-width: 899px){.app-shell{display:block}}.app-main-content{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:250px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-surface);border-right:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:900;overflow-y:auto}@media (max-width: 899px){.sidebar{display:none!important}}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:.82rem;font-weight:600;color:var(--text-muted);border:none;background:transparent;cursor:pointer;transition:all .18s ease;width:100%}.sidebar-nav-item:hover{color:var(--text-main);background:var(--chip-bg);transform:translate(3px)}.sidebar-nav-item.active{color:var(--primary);background:var(--primary-light);font-weight:700;border-left:3px solid var(--primary)}@media (min-width: 900px){.desktop-nav,.desktop-only{display:flex!important}.mobile-only{display:none!important}}@media (max-width: 899px){.desktop-nav,.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}}.desktop-nav-item{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;font-size:.78rem;font-weight:600;color:var(--text-muted);border:none;background:transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.desktop-nav-item:hover{color:var(--text-main);background:var(--chip-bg)}.desktop-nav-item.active{color:var(--primary);background:var(--primary-light);font-weight:700}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bottom-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:900}@media (min-width: 900px){.bottom-nav{display:none!important}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-dim);font-size:.68rem;font-weight:600;padding:6px 10px;border-radius:10px;transition:all .2s ease;position:relative;cursor:pointer;border:none;background:none}.nav-item.active{color:var(--primary)}.nav-item.active svg{transform:translateY(-1px)}.nav-badge{position:absolute;top:3px;right:12px;background:var(--danger);color:#fff;font-size:.62rem;font-weight:800;padding:1px 5px;border-radius:999px;border:2px solid var(--bg-canvas)}@media (max-width: 640px){.mobile-header-hide{display:none!important}.mobile-font-title{font-size:1.15rem!important}.mobile-net-worth-number{font-size:1.65rem!important}.mobile-breakdown-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important}.mobile-breakdown-card{padding:8px 10px!important;border-radius:10px!important}.mobile-breakdown-num{font-size:.92rem!important}.mobile-stack-full{flex-direction:column!important;width:100%!important}.mobile-btn-half{flex:1 1 calc(50% - 6px)!important}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}