:root{--bg:#07070a;--surface:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.015) 45%,rgba(18,18,26,.55)),rgba(12,12,18,.65);--surface-solid:#111116;--surface-hover:hsla(0,0%,100%,.06);--surface-2:hsla(0,0%,100%,.045);--surface-3:hsla(0,0%,100%,.075);--border:hsla(0,0%,100%,.09);--border-strong:hsla(0,0%,100%,.18);--border-glass:hsla(0,0%,100%,.13);--border-highlight:hsla(0,0%,100%,.26);--sidebar-bg:rgba(10,10,14,.74);--glass-blur:20px;--glass-shadow:0 16px 40px -8px rgba(0,0,0,.58);--glass-glow:inset 0 1px 1px 0 hsla(0,0%,100%,.22),inset 0 0 18px 0 hsla(0,0%,100%,.02);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--primary:#fafafa;--primary-hover:#fff;--primary-fg:#09090b;--success:#34d399;--success-glow:rgba(52,211,153,.4);--danger:#fb7185;--danger-glow:rgba(251,113,133,.4);--warning:#fbbf24;--warning-glow:rgba(251,191,36,.4);--accent:#ec4899;--accent-cyan:#06b6d4;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ease-out:cubic-bezier(0.22,1,0.36,1);--dur-fast:150ms;--dur-base:240ms;--dur-slow:420ms;--transition:all var(--dur-base) var(--ease-out);--radius:18px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.ambient-background{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.36;will-change:transform}.orb-1{top:-8%;left:10%;width:580px;height:580px;background:radial-gradient(circle,#10b981 0,#06b6d4 100%);animation:floatOrb1 22s ease-in-out infinite alternate}.orb-2{top:32%;right:-6%;width:540px;height:540px;background:radial-gradient(circle,#8b5cf6 0,#ec4899 100%);animation:floatOrb2 26s ease-in-out infinite alternate}.orb-3{bottom:-10%;left:20%;background:radial-gradient(circle,#f43f5e 0,#fbbf24 100%);animation:floatOrb3 24s ease-in-out infinite alternate}.orb-3,.orb-4{width:500px;height:500px}.orb-4{top:65%;left:-8%;background:radial-gradient(circle,#06b6d4 0,#3b82f6 100%);animation:floatOrb4 28s ease-in-out infinite alternate}.ambient-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.08) 1px,transparent 0);background-size:32px 32px;opacity:.35;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%)}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}to{transform:translate(55px,40px) scale(1.08)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1)}to{transform:translate(-45px,-30px) scale(1.06)}}@keyframes floatOrb3{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-45px) scale(.96)}}@keyframes floatOrb4{0%{transform:translate(0) scale(1)}to{transform:translate(50px,-40px) scale(1.06)}}::selection{background:hsla(0,0%,100%,.18)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}:focus-visible{outline:2px solid hsla(0,0%,100%,.45);outline-offset:2px;border-radius:6px}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;position:relative;z-index:1}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.015) 30%,rgba(14,14,20,.55)),rgba(9,9,13,.68);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-right:1px solid hsla(0,0%,100%,.14);box-shadow:12px 0 32px -4px rgba(0,0,0,.55),inset -1px 0 0 hsla(0,0%,100%,.1);display:flex;flex-direction:column;padding:22px 16px 18px;z-index:100}.brand{gap:11px;padding:4px 8px 20px;border-bottom:1px solid var(--border);margin-bottom:18px}.brand,.brand-icon{display:flex;align-items:center}.brand-icon{width:34px;height:34px;border-radius:11px;background:var(--primary);color:var(--primary-fg);justify-content:center;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:.98rem;font-weight:800;letter-spacing:-.01em}.brand-text small{font-size:.7rem;color:var(--text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.side-nav{display:flex;flex-direction:column;gap:4px;flex:1 1}.side-label{font-size:.66rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:0 12px 8px}.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:.9rem;border:1px solid transparent;transition:var(--transition)}.side-link svg{flex-shrink:0}@media (hover:hover){.side-link:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}}.side-link.active{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.1);color:var(--text-primary)}.side-foot{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:10px}.side-user{gap:11px;padding:4px 8px}.side-avatar,.side-user{display:flex;align-items:center}.side-avatar{width:34px;height:34px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-primary);font-weight:700;font-size:.85rem;justify-content:center}.side-user-info{display:flex;flex-direction:column;line-height:1.3;min-width:0}.side-user-info strong{font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-info small{font-size:.7rem;color:var(--text-muted)}.side-logout{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}@media (hover:hover){.side-logout:hover{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.3);color:var(--danger)}}.main-area{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.content{width:100%;max-width:1060px;margin:0 auto;padding:36px 32px 72px;flex:1 1}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px}.crumb{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.page-head h1{font-size:1.65rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:var(--text-primary)}.page-head p{color:var(--text-secondary);font-size:.92rem;margin-top:6px;max-width:560px}.page-action{flex-shrink:0}.mobile-topbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:200;background:linear-gradient(180deg,hsla(0,0%,100%,.08),rgba(14,14,20,.5)),rgba(8,8,12,.55);backdrop-filter:blur(28px) saturate(210%);-webkit-backdrop-filter:blur(28px) saturate(210%);border-bottom:1px solid hsla(0,0%,100%,.16);box-shadow:0 10px 30px -4px rgba(0,0,0,.5),inset 0 -1px 0 0 hsla(0,0%,100%,.1);padding:12px 16px;align-items:center;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:.95rem}.mobile-brand .brand-icon{width:28px;height:28px;border-radius:9px}.icon-ghost{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}@media (hover:hover){.icon-ghost:hover{color:var(--danger);border-color:rgba(251,113,133,.3);background:rgba(251,113,133,.08)}}.tabbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:300;background:linear-gradient(180deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.02) 20%,rgba(13,13,20,.5)),rgba(8,8,12,.55);backdrop-filter:blur(28px) saturate(210%);-webkit-backdrop-filter:blur(28px) saturate(210%);border-top:1px solid hsla(0,0%,100%,.24);box-shadow:0 -10px 36px 0 rgba(0,0,0,.55),inset 0 1px 0 0 hsla(0,0%,100%,.3);padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px))}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border-radius:12px;color:var(--text-muted);font-size:.65rem;font-weight:600;position:relative;transition:all var(--dur-base) var(--ease-out)}.tab:active{transform:scale(.94)}.tab.active{color:#fff;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)}.tab.active svg{color:#34d399;filter:drop-shadow(0 0 8px rgba(52,211,153,.7))}.tab-dot{width:4px;height:4px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;opacity:0;transform:scale(.4);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring,var(--ease-out))}.tab.active .tab-dot{opacity:1;transform:scale(1)}@media (max-width:1023px){.sidebar{display:none}.main-area{margin-left:0}.mobile-topbar,.tabbar{display:flex}.content{padding:24px 16px 110px}.page-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:22px}.page-head h1{font-size:1.35rem}.page-action .btn{width:100%}}.card{background:var(--surface);backdrop-filter:blur(var(--glass-blur)) saturate(190%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(190%);border-top:1px solid var(--border-glass);border:1px solid var(--border-glass);border-top-color:var(--border-highlight);border-radius:var(--radius);box-shadow:var(--glass-shadow),var(--glass-glow);position:relative;overflow:hidden;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 10% 0,hsla(0,0%,100%,.1) 0,transparent 58%);pointer-events:none;z-index:0}@media (hover:hover){.card:hover{border-color:hsla(0,0%,100%,.4) hsla(0,0%,100%,.22) hsla(0,0%,100%,.22);box-shadow:0 22px 48px -8px rgba(0,0,0,.68),inset 0 1px 1px 0 hsla(0,0%,100%,.32),0 0 30px rgba(52,211,153,.08);transform:translateY(-2px)}}.card-pad{padding:24px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.018);position:relative;z-index:1}.card-title h2{font-size:.95rem;font-weight:700;letter-spacing:0}.card-title .title-tag{font-size:.68rem;font-weight:700;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);padding:3px 9px;border-radius:99px;white-space:nowrap}@media (max-width:1023px){.card-pad{padding:18px}.card-title{padding:15px 18px}}.input-group{display:flex;flex-direction:column;gap:7px}.input-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.input-field{background:hsla(0,0%,100%,.045);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-glass);border:1px solid var(--border-glass);border-top:1px solid hsla(0,0%,100%,.18);box-shadow:inset 0 1px 2px rgba(0,0,0,.25);border-radius:var(--radius-sm);padding:12px 15px;color:var(--text-primary);font-size:.93rem;font-family:inherit;outline:none;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);width:100%}.input-field::placeholder{color:var(--text-muted)}.input-field:hover:not(:disabled){border-color:var(--border-strong)}.input-field:focus{border-color:rgba(52,211,153,.55);background:hsla(0,0%,100%,.07);box-shadow:0 0 0 3px rgba(52,211,153,.18)}.input-field:disabled{opacity:.55;cursor:not-allowed}.input-field option{background:var(--surface-2);color:var(--text-primary)}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:40px;cursor:pointer}.password-input-wrap{position:relative;width:100%;display:flex;align-items:center}.password-input-wrap .input-field{padding-right:44px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color var(--dur-fast) var(--ease-out)}@media (hover:hover){.password-toggle-btn:hover{color:var(--text-primary)}}input[type=date].input-field{cursor:pointer}input[type=date].input-field::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);color:var(--primary-fg)}@media (hover:hover){.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px hsla(0,0%,100%,.12)}}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}@media (hover:hover){.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);transform:translateY(-1px)}}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-danger{background:var(--danger);color:#1c0a0e;border-color:transparent}@media (hover:hover){.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(251,113,133,.3)}}.btn-danger:active:not(:disabled){transform:translateY(0) scale(.98)}.icon-btn{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-secondary);transition:var(--transition)}@media (hover:hover){.icon-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.06);border-color:var(--border-strong)}.icon-btn.danger:hover{color:var(--danger);background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.35)}}.type-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px}.toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:9px;padding:10px 8px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--transition)}.toggle-btn svg{flex-shrink:0}@media (hover:hover){.toggle-btn:hover:not(.active){color:var(--text-primary)}}.toggle-btn.income.active{background:rgba(52,211,153,.12);color:var(--success);border-color:rgba(52,211,153,.3)}.toggle-btn.expense.active{background:rgba(251,113,133,.12);color:var(--danger);border-color:rgba(251,113,133,.3)}.banner,.error-banner,.success-banner,.warning-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.9rem;animation:popIn .3s var(--ease-out) both}.success-banner{background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.25);color:var(--success)}.error-banner{background:rgba(251,113,133,.09);border:1px solid rgba(251,113,133,.25);color:#fda4af}.warning-banner{background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.22);color:var(--warning)}.error-message{display:flex;align-items:center;gap:10px;background:rgba(251,113,133,.1);border:1px solid rgba(251,113,133,.25);color:#fda4af;padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:18px;font-size:.87rem;animation:shake .35s var(--ease-out)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg);color:var(--text-secondary)}.spinner{border:3px solid hsla(0,0%,100%,.07);border-top-color:hsla(0,0%,100%,.85);border-radius:50%;width:36px;height:36px;animation:spin .9s linear infinite;margin-bottom:14px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeOverlay .25s var(--ease-out) both}.modal-card{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:24px;box-shadow:0 32px 64px rgba(0,0,0,.6);animation:slideUpModal .38s var(--ease-out) both}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.15rem;font-weight:750}.modal-footer{display:flex;gap:10px;margin-top:22px}.modal-footer .btn{flex:1 1}.tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:7px;background:var(--surface-3);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap}.tag.goal{color:var(--text-primary);background:hsla(0,0%,100%,.06);border-color:var(--border-strong)}.tag.cat-tabungan{color:var(--success);background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.22)}.tag.cat-investasi{color:#d4d4d8;background:hsla(240,5%,84%,.08);border-color:hsla(240,5%,84%,.2)}.tag.cat-makanan{color:var(--warning);background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.2)}.tag.cat-belanja{color:#d4d4d8;background:hsla(240,5%,84%,.08);border-color:hsla(240,5%,84%,.2)}.avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.income-text{color:var(--success);font-weight:700}.expense-text{color:var(--danger);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in,.fade-item{animation:fadeIn .45s var(--ease-out) both}.fade-item:first-child{animation-delay:40ms}.fade-item:nth-child(2){animation-delay:90ms}.fade-item:nth-child(3){animation-delay:.14s}.fade-item:nth-child(4){animation-delay:.19s}.fade-item:nth-child(5){animation-delay:.24s}.fade-item:nth-child(n+6){animation-delay:.29s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-right{text-align:right}.text-center{text-align:center}.empty-text,.loading-text{color:var(--text-secondary);text-align:center;padding:32px 0;font-size:.92rem}.login-split{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:rgba(11,11,15,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}.login-brand:after{width:420px;height:420px;right:-160px;bottom:-160px}.login-brand:after,.login-brand:before{content:"";position:absolute;border-radius:50%;border:1px solid var(--border)}.login-brand:before{width:260px;height:260px;right:-80px;bottom:-80px;z-index:1}.login-brand-inner{max-width:380px;position:relative;z-index:2}.login-logo{width:46px;height:46px;border-radius:14px;background:var(--primary);color:var(--primary-fg);justify-content:center}.login-logo,.login-top-row{display:flex;align-items:center}.login-top-row{gap:12px;margin-bottom:24px}.login-top-row .login-logo{margin-bottom:0}.arabic-tag{display:inline-flex;align-items:center;padding:4px 12px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.28);border-radius:99px;color:#34d399;font-size:.85rem;font-weight:600}.login-brand h1{font-size:2.6rem;font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:16px}.login-brand p{color:var(--text-secondary);font-size:.95rem;margin-bottom:30px}.login-points{list-style:none;display:flex;flex-direction:column;gap:14px}.login-points li{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.88rem;font-weight:500}.login-points svg{color:var(--text-muted);flex-shrink:0}.login-form-pane{display:flex;align-items:center;justify-content:center;padding:32px 24px}.login-box{width:100%;max-width:420px;background:var(--surface);backdrop-filter:blur(var(--glass-blur)) saturate(190%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(190%);border-top:1px solid var(--border-glass);border:1px solid var(--border-glass);border-top-color:var(--border-highlight);border-radius:var(--radius);padding:36px 32px;box-shadow:var(--glass-shadow),var(--glass-glow);position:relative;overflow:hidden}.login-box:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 10% 0,hsla(0,0%,100%,.1) 0,transparent 60%);pointer-events:none;z-index:0}.login-box-head{margin-bottom:26px}.login-box-head h2{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.login-box-head p{color:var(--text-secondary);font-size:.9rem}.login-submit{width:100%;margin-top:4px}.login-hint{margin-top:18px;text-align:center;color:var(--text-muted);font-size:.78rem}@media (max-width:900px){.login-split{grid-template-columns:1fr}.login-brand{border-right:none;border-bottom:1px solid var(--border);padding:40px 24px 34px}.login-brand h1{font-size:1.9rem;margin-bottom:10px}.login-brand p{margin-bottom:18px}.login-points{gap:9px}.login-form-pane{padding:32px 20px 60px;align-items:flex-start}}.head-cta{padding:10px 18px;font-size:.85rem}.see-all{font-size:.78rem;font-weight:700;color:var(--text-secondary);transition:color var(--dur-base) var(--ease-out)}@media (hover:hover){.see-all:hover{color:var(--text-primary)}}.card-heading{font-size:.95rem;font-weight:700;margin-bottom:18px}.dash-top{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.ring-card{gap:18px}.ring-card,.ring-center{display:flex;flex-direction:column;align-items:center}.ring-center{gap:14px}.ring-big{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1}.ring-small{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.ring-caption{text-align:center;display:flex;flex-direction:column;gap:2px}.ring-caption-label{font-size:.85rem;font-weight:650}.ring-caption-sub{font-size:.72rem;color:var(--text-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stat-list-card{display:flex;flex-direction:column}.stat-rows{flex:1 1;display:flex;flex-direction:column}.stat-row{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--border)}.stat-rows .stat-row:last-child{border-bottom:none}.stat-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);background:var(--surface-2)}.stat-ic.ic-success{color:var(--success);border-color:rgba(52,211,153,.25);background:rgba(52,211,153,.07)}.stat-ic.ic-warning{color:var(--warning);border-color:rgba(251,191,36,.22);background:rgba(251,191,36,.06)}.stat-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stat-value{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-progress{border-top:1px solid var(--border);padding-top:14px}.mini-progress-track{height:10px;background:hsla(0,0%,100%,.07);border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399 50%,#06b6d4);border-radius:99px;box-shadow:0 0 12px rgba(52,211,153,.5);transform-origin:left;animation:growBar 1.2s var(--ease-out) .1s both}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mini-progress-caption{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:var(--text-secondary);font-weight:600}.dash-bottom{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-gap:16px;gap:16px}.timeline{padding:8px 0}.tl-item{display:flex;align-items:center;gap:14px;padding:13px 24px;border-bottom:1px solid var(--border);transition:background var(--dur-fast) var(--ease-out)}.timeline .tl-item:last-child{border-bottom:none}@media (hover:hover){.tl-item:hover{background:hsla(0,0%,100%,.025)}}.tl-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tl-dot.in{color:var(--success);background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.22)}.tl-dot.out{color:var(--danger);background:rgba(251,113,133,.09);border:1px solid rgba(251,113,133,.22)}.tl-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.tl-title{font-size:.9rem;font-weight:650}.tl-meta,.tl-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-meta{font-size:.73rem;color:var(--text-muted)}.tl-amount{font-size:.9rem;white-space:nowrap}.goal-rings{padding:8px 0}.goal-ring-row{display:flex;align-items:center;gap:15px;padding:13px 24px;border-bottom:1px solid var(--border)}.goal-rings .goal-ring-row:last-child{border-bottom:none}.goal-ring-pct{font-size:.62rem;font-weight:800}.goal-ring-info{display:flex;flex-direction:column;gap:2px;min-width:0}.goal-ring-name{font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-ring-ratio{font-size:.76rem;color:var(--text-secondary)}@media (max-width:1023px){.dash-bottom,.dash-top{grid-template-columns:minmax(0,1fr)}.ring-card{padding:22px}.content{max-width:none}}@media (max-width:640px){.tl-item{padding:13px 16px;gap:10px}.tl-dot{width:24px;height:24px}.tl-amount{font-size:.85rem}.tl-meta{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}}.hero-glass-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-bottom:20px;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(6,182,212,.06) 50%,rgba(18,18,24,.65));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(52,211,153,.25);border-radius:var(--radius);box-shadow:var(--glass-shadow),var(--glass-glow),0 0 25px rgba(52,211,153,.08);position:relative;overflow:hidden}.hero-glass-card:before{content:"";position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(52,211,153,.2) 0,transparent 70%);pointer-events:none}.hero-glass-content{max-width:520px;z-index:1}.hero-glass-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.32);border-radius:99px;color:#34d399;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.badge-arabic{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Amiri,Traditional Arabic,sans-serif;font-size:.84rem;letter-spacing:.02em;font-weight:600;text-transform:none}.mobile-brand-tag{display:inline-block;font-size:.7rem;color:#34d399;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.25);border-radius:99px;padding:1px 7px;margin-left:6px;font-weight:600}.hero-glass-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.hero-glass-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55}.hero-glass-art{flex-shrink:0;z-index:1}.empty-illustration-wrap,.hero-glass-art{display:flex;align-items:center;justify-content:center}.empty-illustration-wrap{flex-direction:column;padding:36px 16px;text-align:center;gap:14px}.empty-illustration-wrap p{color:var(--text-secondary);font-size:.9rem;max-width:320px}@media (max-width:768px){.hero-glass-card{flex-direction:column;align-items:flex-start;padding:20px;gap:16px}.hero-glass-art{width:100%}.hero-glass-art svg{max-width:100%;height:auto}.ambient-orb{animation:none!important;filter:blur(52px)!important;opacity:.32!important}}