:root{--bg:#f6f7f9;--card:#fff;--text:#1a1c1e;--text-soft:#5c6066;--border:#e3e5e8;--accent:#7c3aed;--accent-strong:#6d28d9;--accent-soft:#f1ebfe;--pulse:#d946ef;--danger:#dc2626;--danger-soft:#fee2e2;--warn:#b45309;--warn-soft:#fef3c7;--ok:#15803d;--ok-soft:#dcfce7;--shadow:0 1px 2px #1018280d, 0 2px 6px #1018280d;--shadow-lift:0 4px 10px #10182814, 0 10px 28px #1018281a;--sheen:#7c3aed2e;--beam:#7c3aed1a;--beam-core:#7c3aed0b;--grid-line:#10182812;--grid-size:24px;--glass-edge:#fffffff2;--surface-lit:#fff0;--cast-rgb:30 27 75;--cast-a:.07;--cast-a-lift:.13;--radius:12px;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#07080c;--card:#0f111a;--text:#eef0f4;--text-soft:#949cad;--border:#1d212c;--accent:#a78bfa;--accent-strong:#8b5cf6;--accent-soft:#2a2342;--pulse:#e879f9;--danger:#f87171;--danger-soft:#3d1f22;--warn:#fbbf24;--warn-soft:#3a2f14;--ok:#4ade80;--ok-soft:#14321f;--shadow:0 1px 3px #0006;--shadow-lift:0 6px 16px #00000080;--sheen:#ffffff17;--beam:#8b5cf629;--beam-core:#a78bfa12;--grid-line:#ffffff0d;--grid-size:24px;--glass-edge:#ffffff1a;--surface-lit:#ffffff06;--cast-rgb:0 0 0;--cast-a:.34;--cast-a-lift:.26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#07080c;--card:#0f111a;--text:#eef0f4;--text-soft:#949cad;--border:#1d212c;--accent:#a78bfa;--accent-strong:#8b5cf6;--accent-soft:#2a2342;--pulse:#e879f9;--danger:#f87171;--danger-soft:#3d1f22;--warn:#fbbf24;--warn-soft:#3a2f14;--ok:#4ade80;--ok-soft:#14321f;--shadow:0 1px 3px #0006;--shadow-lift:0 6px 16px #00000080;--sheen:#ffffff17;--beam:#8b5cf629;--beam-core:#a78bfa12;--grid-line:#ffffff0d;--grid-size:24px;--glass-edge:#ffffff1a;--surface-lit:#ffffff06;--cast-rgb:0 0 0;--cast-a:.34;--cast-a-lift:.26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:radial-gradient(46% 32% at 50% -6%, var(--beam), transparent 72%), radial-gradient(92% 55% at 50% -20%, var(--beam-core), transparent 70%), radial-gradient(var(--grid-line) 1px, transparent 1.4px), var(--bg);background-size:100% 100%, 100% 100%, var(--grid-size) var(--grid-size), auto;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}button{font:inherit;cursor:pointer;touch-action:manipulation}.skip-link{z-index:100;color:#fff;background:var(--accent-strong);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.input:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{max-width:1080px;padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px));margin:0 auto}.header{padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--card) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);z-index:10;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:0 4px 12px #7c3aed59}.brand-icon svg{display:block}.brand h1{letter-spacing:-.02em;background:linear-gradient(120deg, var(--accent-strong), var(--accent) 55%, var(--pulse));-webkit-text-fill-color:transparent;color:var(--accent-strong);-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:800;line-height:1.2}.brand p{font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-soft);font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.summary-card{--sum-color:var(--accent-strong);--sum-soft:var(--accent-soft);flex-direction:column;gap:5px;padding:18px 18px 16px;display:flex;position:relative}.summary-card:before{content:"";background:var(--sum-color);border-radius:var(--radius) var(--radius) 0 0;opacity:.9;height:4px;position:absolute;inset:0 0 auto}.summary-indigo{--sum-color:#7c3aed;--sum-label:#6d28d9;--sum-soft:#7c3aed24}.summary-violet{--sum-color:#c026d3;--sum-label:#a21caf;--sum-soft:#c026d321}.summary-teal{--sum-color:#0d9488;--sum-label:#0f766e;--sum-soft:#0d948824}.summary-amber{--sum-color:#d97706;--sum-label:#b45309;--sum-soft:#d9770629}[data-theme=dark] .summary-indigo{--sum-label:#c4b5fd}[data-theme=dark] .summary-violet{--sum-label:#f0abfc}[data-theme=dark] .summary-teal{--sum-label:#5eead4}[data-theme=dark] .summary-amber{--sum-label:#fcd34d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .summary-indigo{--sum-label:#c4b5fd}:root:not([data-theme=light]):not([data-theme=dark]) .summary-violet{--sum-label:#f0abfc}:root:not([data-theme=light]):not([data-theme=dark]) .summary-teal{--sum-label:#5eead4}:root:not([data-theme=light]):not([data-theme=dark]) .summary-amber{--sum-label:#fcd34d}}.summary-icon{background:var(--sum-soft);border-radius:12px;place-items:center;width:38px;height:38px;font-size:19px;display:grid;position:absolute;top:14px;right:14px}.summary-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--sum-label,var(--sum-color));padding-right:46px;font-size:10.5px;font-weight:600}.summary-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(13px,4.2vw,24px);font-weight:800;overflow:hidden}.summary-next small{text-overflow:ellipsis;overflow:hidden}.summary-next{flex-direction:column;font-size:17px;display:flex}.summary-next small{color:var(--text-soft);font-size:12.5px;font-weight:500}.muted{color:var(--text-soft)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.input{width:100%;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:10px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search{max-width:260px}.select{width:auto}.chips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.chip-btn{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);border:1px solid var(--border);background:0 0;border-radius:999px;padding:6px 12px;font-size:11.5px;transition:color .15s,background-color .15s,border-color .15s}.chip-btn:hover{border-color:var(--accent);color:var(--text)}.chip-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}[data-theme=dark] .chip-btn.active{color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .chip-btn.active{color:var(--accent)}}.toolbar-right{gap:10px;margin-left:auto;display:flex}.btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .15s,border-color .15s,background-color .15s,filter .15s}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:inset 0 1px #ffffff38,0 2px 8px #6d28d959}.btn-primary:hover{filter:brightness(1.08);box-shadow:inset 0 1px #ffffff38,0 4px 14px #6d28d973}.btn-secondary{color:var(--text);background:var(--card);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.icon-btn{width:36px;height:36px;color:var(--text-soft);background:0 0;border:none;border-radius:10px;place-items:center;padding:0;font-size:16px;transition:background .15s;display:grid}.icon-btn:hover{background:var(--accent-soft)}.icon-btn.danger:hover{background:var(--danger-soft)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:14px;display:grid}.sub-card{flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex;position:relative}.sub-avatar{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;position:relative}.sub-avatar span{font-size:22px;font-weight:700}.sub-avatar small{background:var(--card);width:22px;height:22px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;bottom:-6px;right:-6px}.sub-info{flex:180px;min-width:0}.sub-title-row{align-items:center;gap:8px;display:flex}.sub-title-row h2{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.chip{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.chip-trial{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent)}.sub-price{font-variant-numeric:tabular-nums;margin-top:3px;font-size:15px;font-weight:700}.sub-price span{color:var(--text-soft);font-size:12.5px;font-weight:400}.sub-date{font-variant-numeric:tabular-nums;color:var(--text-soft);margin-top:1px;font-size:12.5px}.sub-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge{min-width:46px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;border:none;border-radius:999px;padding:4px 8px;font-size:11.5px;font-weight:700;display:inline-block}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.no-results{color:var(--text-soft);text-align:center;padding:40px 0}.empty-state{text-align:center;max-width:560px;margin:40px auto;padding:40px 32px 32px}.empty-hero{place-items:center;margin-bottom:18px;display:grid}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.empty-hero-icon{isolation:isolate;background:0 0;border:1px solid #8b5cf673;border-radius:24px;place-items:center;width:84px;height:84px;font-size:40px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #7c3aed52,inset 0 1px #ffffff14}.empty-hero-icon:before{content:"";z-index:-1;background:conic-gradient(from var(--sweep), #a78bfa80, transparent 28%), radial-gradient(#a78bfa4d 1px, transparent 1.5px), radial-gradient(120% 120% at 30% 20%, #171130, #0b0d16 70%);background-size:auto,9px 9px,auto;animation:3.6s linear infinite radar-sweep;position:absolute;inset:0}@keyframes radar-sweep{to{--sweep:360deg}}.empty-state h2{letter-spacing:-.02em;margin-bottom:10px;font-size:25px;font-weight:800}.empty-state p{color:var(--text-soft);margin-bottom:22px}.empty-badges{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;padding-top:20px;display:flex}.empty-badges span{background:var(--bg);border:1px solid var(--border);border-radius:11px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);perspective:1200px;background:#00000073;place-items:center;padding:20px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}.modal-backdrop-top{z-index:60}.modal{overscroll-behavior:contain;background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:480px;max-height:calc(100dvh - 40px);animation:.18s ease-out pop-in;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal-wide{max-width:580px}.modal-header{z-index:1;background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.modal-header h2{font-size:17px}.modal-body{padding:20px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(26px)rotateX(12deg)scale(.94)}}.form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row .input{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-soft);font-size:11px;font-weight:600}textarea.input{resize:vertical}.currency-static{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-soft);background:var(--bg);cursor:default;align-items:center;font-weight:600;display:flex}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:10px 12px;font-size:13.5px}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.toggle-row{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent-strong)}.field-hint{color:var(--text-soft);margin-top:-6px;font-size:12.5px}.fx-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:13px 15px;display:flex}.fx-box .field-hint{margin-top:0}.fx-box-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.fx-box .fx-title{border-top:none;margin-top:0;padding-top:0}.fx-refresh{padding:5px 12px;font-size:12.5px}.fx-rates{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.fx-rates li{font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;display:flex}.fx-rates li span{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-soft);font-size:11px}.fx-rates li strong{font-size:14.5px}.guide-intro{color:var(--text-soft);margin-bottom:14px;font-size:13.5px}.guide-steps{counter-reset:step;flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.guide-steps li{background:var(--bg);border:1px solid var(--border);counter-increment:step;border-radius:12px;padding:12px 14px 12px 46px;font-size:14.5px;position:relative}.guide-steps li:before{content:counter(step);color:#fff;background:var(--accent-strong);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12.5px;font-weight:700;display:grid;position:absolute;top:12px;left:12px}.guide-tip{background:var(--warn-soft);border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13.5px}.guide-link{text-decoration:none;display:inline-block}.notif-banner{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:14px;animation:.25s ease-out rise-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0003}.notif-banner-actions{align-items:center;gap:4px;display:flex}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;color:#fff;background:#23252b;border-radius:12px;padding:11px 20px;font-size:14px;font-weight:600;animation:.25s ease-out rise-in;position:fixed;transform:translate(-50%)}.app.has-banner .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}.toast-hidden{opacity:0;pointer-events:none;animation:none}[data-theme=dark] .toast{background:var(--accent-strong)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .toast{background:var(--accent-strong)}}@keyframes rise-in{0%{opacity:0;transform:translate(-50%,10px)}}.footer{text-align:center;border-top:1px solid var(--border);margin-top:36px;padding:20px 20px 28px}.footer p{color:var(--text-soft);font-size:13px}.footer a{color:var(--accent);margin-top:4px;font-size:12.5px;text-decoration:none;display:inline-block}.footer a:hover{text-decoration:underline}.chart-wrap{flex-direction:column;gap:14px;display:flex}.chart-svg{width:100%;height:auto}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-line{fill:none;stroke:var(--accent-strong);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent-strong)}.chart-label{fill:var(--text-soft);font-size:10px}.chart-summary{background:var(--bg);border-radius:12px;justify-content:space-around;gap:14px;padding:12px;display:flex}.chart-summary>div{flex-direction:column;gap:2px;display:flex}.chart-summary strong{font-variant-numeric:tabular-nums;font-size:16px}.chart-summary strong.up{color:var(--danger)}.chart-summary strong.down{color:var(--ok)}.chart-summary small{color:var(--text-soft);font-weight:400}.lock-screen{place-items:center;min-height:100dvh;padding:20px;display:grid}.lock-box{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:360px;padding:36px 28px;display:flex}.lock-icon{width:56px;height:56px;font-size:26px}.lock-box h1{letter-spacing:-.02em;font-size:24px}.lock-subtitle{color:var(--text-soft);font-size:14px}.lock-input{text-align:center;letter-spacing:.35em;max-width:200px;padding:12px;font-size:22px}.lock-input:focus-visible{border-color:var(--accent)}.lock-btn{width:100%;max-width:200px}.lock-wipe{color:var(--text-soft);text-underline-offset:3px;background:0 0;border:none;margin-top:6px;padding:0;font-size:13px;text-decoration:underline}.lock-wipe:hover{color:var(--danger)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.lock-error{animation:.25s ease-out shake;border-color:var(--danger)!important}.section-title{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text-soft);border-top:1px solid var(--border);margin-top:10px;padding-top:16px;font-size:12px;font-weight:700}.strong-hint{color:var(--text);font-weight:600}.btn-danger{color:var(--danger);background:var(--card);border-color:var(--border)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.security-actions{justify-content:space-between}.main-actions{margin-top:8px}.header-actions{align-items:center;gap:4px;display:flex}.sub-detail-chip{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:7px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.detail-kredi{color:#2563eb;background:#2563eb1f}.detail-cek{color:#7c3aed;background:#7c3aed1f}.sub-notes{color:var(--text-soft);overflow-wrap:anywhere;background:#7d7d7d14;border-radius:8px;margin-top:5px;padding:6px 9px;font-size:11.5px}.auth-tabs{background:var(--bg);border-radius:12px;gap:6px;margin-bottom:12px;padding:4px;display:flex}.auth-tab{color:var(--text-soft);background:0 0;border:none;border-radius:9px;flex:1;padding:8px 12px;font-size:14px;font-weight:600;transition:color .15s,background-color .15s,box-shadow .15s}.auth-tab.active{color:var(--accent-strong);background:var(--card);box-shadow:var(--shadow)}.password-wrap{position:relative}.password-wrap .input{width:100%;padding-right:42px}.password-toggle{background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;font-size:15px;transition:background-color .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{background:var(--accent-soft)}.link-btn{color:var(--accent-strong);background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.forgot-link{align-self:flex-start;margin-top:-6px}.auth-sync-hint{background:var(--accent-soft);border-radius:10px;padding:9px 12px}.auth-submit{width:100%}.auth-divider{color:var(--text-soft);align-items:center;gap:10px;margin:2px 0;font-size:12.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-google{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.profile-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;font-size:22px;font-weight:700;display:grid}.profile-identity{flex-direction:column;min-width:0;display:flex}.profile-identity strong{font-size:16px}.profile-identity span{color:var(--text-soft);text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-synced{color:var(--ok);font-size:13.5px;font-weight:600}.profile-sync-btn{width:100%;margin:10px 0}.sync-icon{display:inline-block}.sync-icon.spinning{animation:1s linear infinite sync-spin}@keyframes sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-box{background:linear-gradient(135deg,#7c3aed1a,#d946ef1a),radial-gradient(#7c3aed24 1px,#0000 1.4px) 0 0/10px 10px;border:1px solid #7c3aed47;border-radius:12px;margin:10px 0;padding:13px 15px;font-size:13.5px}.premium-box p{color:var(--text-soft);margin-top:5px}.premium-cta{margin-top:10px;text-decoration:none;display:inline-block}.recovery-box{background:var(--bg);border:1px dashed var(--border);border-radius:12px;margin:10px 0 14px;padding:12px 14px;font-size:12.5px}.recovery-box p{color:var(--text-soft);margin:5px 0 9px}.delete-account-btn{margin-top:10px}.profile-webaccess{background:var(--accent-soft);border-radius:10px;margin:10px 0 14px;padding:11px 13px;font-size:12.5px}.profile-webaccess p{color:var(--text-soft);margin-top:4px}.account-chip{white-space:nowrap;color:var(--accent-strong);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background-color .15s,box-shadow .15s,border-color .15s;display:flex}[data-theme=dark] .account-chip{color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .account-chip{color:var(--accent)}}.account-chip:hover{background:color-mix(in srgb, var(--accent-soft) 75%, var(--accent));box-shadow:0 1px 6px #7c3aed40}.account-chip-avatar{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.cloud-banner{text-align:left;width:100%;color:var(--text);border:1px solid var(--accent-soft);border-radius:var(--radius);background:linear-gradient(90deg,#7c3aed12,#7c3aed08),radial-gradient(#7c3aed17 1px,#0000 1.4px) 0 0/10px 10px;align-items:center;gap:10px;margin-bottom:14px;padding:7px 8px 7px 13px;font-size:13px;display:flex}.cloud-banner-icon{flex-shrink:0;font-size:15px}.cloud-banner-text{min-width:0;color:var(--text-soft);flex:1}.cloud-banner-cta{flex-shrink:0;padding:6px 14px;font-size:13px}.cloud-banner-dismiss{flex-shrink:0;width:30px;height:30px;font-size:13px}@media (width<=640px){.cloud-banner{flex-wrap:wrap;padding:8px 10px 8px 13px}.cloud-banner-text{flex-basis:calc(100% - 60px)}.cloud-banner-cta{margin-left:auto}}.settings-account-card{background:var(--accent-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.settings-account-card .btn{flex-shrink:0}.full-width-btn{width:100%}.chart-history-list{border-top:1px solid var(--border);margin-top:12px;padding:0;list-style:none}.chart-history-list li{font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 2px;font-size:13px;display:flex}.chart-history-list li span{color:var(--text-soft)}@media (width<=900px){.summary-card{padding:13px 13px 12px}.summary-value{font-variant-numeric:proportional-nums}.summary-icon{border-radius:10px;width:32px;height:32px;font-size:16px;top:12px;right:12px}.summary-label{padding-right:38px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.summary-card{padding:11px 11px 10px}.summary-label{padding-right:34px}}@media (width<=640px){.search{width:100%;max-width:none}.toolbar-right{width:100%;margin-left:0}.toolbar-right .select{flex:1;min-width:0}.sub-actions{width:100%}}@property --rx{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:false;initial-value:0deg}@property --lift{syntax:"<number>";inherits:false;initial-value:0}@property --rest-z{syntax:"<length>";inherits:false;initial-value:0}@property --hover-z{syntax:"<length>";inherits:false;initial-value:0}@property --mx{syntax:"<percentage>";inherits:false;initial-value:50%}@property --my{syntax:"<percentage>";inherits:false;initial-value:50%}.summary,.grid{perspective:1400px;perspective-origin:50% 40%;overflow-clip-margin:60px;overflow:clip visible}.sub-card,.summary-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--lift:0;--rest-z:calc(var(--lift) * 24px);--hover-z:0px;--z:calc(var(--rest-z) + var(--hover-z));transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--z));box-shadow:inset 0 1px 0 var(--glass-edge), 0 calc(1px + var(--z) * .35) calc(4px + var(--z) * .6) #1018280d, 0 calc(3px + var(--z) * .7) calc(10px + var(--z) * 1.7) rgb(var(--cast-rgb) / calc(var(--cast-a) + var(--lift) * var(--cast-a-lift)));background:linear-gradient(to bottom, var(--surface-lit), transparent 44%), color-mix(in srgb, #fff calc(var(--lift) * 4%), var(--card));border-color:color-mix(in srgb, var(--accent) calc(var(--lift) * 20%), var(--border));transition:--rx .5s cubic-bezier(.22,.61,.36,1),--ry .5s cubic-bezier(.22,.61,.36,1),--hover-z .45s cubic-bezier(.22,.61,.36,1),border-color .3s}.sub-card.is-tilting,.summary-card.is-tilting{will-change:transform;transition:--rx 90ms linear,--ry 90ms linear,--hover-z .45s cubic-bezier(.22,.61,.36,1),border-color .3s}.sub-card[data-urgency=later]{--lift:0}.sub-card[data-urgency=soon]{--lift:.38}.sub-card[data-urgency=today]{--lift:.72}.sub-card[data-urgency=overdue]{--lift:1}.sub-card:after{content:"";--bk:var(--accent);background:linear-gradient(var(--bk), var(--bk)) left top / 13px 1.5px, linear-gradient(var(--bk), var(--bk)) left top / 1.5px 13px, linear-gradient(var(--bk), var(--bk)) right top / 13px 1.5px, linear-gradient(var(--bk), var(--bk)) right top / 1.5px 13px, linear-gradient(var(--bk), var(--bk)) left bottom / 13px 1.5px, linear-gradient(var(--bk), var(--bk)) left bottom / 1.5px 13px, linear-gradient(var(--bk), var(--bk)) right bottom / 13px 1.5px, linear-gradient(var(--bk), var(--bk)) right bottom / 1.5px 13px;opacity:calc(var(--lift) * .9);pointer-events:none;background-repeat:no-repeat;transition:opacity .3s;position:absolute;inset:6px;transform:translateZ(2px)}.sub-card[data-urgency=overdue]:after{--bk:var(--danger)}@media (hover:hover) and (pointer:fine){.sub-card:hover:after{opacity:1}}.summary-card{--lift:.16}@media (hover:hover) and (pointer:fine){.sub-card:hover{--hover-z:12px}.summary-card:hover{--hover-z:14px}.sub-card:hover,.summary-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}}.sub-card:before,.summary-card:after{content:"";border-radius:inherit;background:radial-gradient(240px circle at var(--mx) var(--my), var(--sheen), transparent 62%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.sub-card>.sub-info,.sub-card>.sub-actions{position:relative}.sub-card.is-tilting:before,.summary-card.is-tilting:after{opacity:1}.summary-card:before{transform:translateZ(1px)}.sub-card .sub-avatar{box-shadow:0 calc(4px + var(--z) * .4) calc(12px + var(--z)) rgb(16 24 40/calc(.22 + var(--lift) * .12));transform:translateZ(30px)}.sub-card .badge{transform:translateZ(18px)}.sub-card .sub-title-row .chip{transform:translateZ(9px)}.summary-card .summary-icon{box-shadow:0 calc(3px + var(--z) * .5) calc(10px + var(--z)) #10182829;transform:translateZ(36px)}.summary-card .summary-value{transform:translateZ(20px)}.summary-card .summary-label{transform:translateZ(11px)}.empty-hero{perspective:900px}.empty-hero-icon{transform-style:preserve-3d;animation:7s ease-in-out infinite hero-orbit}@keyframes hero-orbit{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-9px)rotateX(9deg)rotateY(-13deg)}50%{transform:translateY(-3px)rotateX(0)rotateY(0)}75%{transform:translateY(-9px)rotateX(-7deg)rotateY(13deg)}}.brand-icon{transition:transform .5s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){.brand:hover .brand-icon{transform:perspective(600px)rotateY(-20deg)rotateX(10deg)translateZ(8px)}}@media (pointer:coarse){.icon-btn{width:44px;height:44px}.btn,.chip-btn,.auth-tab,.password-toggle,.input,.select{min-height:44px}.sub-actions{gap:2px}}button,.chip-btn,.badge,.sub-avatar,.summary-icon,.brand-icon{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}