::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000029;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000052}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff29}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff52}:root{--bg:#f4f7f6;--bg-2:#e8eeec;--surface:#fff;--surface-2:#f0fdfa;--surface-3:#e6f4f1;--text:#0f172a;--text-2:#334155;--muted:#475569;--border:#e2e8f0;--border-2:#cbd5e1;--accent:#0f766e;--accent-hover:#115e59;--accent-press:#134e4a;--accent-2:#0d9488;--accent-3:#14b8a6;--accent-soft:#0f766e14;--accent-glow:#0f766e38;--danger:#e11d48;--danger-soft:#e11d4814;--danger-glow:#e11d4833;--ok:#059669;--ok-soft:#05966914;--ok-glow:#05966933;--warn:#d97706;--warn-soft:#d9770614;--warn-glow:#d9770633;--pct-blue:#0f766e;--pct-blue-soft:#0f766e14;--gradient-brand:#0f766e;--gradient-hero:var(--surface);--gradient-ok:#059669;--gradient-danger:#e11d48;--gradient-warn:#d97706;--shadow-xs:0 1px 2px #0f766e0a;--shadow-sm:0 2px 4px #0f766e0a, 0 0 1px #0000000f;--shadow:0 2px 6px #0f766e0d, 0 0 1px #0000000f;--shadow-lg:0 4px 12px #0f766e14, 0 0 1px #0000000f;--shadow-xl:0 8px 24px #0f766e1f, 0 0 2px #00000014;--shadow-accent:0 4px 12px #0f766e3d;--shadow-glow:0 0 0 2px var(--accent-glow);--radius:8px;--radius-md:8px;--radius-sm:4px;--radius-xs:4px;--radius-full:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--t-fast:.1s cubic-bezier(.33, 0, .67, 1);--t-normal:.18s cubic-bezier(.33, 0, .67, 1);--t-spring:.25s cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0d1117;--bg-2:#010409;--surface:#161b22;--surface-2:#1f2937;--surface-3:#263342;--text:#f8fafc;--text-2:#e2e8f0;--muted:#94a3b8;--border:#26303b;--border-2:#374351;--accent:#14b8a6;--accent-hover:#2dd4bf;--accent-press:#0d9488;--accent-2:#2dd4bf;--accent-3:#5eead4;--accent-soft:#14b8a629;--accent-glow:#14b8a64d;--danger:#fb7185;--danger-soft:#fb718529;--danger-glow:#fb718540;--ok:#34d399;--ok-soft:#34d39929;--ok-glow:#34d39940;--warn:#fbbf24;--warn-soft:#fbbf2429;--warn-glow:#fbbf2440;--pct-blue:#2dd4bf;--pct-blue-soft:#2dd4bf29;--gradient-brand:#14b8a6;--gradient-hero:var(--surface);--gradient-ok:#34d399;--gradient-danger:#fb7185;--gradient-warn:#fbbf24;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 2px 4px #0006, 0 0 1px #0006;--shadow:0 2px 6px #00000073, 0 0 1px #0006;--shadow-lg:0 4px 12px #0000008c, 0 0 1px #0006;--shadow-xl:0 8px 24px #000000a6, 0 0 2px #00000080;--shadow-accent:0 4px 12px #14b8a64d;--shadow-glow:0 0 0 2px var(--accent-glow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-color-theme=sage]{--bg:#fbf9f5;--bg-2:#f3eee5;--surface:#fff;--surface-2:#f5f7f2;--surface-3:#eaefe5;--text:#1c1917;--text-2:#44403c;--muted:#78716c;--border:#e5e0d8;--border-2:#d5cebf;--accent:#15803d;--accent-hover:#166534;--accent-press:#14532d;--accent-2:#16a34a;--accent-3:#22c55e;--accent-soft:#15803d14;--accent-glow:#15803d33;--gradient-brand:#15803d;--gradient-hero:var(--surface);--shadow-accent:0 4px 12px #15803d33}[data-theme=dark][data-color-theme=sage]{--bg:#101410;--bg-2:#0b0e0b;--surface:#181f18;--surface-2:#212b21;--surface-3:#2b382b;--text:#f5f5f4;--text-2:#e7e5e4;--muted:#a8a29e;--border:#2a362a;--border-2:#3a4b3a;--accent:#22c55e;--accent-hover:#4ade80;--accent-press:#16a34a;--accent-2:#4ade80;--accent-3:#86efac;--accent-soft:#22c55e29;--accent-glow:#22c55e47;--gradient-brand:#22c55e;--gradient-hero:var(--surface);--shadow-accent:0 4px 12px #22c55e40}[data-color-theme=nordic]{--bg:#f1f5f9;--bg-2:#e2e8f0;--surface:#fff;--surface-2:#f8fafc;--surface-3:#edf2f7;--text:#0f172a;--text-2:#334155;--muted:#64748b;--border:#cbd5e1;--border-2:#94a3b8;--accent:#0f172a;--accent-hover:#1e293b;--accent-press:#334155;--accent-2:#334155;--accent-3:#475569;--accent-soft:#0f172a14;--accent-glow:#0f172a33;--gradient-brand:#0f172a;--gradient-hero:var(--surface);--shadow-accent:0 4px 12px #0f172a33}[data-theme=dark][data-color-theme=nordic]{--bg:#090d14;--bg-2:#04060a;--surface:#121824;--surface-2:#1a2332;--surface-3:#243044;--text:#f8fafc;--text-2:#e2e8f0;--muted:#94a3b8;--border:#263447;--border-2:#354761;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-press:#0284c7;--accent-2:#7dd3fc;--accent-3:#bae6fd;--accent-soft:#38bdf829;--accent-glow:#38bdf847;--gradient-brand:#38bdf8;--gradient-hero:var(--surface);--shadow-accent:0 4px 12px #38bdf840}*,:before,:after{box-sizing:border-box}html,body{width:100%;max-width:100vw;position:relative;overflow-x:clip}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}::placeholder{color:var(--muted);opacity:.85}.input-money,.safe-value,.tabular-nums,.alloc-pct-input,.tx-amount,.table td,.bonus-pct,.amount-text,.stat-value,.wallet-balance,.chip-currency{font-variant-numeric:tabular-nums;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes border-glow{0%,to{border-color:var(--border)}50%{border-color:var(--accent-3)}}.app{box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;padding:24px 16px 96px}.topbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:48px;min-height:48px;box-shadow:var(--shadow-sm);z-index:30;box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:0 12px;display:flex;position:relative}[data-theme=dark] .topbar{background:var(--surface)}.topbar-brand-wrap{flex-shrink:0;align-items:center;display:flex}.brand{letter-spacing:-.01em;color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;margin:0;font-family:inherit;font-size:15px;font-weight:600;display:flex}.brand-logo-img{border-radius:var(--radius-xs);object-fit:contain;flex-shrink:0;width:24px;height:24px;display:inline-block}.topbar-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;min-width:0;display:flex}.topbar-user-area{flex-shrink:0;align-items:center;gap:4px;display:flex}@media (width>=769px){.topbar-row-primary{display:contents}.topbar-brand-wrap{order:1}.topbar-actions{order:2;margin-left:auto}.topbar-user-area{order:3}}.topbar-actions .btn{white-space:nowrap;height:28px;min-height:28px;padding:3px 8px;font-size:11.5px}.btn-period-select{font-weight:600}.btn-logout{transition:all var(--t-fast);flex-shrink:0;font-weight:500;color:var(--muted)!important;border:1px solid var(--border-2)!important;background:var(--surface)!important}.btn-logout:hover{transform:translateY(-1px);background:var(--danger-soft)!important;border-color:var(--danger)!important;color:var(--danger)!important}@media (width<=1120px){.period-label-prefix,.save-state-text{display:none}.topbar-actions{gap:3px}}.nav-section{min-width:0;display:none}.save-state{color:var(--muted);transition:color var(--t-normal);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:flex}.save-state.save-ok{color:var(--ok)}.front{flex-direction:column;gap:20px;min-width:0;max-width:100%;margin:0 auto;animation:.35s both slide-up;display:flex}.beranda-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;display:grid}.beranda-col-main,.beranda-col-side{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}@media (width<=860px){.beranda-grid{flex-direction:column;gap:20px;display:flex}}.window-close{padding:8px;line-height:0}.panel-hero-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;padding:16px 20px;animation:.25s both slide-up;display:flex}.panel-hero-main{align-items:center;gap:14px;min-width:0;display:flex}.panel-hero-icon{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-2);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-hero-icon svg{width:20px;height:20px}.panel-hero-body{min-width:0}.panel-hero-title{color:var(--text);letter-spacing:-.01em;margin:0;font-family:inherit;font-size:20px;font-weight:600;line-height:26px}.panel-hero-desc{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:18px}.panel-hero-badge{flex-shrink:0}.panel-hero-badge span{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--t-normal), transform var(--t-fast), border-color var(--t-normal);padding:24px;animation:.3s both slide-up;position:relative;overflow:hidden}.card:before{display:none}.card:hover{border-color:var(--border-2);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.card-head h2{letter-spacing:-.01em;color:var(--text);margin:0;font-family:inherit;font-size:20px;font-weight:600;line-height:26px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:24px 0 10px;font-size:11px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.text-danger{color:var(--danger)}.text-ok{color:var(--ok)}.footer{text-align:center;border-top:1px dashed var(--border);margin-top:40px;padding:16px}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:all var(--t-fast);white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;line-height:20px;display:inline-flex;position:relative}.btn:after{display:none}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:active{background:var(--accent-press);border-color:var(--accent-press);transform:none}.btn:disabled{opacity:.55;background:var(--surface-3);color:var(--muted);border-color:var(--border-2);cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-2)}.btn-ghost:hover{background:var(--surface-3);border-color:var(--border-2);box-shadow:var(--shadow-xs)}.btn-ghost:active{background:var(--surface-2)}.btn-ghost:after{display:none}.btn-sm{border-radius:var(--radius-xs);min-height:36px;padding:6px 12px;font-size:13.5px}.btn-lg{border-radius:var(--radius-sm);min-height:48px;padding:12px 24px;font-size:16px}.btn-danger{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:none}.btn-danger:after{display:none}.btn-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-active:after{display:none}.btn-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.input{border:1px solid var(--border-2);border-bottom:2px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;color:var(--text);transition:all var(--t-fast);outline:none;padding:10px 12px;font-size:16px;line-height:24px}.input:hover{border-color:var(--text-2);border-bottom-color:var(--text-2)}.input:focus{border-color:var(--border-2);border-bottom-color:var(--accent);background:var(--surface);box-shadow:none}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230F766E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;min-height:44px;padding-right:36px;font-size:16px}[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2314B8A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.safe{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;margin:20px 0;padding:20px;display:flex;position:relative}.safe-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.safe-value{letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.1}.safe-sub-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.safe-footer-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.tx-kind-badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.tx-kind-in{background:var(--ok-soft);color:var(--ok);border:1px solid #05966940}.tx-kind-out{background:var(--danger-soft);color:var(--danger);border:1px solid #e11d4840}.alloc-status-banner{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.alloc-status-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alloc-status-label{color:var(--text-2);font-size:13.5px;font-weight:600}.alloc-status-pct{color:var(--accent);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.alloc-status-badge{border-radius:var(--radius-xs);align-items:center;padding:3px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.alloc-status-banner.status-ok{background:var(--ok-soft);border-color:#0596694d}.alloc-status-banner.status-ok .alloc-status-pct{color:var(--ok)}.alloc-status-banner.status-under{background:var(--warn-soft);border-color:#d977064d}.alloc-status-banner.status-under .alloc-status-pct{color:var(--warn)}.alloc-status-banner.status-over{background:var(--danger-soft);border-color:#e11d484d}.alloc-status-banner.status-over .alloc-status-pct{color:var(--danger)}.alloc-autobalance-btn{margin-left:auto;font-weight:600}.horizontal-bars-wrap{flex-direction:column;gap:12px;margin:16px 0;display:flex}.hbar-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:all var(--t-fast);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.hbar-item:hover{border-color:var(--border-2);background:var(--surface-2)}.hbar-head{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.hbar-label{color:var(--text);align-items:center;gap:8px;display:flex}.hbar-amounts{align-items:center;gap:6px;display:flex}.hbar-track{background:var(--surface-3);border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.hbar-fill{border-radius:4px;height:100%;transition:width .3s}.hbar-over{animation:2s infinite pulse-ring}@keyframes quick-cascade-nav{0%{opacity:0;filter:blur(2.5px);transform:translateY(-10px)scale(.92)}65%{filter:blur();transform:translateY(1.5px)scale(1.02)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes quick-cascade-topbar{0%{opacity:0;filter:blur(2.5px);transform:translateY(10px)scale(.92)}65%{filter:blur();transform:translateY(-1.5px)scale(1.02)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes dock-beam-pulse{0%{border-left-color:#0f766e4d;box-shadow:0 0 #0f766e00}45%{box-shadow:0 0 12px 1.5px var(--accent-glow);border-left-color:var(--accent-3)}to{border-left-color:var(--accent);box-shadow:0 0 #0f766e00}}.topbar-quick-wrapper{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--t-fast);align-items:center;gap:5px;padding:2px 4px;display:inline-flex}.topbar-quick-wrapper .quick-anchor:first-child{animation:.26s cubic-bezier(.16,1,.3,1) both quick-cascade-topbar}.topbar-quick-wrapper .quick-anchor:nth-child(2){animation:.26s cubic-bezier(.16,1,.3,1) 50ms both quick-cascade-topbar}.section-nav{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);z-index:60;scrollbar-width:none;height:44px;min-height:44px;transition:border-color var(--t-fast), box-shadow var(--t-fast);justify-content:flex-start;align-items:center;gap:6px;margin-bottom:20px;padding:6px 8px;display:flex;position:sticky;top:8px;overflow:visible!important}.section-nav::-webkit-scrollbar{display:none}[data-theme=dark] .section-nav{background:var(--surface);box-shadow:0 4px 16px #00000059}.section-nav.section-nav-sticky{border-color:var(--accent);box-shadow:0 4px 16px #0000001a;background:var(--surface)!important;overflow:visible!important}[data-theme=dark] .section-nav.section-nav-sticky{box-shadow:0 6px 20px #00000080}.section-nav-items{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto;flex-wrap:nowrap!important}.section-nav-items::-webkit-scrollbar{display:none}.section-nav-actions{border-left:2px solid var(--accent);background:var(--surface-2);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:var(--radius-sm);z-index:70;flex-shrink:0;align-items:center;gap:5px;margin-left:6px;padding:2px 4px 2px 7px;animation:.45s cubic-bezier(.16,1,.3,1) both dock-beam-pulse;display:inline-flex;position:relative;overflow:visible;flex-wrap:nowrap!important}.section-nav-actions .quick-anchor:first-child{animation:.26s cubic-bezier(.16,1,.3,1) both quick-cascade-nav}.section-nav-actions .quick-anchor:nth-child(2){animation:.26s cubic-bezier(.16,1,.3,1) 50ms both quick-cascade-nav}.nav-chip{border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);border-radius:var(--radius-xs);white-space:nowrap;cursor:pointer;height:30px;min-height:30px;box-shadow:var(--shadow-xs);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.nav-chip-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.nav-chip-icon svg{width:14px;height:14px}.nav-chip:hover{border-color:var(--accent);background:var(--surface-2);color:var(--accent)}.nav-chip-on{box-shadow:var(--shadow-sm);background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.nav-chip-on .nav-chip-icon{color:#fff!important}.section-nav-actions .btn{height:28px;min-height:28px;padding:3px 8px;font-size:12px}.btn-quick-action{border-radius:var(--radius-xs);height:28px;min-height:28px;transition:all var(--t-fast);white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.btn-quick-expense{background:var(--surface);color:var(--danger);border-color:#e11d484d}.btn-quick-expense:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);transform:translateY(-1px);box-shadow:0 2px 6px #e11d482e}.btn-quick-income{background:var(--surface);color:var(--ok);border-color:#0596694d}.btn-quick-income:hover{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);transform:translateY(-1px);box-shadow:0 2px 6px #0596692e}.btn-quick-action:active{transform:scale(.97)}.quick-kbd{color:inherit;opacity:.85;letter-spacing:0;background:#0000000d;border:1px solid #0000001f;border-radius:3px;justify-content:center;align-items:center;margin-left:2px;padding:1px 4px;font-family:inherit;font-size:10px;font-weight:700;line-height:1;display:inline-flex}[data-theme=dark] .quick-kbd{background:#ffffff14;border-color:#ffffff29}.quick-anchor{display:inline-flex;position:relative;overflow:visible}.quick-pop{z-index:100;width:min(400px,100vw - 24px);max-height:calc(100vh - 70px);box-shadow:var(--shadow-xl);animation:.2s cubic-bezier(.16,1,.3,1) both pop-in;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.section-nav-actions .quick-pop{max-height:calc(100vh - 70px);left:auto;right:0;overflow-y:auto}@media (width<=768px){.topbar{z-index:55;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:100%;height:auto;min-height:auto;margin-bottom:12px;padding:8px 10px;display:flex;position:relative;overflow:visible}.topbar-row-primary{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.topbar-brand-wrap{flex-shrink:1;min-width:0}.brand{gap:6px;font-size:14px}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-user-area{flex-shrink:0;align-items:center;gap:4px;display:flex}.topbar-user-area .chip-user{text-overflow:ellipsis;white-space:nowrap;max-width:85px;padding:2px 6px;font-size:11px;overflow:hidden}.topbar-user-area .btn-logout{height:26px;min-height:26px;padding:2px 7px;font-size:11px}.topbar-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px;width:100%;display:flex;overflow:visible}.topbar-quick-wrapper{align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.topbar-quick-wrapper .btn{height:28px;padding:3px 8px;font-size:11.5px}.section-nav{z-index:85;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);justify-content:flex-start;align-items:center;gap:4px;margin:0 0 14px;padding:6px 8px;display:flex;position:sticky;top:0;overflow:visible!important}[data-theme=dark] .section-nav{background:var(--surface);box-shadow:0 4px 16px #00000059}.section-nav-items{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;justify-content:flex-start;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto;flex-wrap:nowrap!important}.section-nav-items::-webkit-scrollbar{display:none}.section-nav-actions{border-left:2px solid var(--accent);flex-shrink:0;align-items:center;gap:3px;margin-left:4px;padding:1px 3px;display:inline-flex}.section-nav-actions .btn-quick-action{height:28px;min-height:28px;padding:2px 7px;font-size:11px;font-weight:600}.section-nav-actions .quick-kbd{display:none!important}.nav-chip{white-space:nowrap;border-radius:var(--radius-xs);border:1px solid var(--border-2);background:var(--surface);height:30px;min-height:30px;color:var(--text-2);box-shadow:var(--shadow-xs);text-align:left;flex-direction:row;flex-shrink:0;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.nav-chip span:last-child{text-overflow:clip;white-space:nowrap;overflow:visible}.nav-chip-icon{align-items:center;font-size:14px;line-height:1;display:inline-flex}.nav-chip-on{font-weight:700;background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}.nav-chip-on .nav-chip-icon{color:var(--accent)!important}.quick-pop{width:min(380px,100vw - 20px);left:0;right:auto}.fab{bottom:calc(20px + env(safe-area-inset-bottom,0px));width:44px;height:44px;right:16px}.calc-pop{bottom:calc(76px + env(safe-area-inset-bottom,0px));right:16px}}.custom-select-root{width:100%;position:relative}.custom-select-native{clip:rect(0, 0, 0, 0);white-space:nowrap;pointer-events:none;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-select-trigger{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.custom-select-display{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;font-size:14.5px;overflow:hidden}.custom-select-arrow{color:var(--accent);transition:transform var(--t-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.custom-select-trigger[aria-expanded=true] .custom-select-arrow{transform:rotate(180deg)}.select-sheet-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#0f0a05a6;justify-content:center;align-items:flex-end;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.select-sheet-container{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) both slide-up;display:flex;overflow:hidden}@media (width>=641px){.select-sheet-overlay{align-items:center;padding:20px}.select-sheet-container{border-radius:8px;max-height:80vh}}.select-sheet-handle-bar{background:var(--border-2);border-radius:4px;flex-shrink:0;width:36px;height:4px;margin:10px auto 4px}.select-sheet-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.select-sheet-title-group{min-width:0}.select-sheet-title{color:var(--text);letter-spacing:-.01em;margin:0;font-family:inherit;font-size:18px;font-weight:600}.select-sheet-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.select-sheet-close-btn{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:all var(--t-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.select-sheet-close-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-2)}.select-sheet-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 20px;position:relative}.select-sheet-search-input{padding-left:38px;padding-right:32px;font-size:14px}.select-sheet-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.select-sheet-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.select-sheet-list{flex-direction:column;flex:1;gap:8px;max-height:52vh;padding:12px 16px;display:flex;overflow-y:auto}.select-sheet-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:all var(--t-fast);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.select-sheet-item:hover{border-color:var(--border-2);background:var(--surface-3);transform:none}.select-sheet-item-active{background:var(--accent-soft);border-color:var(--accent);color:var(--text);font-weight:600}.select-sheet-item-content{flex:1;min-width:0}.select-sheet-item-label{word-break:break-word;display:block}.select-sheet-radio{border:2px solid var(--border-2);width:20px;height:20px;transition:all var(--t-fast);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.select-sheet-radio-active{border-color:var(--accent);background:var(--accent)}.select-sheet-radio-check{background:#fff;border-radius:50%;width:8px;height:8px}.select-sheet-empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:14px}.select-sheet-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;padding:12px 20px 16px;display:flex}.select-sheet-cancel-btn{width:100%;padding:11px;font-size:14px;font-weight:600}.input-money{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.input-narrow{width:90px}.input-search{min-width:170px}.input-name{font-weight:600}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.field-inline{flex-flow:wrap;align-items:center;gap:10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.form-grid-2{gap:0 16px}.form-actions{grid-column:1/-1;gap:10px;margin-top:8px;display:flex}.inline-form{gap:10px;margin-top:10px;display:flex}@media (width<=560px){.form-grid{grid-template-columns:1fr}}.chip{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);letter-spacing:-.01em;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.chip-btn{border:1px solid var(--border);cursor:pointer;background:var(--surface-2);transition:all var(--t-fast)}.chip-btn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip-user{background:var(--surface-2);color:var(--text);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;max-width:110px;height:26px;padding:2px 8px;font-size:11.5px;font-weight:600;line-height:20px;overflow:hidden}.badge{border-radius:var(--radius-sm);letter-spacing:.01em;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:700}.badge-danger{background:var(--danger-soft);color:var(--danger);box-shadow:0 0 0 1px var(--danger-soft)}.badge-warn{background:var(--warn-soft);color:var(--warn);box-shadow:0 0 0 1px var(--warn-soft)}.quick-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.filter-row{border-top:1px dashed var(--border);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;display:flex}.filter-row .input{flex:150px;width:auto}.data-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px;display:grid}.data-action{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:all var(--t-normal);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.data-action:before{display:none}.data-action:hover{border-color:var(--accent-3);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.data-action:active{transform:translateY(0)}.data-action-icon{color:var(--accent);z-index:1;padding-top:2px;display:flex;position:relative}.data-action-title{z-index:1;font-size:14px;font-weight:600;display:block;position:relative}.data-action-desc{color:var(--muted);z-index:1;margin-top:2px;font-size:12px;display:block;position:relative}.data-list .data-action-danger{border-color:var(--danger-soft);background:var(--danger-soft)}.data-list .data-action-danger:hover{border-color:var(--danger);box-shadow:0 8px 24px var(--danger-glow)}.data-action-danger .data-action-icon,.data-action-danger .data-action-title{color:var(--danger)}.data-action-danger .data-action-desc{color:var(--danger);opacity:.8}@media (width<=560px){.data-list{grid-template-columns:1fr}}.toast{z-index:80;border-radius:var(--radius-sm);background:var(--text);max-width:min(420px,100vw - 32px);color:var(--surface);box-shadow:var(--shadow-xl);white-space:nowrap;align-items:center;gap:14px;padding:13px 20px;font-size:13.5px;font-weight:500;animation:.28s cubic-bezier(.34,1.56,.64,1) both toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast-undo{color:inherit;border-radius:var(--radius-sm);border-color:#ffffff40}.toast-error{background:var(--danger);color:#fff;box-shadow:0 16px 48px var(--danger-glow)}.link{color:var(--accent);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:500}.link:hover{color:var(--accent-2);text-decoration:underline}.safe{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin:18px 0;padding:20px;display:flex;position:relative}.safe:before{display:none}.safe-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.safe-value{letter-spacing:-.03em;color:var(--accent);font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800;line-height:1.1}.aset-card{background:var(--surface);border:1px solid var(--border)}.aset-total{letter-spacing:-.03em;color:var(--text);margin:4px 0 6px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:32px;font-weight:800;line-height:1.1}.aset-eye{padding:8px;line-height:0}.alloc-list,.rec-list,.delta-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.alloc-list li,.delta-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--t-fast);grid-template-columns:12px 1fr auto auto;align-items:center;gap:8px;padding:12px 14px;display:grid}.alloc-list li:hover,.delta-list li:hover{border-color:var(--border-2);box-shadow:var(--shadow-sm)}.alloc-dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 3px #00000014}.alloc-pct{color:var(--muted);font-size:12px;font-weight:500}.alloc-value{font-variant-numeric:tabular-nums;font-weight:600}.alloc-edit{border-top:1px dashed var(--border);flex-direction:column;gap:14px;margin-top:18px;padding-top:18px;display:flex}.alloc-table-wrap{border-radius:var(--radius-sm);overflow-x:auto}.alloc-table{border-collapse:collapse;width:100%;font-size:13.5px}.alloc-table th,.alloc-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:10px 14px}.alloc-table th:first-child,.alloc-table td:first-child{text-align:left}.alloc-table thead th{background:var(--surface-3);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.alloc-table thead th.alloc-col-active{color:var(--pct-blue)}.alloc-cat{align-items:center;gap:10px;font-weight:600;display:flex}.alloc-pct-input{text-align:right;font-variant-numeric:tabular-nums;width:88px;color:var(--pct-blue);font-weight:700}.alloc-pct-input:focus{border-color:var(--pct-blue)}.alloc-pct-input:disabled{opacity:.5}.alloc-pct-static{color:var(--muted);font-variant-numeric:tabular-nums}.alloc-off .alloc-cat{opacity:.45;text-decoration:line-through;text-decoration-thickness:1px}.alloc-toggle-cell,.alloc-action-cell{text-align:center}.alloc-total td{background:var(--surface-3);font-weight:700}.alloc-check{font-weight:700}.alloc-check-ok{color:var(--ok)}.alloc-legend{flex-direction:column;gap:4px;display:flex}.alloc-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alloc-add .input{flex:1;min-width:220px}.bar{background:var(--surface-3);border-radius:var(--radius-sm);height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:var(--radius-sm);height:100%;transition:width .4s;position:relative}.bar-fill:after{display:none}.bar-over .bar-fill{background:var(--danger)}.wallet-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.wallet{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);transition:all var(--t-normal);flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.wallet:before{content:"";background:var(--wallet-color,var(--accent));border-radius:0 0 4px 4px;height:4px;position:absolute;top:0;left:0;right:0}.wallet:hover{box-shadow:var(--shadow-lg);border-color:var(--border-2);transform:translateY(-3px)}.wallet header{align-items:center;gap:8px;display:flex}.wallet h3{margin:0;font-size:13.5px;font-weight:600}.wallet-dot{background:var(--wallet-color,var(--accent));border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 3px #00000014}.wallet-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:700}.wallet-total{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.wallet-total-value{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800}.wallet-rate{align-items:center;gap:6px;display:flex}.insight-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.insight{border-radius:var(--radius-sm);transition:all var(--t-fast);border:1px solid #0000;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.insight:hover{transform:translate(2px)}.insight-icon{border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.insight-warn{background:var(--warn-soft);border-color:#d9770626}.insight-warn .insight-icon{background:var(--warn);color:#fff}.insight-good{background:var(--ok-soft);border-color:#16a34a26}.insight-good .insight-icon{background:var(--ok);color:#fff}.insight-info{background:var(--accent-soft);border-color:#ea580c1f}.insight-info .insight-icon{background:var(--accent);color:#fff}.tx-list{flex-direction:column;gap:8px;max-height:440px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.tx{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:all var(--t-fast);grid-template-columns:10px 1fr auto auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.tx:hover{border-color:var(--border-2);box-shadow:var(--shadow-xs);transform:translate(2px)}.tx-active{border-color:var(--accent);background:var(--accent-soft)}.tx-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tx-main{flex-direction:column;min-width:0;display:flex}.tx-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.tx-amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.tx-in{color:var(--ok)}.tx-actions{gap:4px;display:flex}.empty{color:var(--muted);text-align:center;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding:28px 20px;font-size:14px;display:flex}.empty:before{display:none}.goal-list{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.goal{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);transition:all var(--t-normal);padding:20px}.goal:hover{border-color:var(--border-2);box-shadow:var(--shadow)}.goal-primary{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-glow)}.goal-off{opacity:.55;border-style:dashed}.goal-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.goal-head .input-name{flex:1}.goal-head-actions{gap:6px;display:flex}.goal-progress{flex-direction:column;gap:8px;margin-top:12px;display:flex}.recommend{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);margin-top:20px;padding:10px 20px 18px}.rec-list li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;display:flex}.rec-list li:last-child{border-bottom:none}.rec-list strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.report-actions{align-items:center;gap:8px;display:flex}.report-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;display:grid}.report-stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:all var(--t-fast);padding:16px;position:relative;overflow:hidden}.report-stat:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:0;right:0}.report-stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.report-stat strong{font-variant-numeric:tabular-nums;margin-top:6px;font-size:17px;font-weight:700;display:block}.report-footer{margin-top:14px}@media print{body *{visibility:hidden}.report,.report *{visibility:visible}.report{width:100%;box-shadow:none;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:none;position:absolute;top:0;left:0}.no-print{display:none!important}.report .muted,.report .small{color:#444!important}.report .alloc-list li,.report .report-stat{background:#fff;border-color:#ccc}}.calc-display{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:65px;padding:18px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:700}.calc-keys{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.calc-key{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);padding:14px 0;font-size:16px;font-weight:500}.calc-key:hover{background:var(--surface-3);border-color:var(--border-2);transform:scale(1.04)}.calc-key:active{transform:scale(.96)}.calc-key:nth-child(17){grid-column:span 2}.calc-op{color:var(--accent);font-weight:700}.calc-clear{color:var(--danger);font-weight:700}.fab{z-index:40;background:var(--accent);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--t-spring);border:none;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #0f766e59}.fab:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 22px #0f766e73}.fab:active{transform:scale(.95)}.fab-open{filter:brightness(.88)}.fab-theme{box-shadow:none!important;position:static!important;bottom:auto!important;right:auto!important}.calc-pop{z-index:55;width:min(300px,100vw - 32px);animation:.25s cubic-bezier(.34,1.56,.64,1) both pop-in;position:fixed;bottom:84px;right:24px}.calc-pop .card{box-shadow:var(--shadow-xl)}.quick-anchor{display:inline-flex;position:relative}.quick-pop{z-index:70;width:min(400px,100vw - 24px);box-shadow:var(--shadow-xl);animation:.22s cubic-bezier(.34,1.56,.64,1) both pop-in;position:absolute;top:calc(100% + 10px);right:0}.quick-form{border-color:var(--accent)!important}.quick-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.spark-wrap{height:80px}.week-total{justify-content:space-between;align-items:baseline;gap:12px;margin:14px 0 0;font-size:14px;display:flex}.week-total strong{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.seg{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--muted);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;padding:7px 16px;font-size:13px;font-weight:500}.seg-btn:hover{color:var(--text)}.seg-active{background:var(--accent);color:#fff;font-weight:600}.chart-box{position:relative}.chart-type-row{margin-top:14px}.chart-box-bar{height:320px}.chart-box-donut{height:230px}.chart-summary{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:13px;display:flex}.dot{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.donut-wrap{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:20px;display:grid}@media (width<=640px){.donut-wrap{grid-template-columns:1fr}}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 8px;font-size:11px;font-weight:600}.table td{border-bottom:1px dashed var(--border);font-variant-numeric:tabular-nums;padding:12px 8px}.table td:first-child{align-items:center;gap:8px;display:flex}.cal-title{font-size:14px;font-weight:700}.cal{flex-direction:column;gap:4px;display:flex}.cal-head,.cal-row{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-head span{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 0;font-size:11px;font-weight:700}.cal-cell{border:1px solid var(--border);background:color-mix(in srgb, var(--warn) calc(var(--heat,0) * 65%), var(--surface-2));border-radius:var(--radius-sm);cursor:pointer;min-height:62px;transition:all var(--t-fast);flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex;overflow:hidden}.cal-cell:hover{z-index:2;box-shadow:var(--shadow);border-color:var(--accent-3);transform:scale(1.04)}.cal-empty{cursor:default;background:0 0;border-color:#0000}.cal-today{box-shadow:0 0 0 2px var(--accent-glow);border-color:var(--accent)!important}.cal-selected{outline:2px solid var(--accent);outline-offset:-2px}.cal-day{font-size:11px;font-weight:700}.cal-total{color:var(--muted);font-size:10px;line-height:1.2}.cal-detail{border-top:1px dashed var(--border);margin-top:12px;padding-top:6px}.cal-dots{gap:3px;margin-top:auto;display:flex}.cal-dot{box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px}.cal-dot-bill{--dot:#f08c00}.cal-dot-debt{--dot:#7048e8}.cal-dot{background:var(--dot);border:2px solid #ffffff4d}.cal-dot-paid{border-color:var(--dot);background:0 0}.cal-legend{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.legend-item{align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.tx .cal-dot{width:10px;height:10px}.mini-cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mini-day{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--t-fast);text-align:center;padding:7px 0;font-size:12px;font-weight:500}.mini-day:hover{border-color:var(--accent);background:var(--accent-soft)}.mini-day-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.compare{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--t-fast);flex-direction:column;gap:6px;padding:18px;display:flex}.compare:hover{border-color:var(--border-2);box-shadow:var(--shadow-sm)}.compare strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800}.delta{font-size:12px;font-weight:700}.delta-up{color:var(--danger)}.delta-down{color:var(--ok)}.delta-flat{color:var(--muted)}.overlay{z-index:65;-webkit-backdrop-filter:blur(8px);background:#0a0805a6;place-items:center;padding:20px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.overlay-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:540px;box-shadow:var(--shadow-xl);text-align:center;padding:36px;animation:.28s cubic-bezier(.34,1.56,.64,1) both scale-in}.overlay-title{letter-spacing:-.03em;margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800}.overlay-sub{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.6}.period-options{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}@media (width<=480px){.period-options{grid-template-columns:1fr}}.period-option{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-spring);flex-direction:column;align-items:center;gap:8px;padding:24px 18px;display:flex}.period-option:hover{border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-3px)}.period-option-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-glow)}.period-option-title{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800}.period-option-desc{color:var(--muted);font-size:13px}.profile-block{text-align:center;margin-bottom:20px}.ob-row{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-md);transition:all var(--t-fast);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.ob-row:hover{border-color:var(--border-2);box-shadow:var(--shadow-sm)}.ob-main{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.ob-badge{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap;padding:4px 12px;font-size:12px;font-weight:600}.ob-badge-ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.ob-badge-due{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);animation:2s infinite pulse-ring}.ob-badge-warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.ob-actions{gap:8px;display:flex}.ob-pay-drawer{border-top:1px dashed var(--border);flex-direction:column;gap:10px;width:100%;margin-top:10px;padding-top:14px;display:flex}.ob-pay-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.ob-pay-input-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ob-pay-field{flex:200px}.ob-pay-chips{flex-wrap:wrap;gap:6px;display:flex}.btn-xs{border-radius:var(--radius-xs);padding:4px 10px;font-size:11px}.ob-form{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px;padding-top:18px;display:flex}.ob-form .field{flex:160px}.ob-row>.input-name{flex:180px;width:auto}.ob-row>.input:not(.input-name){flex:0 0 150px;width:150px}.receipt-overlay{grid-auto-rows:min-content;align-content:center;gap:12px}.receipt-img{border-radius:var(--radius-md);max-width:min(92vw,640px);max-height:74vh;display:block;box-shadow:0 24px 60px #00000080}.receipt-close{justify-self:center}.profile-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.profile-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.profile-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-normal);padding:9px 18px;font-size:13.5px;font-weight:500}.profile-chip:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.profile-chip-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.wizard-step{text-align:left;flex-direction:column;gap:4px;display:flex}.wizard-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.wizard-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:all var(--t-normal);flex-direction:column;gap:4px;padding:18px;display:flex}.wizard-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.wizard-card-on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-glow)}.wizard-card-title{font-size:15px;font-weight:600}.overlay-onboard{background:var(--bg)}.auth-gate{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-sm);border:1px solid var(--border);background:var(--surface);padding:36px 32px;animation:.3s both slide-up}.auth-logo-wrap{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.auth-logo-img{border-radius:var(--radius-sm);object-fit:cover;width:64px;height:64px;display:block}.auth-title{letter-spacing:-.02em;margin:0 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.auth-sub{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.5}.auth-modes{background:var(--surface-3);border-radius:var(--radius-sm);gap:4px;margin-bottom:22px;padding:4px;display:flex}.auth-modes .chip{cursor:pointer;color:var(--muted);border-radius:var(--radius-xs);transition:all var(--t-fast);background:0 0;border:none;flex:1;justify-content:center;padding:8px 14px;font-size:13.5px;font-weight:600}.auth-modes .chip:hover{color:var(--text);background:var(--surface-2)}.auth-modes .chip-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.pass-wrap{display:block;position:relative}.pass-wrap input{width:100%;padding-right:46px}.pass-eye{border-radius:var(--radius-xs);width:34px;height:34px;color:var(--muted);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pass-eye:hover{color:var(--text);background:var(--surface-3)}.auth-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-xs);border-left:3px solid var(--danger);margin:-8px 0 14px;padding:10px 14px;font-size:13px;font-weight:500}.auth-submit{letter-spacing:-.01em;background:var(--accent);border:1px solid var(--accent);color:#fff;width:100%;padding:12px 20px;font-size:15px;font-weight:600}.auth-existing{border-top:1px dashed var(--border);flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;display:flex}.auth-names{flex-wrap:wrap;gap:8px;display:flex}.auth-names .chip{border:1px solid var(--border);cursor:pointer;background:var(--surface-2);color:var(--text);transition:all var(--t-fast);font-weight:500}.auth-names .chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.activity-list{flex-direction:column;max-height:380px;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow-y:auto}.activity-list:before{content:"";background:var(--border);width:1px;position:absolute;top:12px;bottom:12px;left:51px}.activity-item{border-bottom:none;align-items:baseline;gap:10px;padding:10px 0;font-size:14px;display:flex;position:relative}.activity-item:not(:last-child):after{display:none}.activity-kind{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--surface-3);color:var(--muted);z-index:1;text-align:center;flex-shrink:0;width:82px;padding:3px 9px;font-size:10.5px;font-weight:700;position:relative}.activity-pemasukan{background:var(--ok-soft);color:var(--ok)}.activity-pengeluaran{background:var(--danger-soft);color:var(--danger)}.activity-login,.activity-logout{background:var(--accent-soft);color:var(--accent)}.activity-text{overflow-wrap:anywhere;flex:1;min-width:0}.activity-time{color:var(--muted);flex-shrink:0;font-size:12px}.bonus-block{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.bonus-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bonus-row select{max-width:220px}.bonus-card{background:var(--surface-2);border:1px dashed var(--accent-3);border-radius:var(--radius-sm);width:100%;padding:18px;animation:.25s both slide-down}.bonus-card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.bonus-total{color:var(--accent);font-weight:700}.bonus-fields{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0;display:grid}.bonus-field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.bonus-pct-wrap{align-items:center;gap:6px;display:flex}.bonus-pct{text-align:right;width:76px}.bonus-warn{color:var(--warn);margin:0 0 10px;font-size:13px;font-weight:600}.bonus-amounts{flex-wrap:wrap;gap:8px;display:flex}.rollover-row{background:var(--ok-soft);border:1px solid var(--ok);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:14px;display:flex}.late-card{background:var(--warn-soft);border:1px solid var(--warn);border-left:4px solid var(--warn);border-radius:var(--radius-sm);margin-bottom:16px;padding:16px 18px;animation:.25s both slide-down}.late-card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.late-changes{flex-direction:column;gap:4px;margin:8px 0 12px;padding:0;font-size:14px;list-style:none;display:flex}.late-changes li{flex-wrap:wrap;gap:6px;display:flex}.alloc-kind{padding:6px 8px;font-size:13px}.alert-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.alert{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:all var(--t-fast);align-items:flex-start;gap:12px;padding:12px 14px;font-size:14px;display:flex}.alert:hover{box-shadow:var(--shadow-sm)}.alert-warn{background:var(--warn-soft);border-left:4px solid var(--warn);border-color:#d9770633}.alert-danger{background:var(--danger-soft);border-left:4px solid var(--danger);border-color:#dc262633}.alert-icon{background:var(--danger);color:#fff;width:22px;height:22px;box-shadow:0 1px 4px var(--danger-glow);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.alert-warn .alert-icon{background:var(--warn);color:#fff;box-shadow:0 1px 4px var(--warn-glow)}.alert-text{flex:1;min-width:0}.alert-dismiss{cursor:pointer;color:var(--muted);transition:color var(--t-fast);background:0 0;border:none;flex:none;padding:0 4px;font-size:18px;line-height:1}.alert-dismiss:hover{color:var(--text)}.tip-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tip{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--t-fast);align-items:flex-start;gap:12px;padding:12px 14px;font-size:14px;display:flex}.tip:hover{border-color:var(--accent-3);transform:translate(2px)}.tip-icon{color:var(--accent);flex:none;font-size:16px;font-weight:700}.calc-tabs{gap:8px;margin-bottom:14px;display:flex}.reverse .field{margin-bottom:10px}.health-score{letter-spacing:-.02em;color:inherit;font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800}.health-grade{margin:0 0 12px;font-size:15px;font-weight:600}.challenge-status{margin:12px 0 6px;font-size:15px;font-weight:700}@media (width<=640px){.app{padding:12px 10px calc(24px + env(safe-area-inset-bottom,0px))}.card{padding:18px 16px}.auth-card{padding:24px 20px}.auth-brand-title,.safe-value,.aset-total{font-size:26px}.panel-hero-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.panel-hero-badge{align-self:flex-start}}@media (width<=400px){.topbar-actions{gap:4px}.nav-chip{padding:4px 7px;font-size:11.5px}}.skeleton{background:var(--surface-3);border-radius:var(--radius-xs);animation:1.5s ease-in-out infinite pulse}.admin-panel{flex-direction:column;gap:20px;display:flex}.admin-status-badge{border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-active{background:var(--success)}.dot-local{background:var(--warning)}.chip-admin-badge{background:var(--accent);color:#fff;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;margin-left:2px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1.2}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.admin-metric-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:16px;display:flex}.admin-metric-card .metric-label{color:var(--text-muted);font-size:13px;font-weight:600}.admin-metric-card .metric-value{color:var(--text);font-size:28px;font-weight:800;line-height:1.2}.admin-metric-card .metric-value-text{color:var(--text);font-size:17px;font-weight:700;line-height:1.4}.admin-metric-card .metric-sub{color:var(--text-muted);font-size:12px}.admin-toolbar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.admin-actions-left{flex-wrap:wrap;gap:8px;display:flex}.admin-actions-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-search{max-width:200px}.admin-config-box,.admin-sql-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:14px;padding:18px;display:flex}.admin-config-buttons{gap:10px;margin-top:6px;display:flex}.admin-sql-header{justify-content:space-between;align-items:center;display:flex}.admin-sql-pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}.admin-table-container{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.admin-table th{background:var(--surface-2);color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 14px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--surface-hover)}.admin-you-tag{color:var(--primary);font-size:12px;font-weight:600}.role-badge{border-radius:var(--radius-xs);padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.role-admin{background:var(--primary);color:var(--primary-fg)}.role-user{background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.admin-empty{text-align:center;color:var(--text-muted);padding:32px 16px}.admin-subnav{border-bottom:1px solid var(--border);gap:8px;margin-top:-6px;padding-bottom:10px;display:flex}.admin-subtab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.admin-subtab:hover{color:var(--text);background:var(--surface-2)}.admin-subtab-active{color:var(--primary-fg);background:var(--primary)}.admin-subtab-active:hover{background:var(--primary);color:var(--primary-fg)}.admin-subtab-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);padding:2px 7px;font-size:11px;font-weight:700}.admin-reports-list{flex-direction:column;gap:14px;display:flex}.report-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.report-item-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.report-item-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.report-tag{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.report-tag-bug{background:var(--danger);color:#fff}.report-tag-saran{background:var(--success);color:#fff}.report-tag-kritik{background:var(--warning);color:#1a1a1a}.report-item-user{color:var(--text);font-size:13.5px}.report-item-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-status-badge{border-radius:var(--radius-xs);padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.report-status-baru{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.report-status-diproses{background:var(--warning);color:#1a1a1a}.report-status-selesai{background:var(--success);color:#fff}.report-status-select{padding:4px 8px;font-size:12.5px}.report-item-message{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:12px 14px;font-size:14.5px;line-height:1.6}.report-item-reply-box{background:var(--surface-3);border-left:3px solid var(--primary);border-radius:var(--radius-xs);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.report-item-reply-header{color:var(--text);justify-content:space-between;align-items:center;font-size:13px;display:flex}.report-reply-input-group{gap:8px;margin-top:4px;display:flex}.notif-anchor{align-items:center;display:inline-flex;position:relative}.topbar-bell-btn,.topbar-icon-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:30px;min-height:30px;transition:all var(--t-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.topbar-bell-btn:hover,.topbar-icon-btn:hover{background:var(--surface-3);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.topbar-bell-btn.bell-open{background:var(--accent);color:#fff;border-color:var(--accent)}.topbar-icon-btn svg,.topbar-bell-btn svg{width:17px;height:17px}.bell-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:16px;padding:1px 5px;font-size:10.5px;font-weight:800;line-height:1.3;position:absolute;top:-4px;right:-4px}.notif-backdrop{-webkit-backdrop-filter:blur(3px);z-index:9998;background:#0f0a058c;animation:.2s both fade-in;position:fixed;inset:0}.notif-mobile-handle{display:none}.notif-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:400px;max-width:calc(100vw - 28px);max-height:calc(100vh - 90px);box-shadow:var(--shadow-xl);z-index:9999;flex-direction:column;padding:0;animation:.2s cubic-bezier(.16,1,.3,1) both slide-up;display:flex;position:fixed;top:72px;right:calc(max(16px,50vw - 474px));overflow:hidden}@media (width<=640px){.notif-mobile-handle{background:var(--border-2);border-radius:99px;flex-shrink:0;width:40px;height:4px;margin:10px auto 4px;display:block}.notif-dropdown{border-radius:20px;width:auto;max-width:calc(100vw - 24px);max-height:calc(100vh - 28px);top:14px;left:12px;right:12px;box-shadow:0 16px 48px #00000073}}.notif-header{background:var(--surface-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-title-group{align-items:center;gap:8px;display:flex}.notif-title-group h3{color:var(--text);margin:0;font-size:15px;font-weight:700}.notif-count-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);padding:2px 7px;font-size:11px;font-weight:700}.notif-actions{align-items:center;gap:6px;display:flex}.notif-btn-action,.notif-close{padding:4px 8px;font-size:12px}.notif-tabs{background:var(--surface-2);border-bottom:1px solid var(--border);gap:6px;padding:4px 8px;display:flex;overflow-x:auto}.notif-tab{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);background:0 0;border:none;padding:6px 10px;font-size:12px;font-weight:600}.notif-tab:hover{color:var(--text)}.notif-tab-active{background:var(--surface);color:var(--text);border:1px solid var(--border)}.notif-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;max-height:calc(100vh - 180px);display:flex;overflow-y:auto}.notif-empty{text-align:center;padding:36px 16px}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-hover)}.notif-item-unread{background:var(--surface-2)}.notif-item-top{align-items:center;gap:8px;display:flex}.notif-tag{text-transform:uppercase;border-radius:var(--radius-xs);letter-spacing:.5px;padding:2px 7px;font-size:10.5px;font-weight:700}.notif-tag-finance{background:var(--warning);color:#1a1a1a}.notif-tag-reply{background:var(--primary);color:var(--primary-fg)}.notif-tag-status{background:var(--success);color:#fff}.notif-time{font-size:11px}.notif-unread-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;margin-left:auto}.notif-item-title{color:var(--text);margin:0;font-size:13.5px;font-weight:700;line-height:1.35}.notif-item-msg{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.notif-item-status-pill{color:var(--text-muted);margin-top:2px;font-size:11px}.cloud-sync-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.cloud-sync-chip.cloud-sync-synced{color:#0ca678;background:#e6fcf5;border-color:#c3fae8}:root[data-theme=dark] .cloud-sync-chip.cloud-sync-synced{color:#20c997;background:#092c21;border-color:#124d3a}.cloud-sync-chip.cloud-sync-syncing{color:#1971c2;background:#e7f5ff;border-color:#d0ebff}:root[data-theme=dark] .cloud-sync-chip.cloud-sync-syncing{color:#4dabf7;background:#0c2742;border-color:#184672}.cloud-sync-chip.cloud-sync-error{color:#e03131;background:#fff5f5;border-color:#ffc9c9}:root[data-theme=dark] .cloud-sync-chip.cloud-sync-error{color:#ff8787;background:#341212;border-color:#5c1e1e}.cloud-sync-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.cloud-sync-header{align-items:center;gap:12px;display:flex}.cloud-sync-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cloud-sync-details{flex:1}.cloud-sync-details strong{color:var(--text);margin-bottom:2px;font-size:14px;display:block}.cloud-pill-status{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;font-size:11px;font-weight:700}.cloud-pill-synced{color:#0ca678;background:#e6fcf5}:root[data-theme=dark] .cloud-pill-synced{color:#20c997;background:#092c21}.cloud-pill-syncing{color:#1971c2;background:#e7f5ff}.cloud-pill-error{color:#e03131;background:#fff5f5}.cloud-sync-actions{flex-wrap:wrap;gap:8px;display:flex}.filter-panel-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin:16px 0;padding:14px;display:flex}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.search-input-wrap{flex:2;min-width:180px;position:relative}.search-input-wrap .input-search{width:100%;padding-right:30px}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:18px;line-height:1;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text)}.quick-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.filter-chip:hover{color:var(--text);border-color:var(--border-hover,var(--text-muted))}.filter-chip.filter-chip-active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.filter-summary-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.filter-reset-btn{color:var(--danger);padding:2px 6px;font-size:12px}.account-security-card{margin-bottom:20px}.security-title-wrap{align-items:center;gap:10px;display:flex}.security-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:34px;height:34px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-form{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;display:flex}.security-form-actions{gap:8px;margin-top:4px;display:flex}.daily-meter-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.daily-meter-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.daily-meter-title-wrap strong{color:var(--text);font-size:13.5px;display:block}.daily-meter-chip{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;font-size:11px;font-weight:700}.daily-meter-chip.meter-safe{color:#0ca678;background:#e6fcf5}:root[data-theme=dark] .daily-meter-chip.meter-safe{color:#20c997;background:#092c21}.daily-meter-chip.meter-warning{color:#f08c00;background:#fff9db}:root[data-theme=dark] .daily-meter-chip.meter-warning{color:#ffd43b;background:#362a08}.daily-meter-chip.meter-danger{color:#e03131;background:#fff5f5}:root[data-theme=dark] .daily-meter-chip.meter-danger{color:#ff8787;background:#341212}.daily-meter-chip.meter-neutral{background:var(--surface);color:var(--text-muted)}.daily-progress-track{background:var(--border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.daily-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.daily-progress-fill.meter-safe{background:#0ca678}.daily-progress-fill.meter-warning{background:#f08c00}.daily-progress-fill.meter-danger{background:#e03131}.daily-progress-fill.meter-neutral{background:var(--text-muted)}.daily-meter-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.daily-stat{flex-direction:column;gap:2px;display:flex}.daily-stat strong{font-size:13.5px;font-weight:700}.shopping-card{flex-direction:column;gap:16px;display:flex}.shopping-head-title{align-items:center;gap:12px;display:flex}.shopping-head-icon{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.shopping-head-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-pending{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:600}.chip-checked{color:#0ca678;border-radius:var(--radius-full);background:#e6fcf5;border:1px solid #c3fae8;padding:4px 10px;font-size:12px;font-weight:600}:root[data-theme=dark] .chip-checked{color:#20c997;background:#092c21;border-color:#12543e}.shopping-form{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.shopping-form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.shopping-form-row .flex-2{flex:2 200px}.shopping-form-row .flex-1{flex:140px}.shopping-form-submit{flex:none}.shopping-suggestions{flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.chip-suggestion{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-full);cursor:pointer;transition:all var(--t-fast);padding:3px 9px;font-size:11px}.chip-suggestion:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.shopping-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.shopping-tabs{flex-wrap:wrap;gap:6px;display:flex}.shopping-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--t-fast);padding:6px 12px;font-size:12px;font-weight:600}.shopping-tab:hover{color:var(--text);border-color:var(--text-muted)}.shopping-tab.active{background:var(--text);color:var(--surface);border-color:var(--text)}.shopping-bulk-actions{align-items:center;gap:8px;display:flex}.shopping-empty{text-align:center;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.shopping-empty-icon{width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.shopping-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shopping-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);transition:all var(--t-fast);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.shopping-item:hover{border-color:var(--accent)}.shopping-item.is-checked{background:var(--surface-2);border-color:var(--border);opacity:.85}.shopping-checkbox-label{cursor:pointer;flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.shopping-checkbox{border-radius:var(--radius-xs);width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.shopping-item-name{color:var(--text);word-break:break-word;font-size:14px;font-weight:500}.shopping-item.is-checked .shopping-item-name{color:var(--text-muted);text-decoration:line-through}.shopping-item-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.chip-cat-tag{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-xs);padding:2px 7px;font-size:11px}.shopping-item-price{color:var(--text);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.shopping-item.is-checked .shopping-item-price{color:var(--text-muted)}.shopping-delete-btn{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-xs);justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.shopping-delete-btn:hover{color:#e03131;background:var(--surface-2)}.shopping-footer{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.shopping-totals{flex-direction:column;gap:4px;display:flex}.shopping-total-row{align-items:center;gap:8px;display:flex}.shopping-total-row.text-highlight{color:#0ca678}:root[data-theme=dark] .shopping-total-row.text-highlight{color:#20c997}.shopping-total-val{font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:700}.shopping-action-row{align-items:center;gap:8px;display:flex}.shopping-checkout-btn{padding:10px 18px;font-size:13.5px;font-weight:700}@media (width<=640px){.shopping-form-row{flex-direction:column;align-items:stretch}.shopping-form-row .flex-2,.shopping-form-row .flex-1,.shopping-form-submit{flex:100%}.shopping-footer{flex-direction:column;align-items:stretch}.shopping-action-row .shopping-checkout-btn{justify-content:center;width:100%}}.pwa-card{flex-direction:column;gap:16px;display:flex}.pwa-head-title{align-items:center;gap:12px;display:flex}.pwa-head-icon{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwa-head-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-online{color:#0ca678;border-radius:var(--radius-full);background:#e6fcf5;border:1px solid #c3fae8;padding:4px 10px;font-size:12px;font-weight:600}:root[data-theme=dark] .chip-online{color:#20c997;background:#092c21;border-color:#12543e}.chip-offline{color:#f08c00;border-radius:var(--radius-full);background:#fff9db;border:1px solid #ffe066;padding:4px 10px;font-size:12px;font-weight:600}:root[data-theme=dark] .chip-offline{color:#ffd43b;background:#362a08;border-color:#5c4708}.chip-standalone{color:#3b5bdb;border-radius:var(--radius-full);background:#edf2ff;border:1px solid #dbe4ff;padding:4px 10px;font-size:12px;font-weight:600}:root[data-theme=dark] .chip-standalone{color:#748ffc;background:#101c38;border-color:#2b3d6b}.pwa-action-box{flex-direction:column;gap:12px;display:flex}.pwa-install-banner{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.pwa-banner-text{flex-direction:column;flex:240px;gap:4px;display:flex}.pwa-banner-title{color:var(--text);font-size:14.5px}.pwa-install-btn{align-items:center;gap:8px;padding:9px 18px;font-weight:700;display:flex}.pwa-btn-icon{justify-content:center;align-items:center;display:flex}.pwa-status-box{border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.pwa-status-installed{color:#0ca678;background:#e6fcf5;border:1px solid #c3fae8}:root[data-theme=dark] .pwa-status-installed{color:#20c997;background:#092c21;border-color:#12543e}.pwa-ios-instructions{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.pwa-steps-list{color:var(--text);flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.pwa-network-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.pwa-network-head{color:var(--text);align-items:center;gap:8px;display:flex}.pwa-network-icon{color:var(--accent);align-items:center;display:flex}.pwa-url-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.pwa-url-code{color:var(--accent);word-break:break-all;font-family:monospace;font-size:13.5px;font-weight:700}.pwa-copy-btn{white-space:nowrap}.pwa-tips-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}@media (width<=640px){.pwa-install-banner{flex-direction:column;align-items:stretch}.pwa-install-btn{justify-content:center;width:100%}.pwa-url-bar{flex-direction:column;align-items:stretch}.pwa-copy-btn{width:100%}}.theme-picker-card{padding:24px}.theme-picker-group{margin-top:14px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px;display:grid}@media (width<=768px){.theme-grid{grid-template-columns:1fr}}.theme-card-option{text-align:left;border-radius:var(--radius);border:1px solid var(--border-2);background:var(--surface);cursor:pointer;transition:all var(--t-fast);flex-direction:column;align-items:flex-start;padding:16px;display:flex}.theme-card-option:hover{border-color:var(--accent);background:var(--surface-2)}.theme-card-option.is-selected{border:2px solid var(--accent);background:var(--surface-2);box-shadow:var(--shadow-sm)}.theme-card-head{align-items:center;gap:10px;width:100%;display:flex}.theme-swatch{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:18px;height:18px}.theme-card-name{color:var(--text);flex:1;font-size:14.5px;font-weight:600}.theme-check{color:var(--accent);align-items:center;display:inline-flex}.theme-card-desc{color:var(--muted);margin:8px 0 0;font-size:12.5px;line-height:1.45}.theme-mode-row{gap:10px;margin-top:10px;display:flex}.theme-mode-btn{min-width:120px;font-weight:600}.catat-split-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.catat-split-grid .catat-column{flex-direction:column;min-width:0;display:flex}.catat-split-grid .card{margin-bottom:0}.catat-mobile-switch{display:none}@media (width<=900px){.catat-mobile-switch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:16px;padding:4px;display:flex}.catat-switch-btn{color:var(--muted);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);text-align:center;background:0 0;border:none;flex:1;padding:8px 12px;font-size:.85rem;font-weight:500}.catat-switch-btn:hover{color:var(--text)}.catat-switch-btn.active{background:var(--surface-2);color:var(--accent);box-shadow:var(--shadow-xs);font-weight:600}.catat-split-grid{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.catat-split-grid.show-expenses>.catat-col-income,.catat-split-grid.show-income>.catat-col-expenses{display:none}}.obligations-wrapper{flex-direction:column;display:flex}.obligations-top-card{margin-bottom:20px}.obligations-split-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.obligations-split-grid .ob-column{flex-direction:column;min-width:0;margin-bottom:0;display:flex}@media (width<=900px){.obligations-top-card{margin-bottom:16px}.obligations-split-grid{flex-direction:column;gap:16px;display:flex}.obligations-split-grid.show-bills>.ob-col-debts,.obligations-split-grid.show-debts>.ob-col-bills{display:none}}.tabungan-split-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.tabungan-split-grid .tabungan-col{flex-direction:column;min-width:0;display:flex}.tabungan-split-grid .card{margin-bottom:0}@media (width<=1100px){.tabungan-split-grid .form-grid{grid-template-columns:1fr}}@media (width<=900px){.tabungan-split-grid{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}}.end-savings-target-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.end-savings-target-box select.input{background:var(--surface);color:var(--text);border-color:var(--border)}.end-savings-actions{flex-direction:column;display:flex}.btn-transfer-savings{border:1px dashed var(--border-accent,var(--accent));color:var(--accent);transition:all var(--t-fast);font-weight:500}.btn-transfer-savings:hover{background:var(--surface-2);border-color:var(--accent)}.transfer-form-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;animation:.18s cubic-bezier(.16,1,.3,1) both pop-in}.btn-lang-toggle{letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--t-fast,.15s ease);-webkit-user-select:none;user-select:none;align-items:center;gap:3px;padding:4px 8px;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.btn-lang-toggle:hover{background:var(--surface-3,var(--surface));border-color:var(--border-2,var(--accent));color:var(--text)}.btn-lang-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-lang-toggle .lang-choice{transition:color var(--t-fast,.15s ease), background var(--t-fast,.15s ease);border-radius:3px;padding:1px 3px}.btn-lang-toggle .lang-choice.lang-active{color:var(--surface);background:var(--accent);font-weight:700}.btn-lang-toggle .lang-sep{opacity:.4;font-weight:400}.auth-top-actions{justify-content:flex-end;width:100%;margin-bottom:8px;display:flex}