.pl-root{display:flex;align-items:center;justify-content:center;font-family:Tajawal,Inter,sans-serif;direction:rtl;box-sizing:border-box;opacity:0;animation:pl-fade-in .3s cubic-bezier(.16,1,.3,1) forwards;transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1);will-change:opacity;background-color:#070a13;color:#f1f5f9}.pl-root.pl-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;min-height:100dvh;z-index:99999;overflow:hidden!important}html:has(.pl-fullscreen),body:has(.pl-fullscreen){overflow:hidden!important;height:100vh!important;width:100vw!important}.pl-root.pl-inline{width:100%;height:100%;min-height:240px;animation:none;opacity:1;padding:24px;background-color:var(--main-bg, #070a13)!important;box-sizing:border-box}body.ap-light-theme .pl-root.pl-inline{background-color:#fff!important}body.ap-light-theme .pl-root.pl-fullscreen,.ap-light-theme .pl-root.pl-fullscreen{background-color:#fff;color:#0f172a}.pl-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.pl-dots-container{display:flex;align-items:center;justify-content:center;gap:18px;height:50px}.pl-dot{width:24px;height:24px;border-radius:50%;background-color:#06f;animation:pl-bounce 1.4s infinite ease-in-out both;filter:drop-shadow(0 0 12px rgba(0,102,255,.55))}.pl-dot:nth-child(1){animation-delay:-.32s}.pl-dot:nth-child(2){animation-delay:-.16s}body.ap-light-theme .pl-dot{background-color:#0052cc;filter:drop-shadow(0 0 8px rgba(0,82,204,.35))}@keyframes pl-fade-in{to{opacity:1}}@keyframes pl-bounce{0%,80%,to{transform:scale(.35);opacity:.2}40%{transform:scale(1.3);opacity:1}}@keyframes pl-text-fade{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:.95;transform:scale(1.02)}}.pl-root.pl-fade-out{opacity:0!important;pointer-events:none!important;transition:opacity .5s cubic-bezier(.16,1,.3,1)!important}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressGlowPulse{0%,to{box-shadow:0 0 8px #2678804d,0 0 16px #2678801a}50%{box-shadow:0 0 18px #26788099,0 0 28px #26788033}}@keyframes pulseGlowRing{0%{box-shadow:0 0 #0ec97f66}to{box-shadow:0 0 0 14px #0ec97f00}}@keyframes successCheckmark{0%{transform:scale(.5) rotate(-10deg);opacity:0}70%{transform:scale(1.08) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes floatCloud{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}@keyframes pulseDotGlow{0%,to{transform:scale(1);box-shadow:0 0 #26788080}50%{transform:scale(1.12);box-shadow:0 0 10px 2px #2678804d}}@keyframes gridSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInCheck{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes apModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes apModalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.donation-form{display:flex;flex-direction:column;gap:12px;width:100%;animation:wizardFadeIn .35s cubic-bezier(.16,1,.3,1) both}.ap-wizard-progress-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:0;padding:0 4px}.ap-wizard-progress-header{display:flex;justify-content:space-between;align-items:center}.ap-wizard-progress-steps-text{font-size:11px;font-weight:800;color:var(--teal-600, #267880);background:var(--teal-dim, rgba(38, 120, 128, .05));padding:3px 8px;border-radius:var(--r-sm, 8px);border:1px solid rgba(38,120,128,.15);font-family:IBM Plex Mono,monospace}.ap-wizard-progress-label{font-size:13px;font-weight:800;color:var(--t2, #d1d5db)}.ap-wizard-progress-bar-bg{width:100%;height:5px;background:var(--surface3, rgba(255, 255, 255, .03));border-radius:999px;overflow:hidden;position:relative;border:1px solid var(--border, rgba(255, 255, 255, .03))}.ap-wizard-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal-600, #267880) 0%,var(--teal-400, #3ba8b4) 100%);border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1);position:relative;animation:progressGlowPulse 3s ease-in-out infinite}.ap-wizard-step{display:flex;flex-direction:column;gap:10px;animation:stepSlideIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes stepSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.ap-wizard-group{padding:16px 20px;background:linear-gradient(var(--surface, #15202b),var(--surface, #15202b)) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;border:1px solid transparent!important;border-radius:var(--r-lg, 20px);position:relative;box-shadow:0 1px 2px #0000000d,0 8px 24px -6px #0000004d,inset 0 1px 1px #ffffff05;transition:all .25s cubic-bezier(.16,1,.3,1);animation:gridSlideIn .3s cubic-bezier(.16,1,.3,1) both}.ap-wizard-group:focus-within{background:linear-gradient(var(--surface, #15202b),var(--surface, #15202b)) padding-box,linear-gradient(135deg,var(--teal-500, #2e8e98) 0%,rgba(38,120,128,.08) 100%) border-box!important;box-shadow:0 6px 24px -8px #2678801f,0 12px 36px -10px #00000059,inset 0 1px 1px #ffffff0d}.ap-wizard-group-title{font-size:14.5px;font-weight:800;color:var(--t1, #fff);margin-bottom:10px;display:flex;align-items:center;gap:8px;border-bottom:1.5px solid var(--border, rgba(255, 255, 255, .05));padding-bottom:8px}.ap-wizard-group-title i{color:var(--teal-500, #2e8e98);font-size:16px}.ap-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ap-category-card{position:relative;border:1.5px solid transparent!important;background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;border-radius:var(--r-md, 14px);padding:14px 18px;text-align:center;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 6px #0000001a,inset 0 1px #ffffff03}.ap-category-card:hover{background:linear-gradient(var(--surface3, rgba(255,255,255,.05)),var(--surface3, rgba(255,255,255,.05))) padding-box,linear-gradient(135deg,#ffffff1a,#ffffff05) border-box;transform:translateY(-3px);box-shadow:0 8px 18px -4px #00000040,inset 0 1px #ffffff08}.ap-category-card:active{transform:translateY(-1px) scale(.96)}.ap-category-card.active{background:#2678801f!important;border:1.5px solid var(--teal-500, #2e8e98)!important;box-shadow:0 6px 16px -4px #26788040,0 12px 28px -8px #00000040,inset 0 1px #ffffff0d!important;transform:translateY(-2px)}body.ap-light-theme .ap-category-card.active{background:#26788012!important;border:1.5px solid var(--teal-600, #267880)!important;box-shadow:0 6px 16px -4px #2678801f,0 12px 28px -8px #0000000d!important}.ap-category-icon-wrap{width:36px;height:36px;border-radius:9px;background:var(--surface3, rgba(255, 255, 255, .04));color:var(--teal-600, #267880);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:17px;transition:all .22s cubic-bezier(.16,1,.3,1)}.ap-category-card:hover .ap-category-icon-wrap{color:var(--teal-400, #3ba8b4);transform:translateY(-1px)}.ap-category-card.active .ap-category-icon-wrap{background:linear-gradient(135deg,var(--teal-600, #267880) 0%,var(--teal-500, #2e8e98) 100%);color:var(--white, #fff);transform:scale(1.05) translateY(-1px);box-shadow:0 4px 10px #26788040}.ap-category-title{font-weight:800;font-size:13.5px;color:var(--t1, #fff);margin-bottom:3px}.ap-category-sub{font-size:11px;color:var(--t3, #9ca3af);line-height:1.4}.ap-category-checkmark{position:absolute;top:8px;left:8px;width:16px;height:16px;border-radius:50%;background:var(--teal-600, #267880);color:#fff;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:900;box-shadow:0 2px 6px #2678804d;animation:scaleInCheck .22s cubic-bezier(.34,1.56,.64,1) both}.ap-size-grid{display:flex;gap:6px;flex-wrap:wrap}.ap-size-pill{width:52px;height:52px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;border:1px solid transparent!important;background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;color:var(--t2, #d1d5db);font-weight:800;font-size:12.5px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:var(--font)}.ap-size-pill:hover{background:linear-gradient(var(--surface3, rgba(255,255,255,.05)),var(--surface3, rgba(255,255,255,.05))) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;color:var(--teal-400, #3ba8b4);transform:translateY(-2px);box-shadow:0 4px 10px #00000029}.ap-size-pill:active{transform:scale(.92)}.ap-size-pill.active{background:#0ec97f2e!important;border:1px solid #0ec97f!important;color:#0ec97f!important;box-shadow:0 0 14px #0ec97f4d!important;transform:translateY(-2px);font-weight:900}body.ap-light-theme .ap-size-pill.active{background:#04785714!important;border:1.5px solid #047857!important;color:#047857!important;box-shadow:0 0 10px #04785726!important}.ap-presets-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.ap-preset-btn{padding:10px 12px;border-radius:var(--r-sm, 8px);border:1px solid transparent!important;background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;color:var(--t2, #d1d5db);font-weight:800;font-size:12.5px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;align-items:center;gap:6px}.ap-preset-btn:hover{background:linear-gradient(var(--surface3, rgba(255,255,255,.05)),var(--surface3, rgba(255,255,255,.05))) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;color:var(--teal-400, #3ba8b4);transform:translateY(-2px);box-shadow:0 6px 14px #0003,inset 0 1px #ffffff08}.ap-preset-btn:active{transform:scale(.96)}.ap-preset-btn.active{background:#0ec97f2e!important;border:1px solid #0ec97f!important;color:#0ec97f!important;box-shadow:0 6px 18px #0ec97f4d!important;transform:translateY(-2px)}body.ap-light-theme .ap-preset-btn.active{background:#04785714!important;border:1.5px solid #047857!important;color:#047857!important;box-shadow:0 4px 10px #04785726!important}.ap-condition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}@media (max-width: 1024px){.ap-condition-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 480px){.ap-condition-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.ap-condition-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 12px;border-radius:var(--r-md, 16px);border:1.5px solid var(--border, rgba(255, 255, 255, .05))!important;background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 2px 6px #0000000a,inset 0 1px #ffffff03}.ap-condition-card:hover{background:linear-gradient(var(--surface3, rgba(255,255,255,.05)),var(--surface3, rgba(255,255,255,.05))) padding-box,linear-gradient(135deg,#ffffff1a,#ffffff05) border-box;transform:translateY(-3px);box-shadow:0 8px 18px -4px #00000038,inset 0 1px #ffffff05}.ap-condition-card:active{transform:scale(.96)}.ap-condition-card.active{background:#0ec97f1a!important;border:1.5px solid #0ec97f!important;box-shadow:0 8px 24px #0ec97f26!important;transform:translateY(-3px)}body.ap-light-theme .ap-condition-card.active{background:#0478570f!important;border:1.5px solid #047857!important;box-shadow:0 8px 20px #0478571f!important}body.ap-light-theme .ap-condition-card.active .ap-condition-name{color:#047857!important}body.ap-light-theme .ap-condition-card.active .ap-condition-dot-wrap{background:#0478571f!important;border-color:#047857!important;color:#047857!important}.ap-condition-dot-wrap{width:44px;height:44px;border-radius:12px;background:var(--surface3, rgba(255, 255, 255, .03));border:1.5px solid var(--border, rgba(255, 255, 255, .05));display:flex;align-items:center;justify-content:center;transition:all .22s ease;flex-shrink:0;color:var(--t3, #9ca3af);margin-bottom:4px}.ap-condition-dot-wrap i{font-size:20px!important}.ap-condition-card.active .ap-condition-dot-wrap{background:#0ec97f26!important;border-color:#0ec97f!important;color:#0ec97f!important;box-shadow:0 0 12px #0ec97f33}.ap-condition-info{display:flex;flex-direction:column;gap:4px;text-align:center}.ap-condition-name{font-size:14px;font-weight:800;color:var(--t1, #fff)}.ap-condition-desc{font-size:11px;font-weight:500;color:var(--t3, #9ca3af);line-height:1.4}.upload-area{border-radius:var(--r-lg, 20px);padding:20px 16px;border:2px dashed rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff03,#ffffff05);text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 1px #ffffff05}.upload-area:hover,.upload-area.dragover{background:var(--teal-dim, rgba(38, 120, 128, .03));border-color:var(--teal-600, #267880);transform:translateY(-3px);box-shadow:0 12px 30px -8px #00000059,0 0 0 1px var(--teal-600, #267880),inset 0 1px #ffffff05}.upload-ico{color:var(--teal-500, #2e8e98);font-size:28px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.upload-area:hover .upload-ico{animation:floatCloud 2.5s ease-in-out infinite}.upload-text{font-weight:800;color:var(--t1, #fff);font-size:13.5px;margin-bottom:4px}.upload-hint{color:var(--t3, #9ca3af);font-size:11px;line-height:1.45;max-width:320px;margin:0 auto}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;margin-top:12px}.preview-item{position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--border, rgba(255, 255, 255, .08));box-shadow:0 3px 10px #00000040;transition:all .22s cubic-bezier(.16,1,.3,1)}.preview-item:hover{transform:translateY(-3px) scale(1.04);border-color:var(--teal-400, #3ba8b4);box-shadow:0 8px 18px #00000061}.preview-item img{width:100%;height:100%;object-fit:cover;display:block}.preview-rm{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:5px;border:none;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.preview-rm:hover{background:var(--red, #ef4444);transform:scale(1.1)}.ap-floating-group{position:relative;width:100%}.ap-form-label{font-weight:800;color:var(--t2, #d1d5db);margin-bottom:6px;display:flex;align-items:center;gap:6px;font-size:13px}.ap-form-textarea{width:100%;padding:12px 14px;border-radius:var(--r-sm, 8px);border:1.5px solid transparent!important;background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;font-size:13.5px;color:var(--t1, #fff);outline:none;transition:all .2s ease;box-shadow:inset 0 1px 1px #00000014,0 1px 2px #0000000a}.ap-form-textarea:focus{background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,var(--teal-600, #267880) 0%,rgba(38,120,128,.1) 100%) border-box!important;box-shadow:0 0 0 3px #2678801f,inset 0 1px 1px #0000000a!important}.ap-form-textarea::placeholder{color:var(--t4, #6b7280)}.qty-control{display:inline-flex;align-items:center;justify-content:center;background:var(--surface2, rgba(255, 255, 255, .02));border:1.5px solid var(--border, rgba(255, 255, 255, .08));border-radius:20px;padding:8px 16px;gap:16px;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff05;transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:16px}body.ap-light-theme .qty-control{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 4px 15px #0000000a!important}.qty-control:focus-within{border-color:#0ec97f59!important;box-shadow:0 0 16px #0ec97f33,0 4px 14px #00000029!important}.qty-btn{width:44px;height:44px;border-radius:12px;background:var(--surface3, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .08));color:var(--t2, #cbd5e1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}body.ap-light-theme .qty-btn{background:#fff!important;border-color:#cbd5e1!important;color:#334155!important}.qty-btn i{font-size:20px}.qty-btn:hover{background:#0ec97f!important;color:#fff!important;border-color:transparent!important;transform:translateY(-2px);box-shadow:0 4px 12px #0ec97f40}.qty-btn:active{transform:scale(.92)}.qty-input{border:none!important;background:transparent!important;color:var(--t1, #fff)!important;text-align:center;font-size:26px;font-weight:800;width:70px!important;padding:0!important;outline:none!important;box-shadow:none!important}body.ap-light-theme .qty-input{color:#0f172a!important}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.ap-wizard-nav-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;border-top:1.5px solid var(--border, rgba(255, 255, 255, .05));padding-top:12px}.ap-btn-prev{padding:10px 18px;border-radius:var(--r-sm, 8px);border:1.5px solid transparent!important;background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;color:var(--t2, #d1d5db);font-weight:800;font-size:12.5px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px;box-shadow:inset 0 1px #ffffff05}.ap-btn-prev:hover{background:linear-gradient(var(--surface3, rgba(255,255,255,.05)),var(--surface3, rgba(255,255,255,.05))) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;border-color:var(--t3, #9ca3af);color:var(--t1, #fff);transform:translateY(-1.5px);box-shadow:0 3px 8px #0000001f}.ap-btn-prev:active{transform:scale(.97) translateY(-1px)}.ap-btn-next{padding:10px 24px;border-radius:var(--r-sm, 8px);border:none;background:linear-gradient(135deg,var(--teal-600, #267880) 0%,var(--teal-500, #2e8e98) 100%);color:var(--white, #fff);font-weight:800;font-size:12.5px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 12px var(--shadow-teal, rgba(46,142,152,.22))}.ap-btn-next:hover:not(:disabled){transform:translateY(-2.5px);box-shadow:0 8px 18px var(--shadow-teal, rgba(46,142,152,.32));filter:brightness(1.08)}.ap-btn-next:active:not(:disabled){transform:translateY(-.5px) scale(.96)}.ap-btn-next:disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ap-success-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;animation:wizardFadeIn .45s cubic-bezier(.16,1,.3,1) both}.ap-success-icon-wrap{width:56px;height:56px;border-radius:50%;background:#0ec97f14;border:2px solid rgba(14,201,127,.22);color:#0ec97f;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;animation:pulseGlowRing 2s cubic-bezier(.16,1,.3,1) infinite,successCheckmark .45s cubic-bezier(.34,1.56,.64,1) both}.ap-success-title{font-size:18px;font-weight:900;color:var(--t1, #fff);margin-bottom:8px}.ap-success-msg{font-size:13px;color:var(--t3, #9ca3af);line-height:1.5;max-width:380px;margin-bottom:20px}.ap-notion-summary-box{width:100%;max-width:440px;background:linear-gradient(var(--surface2, rgba(255,255,255,.02)),var(--surface2, rgba(255,255,255,.02))) padding-box,linear-gradient(135deg,#ffffff0f,#ffffff03) border-box;border:1.5px solid transparent!important;border-radius:16px;padding:16px 18px;margin-bottom:24px;text-align:right;box-shadow:0 8px 20px -5px #0003,inset 0 1px #ffffff05}.ap-notion-summary-header{font-size:11px;font-weight:800;color:var(--teal-600, #267880);background:var(--teal-dim, rgba(38,120,128,.08));padding:3px 8px;border-radius:5px;width:max-content;margin-bottom:10px;border:1px solid rgba(38,120,128,.15)}.ap-notion-summary-list{display:flex;flex-direction:column;gap:10px}.ap-notion-summary-item{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;border-bottom:1px dashed var(--border, rgba(255, 255, 255, .05));padding-bottom:8px}.ap-notion-summary-item:last-child{border-bottom:none;padding-bottom:0}.ap-notion-summary-label{color:var(--t3, #9ca3af);font-weight:700;display:flex;align-items:center;gap:6px}.ap-notion-summary-val{color:var(--t1, #fff);font-weight:800}.ap-success-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.field-error{margin-top:6px;color:#f87171;background:#ef44440d;padding:7px 11px;border-radius:6px;border:1.5px solid rgba(239,68,68,.12);font-weight:700;font-size:11.5px;display:flex;align-items:center;gap:5px;animation:wizardFadeIn .2s cubic-bezier(.16,1,.3,1) both}.global-error{margin-top:10px;color:#f87171;background:#ef44440d;padding:8px 12px;border-radius:8px;border:1.5px solid rgba(239,68,68,.15);font-weight:800;font-size:12.5px;display:flex;align-items:center;gap:6px;animation:wizardFadeIn .2s cubic-bezier(.16,1,.3,1) both}.ap-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 48px;background:linear-gradient(var(--surface, #15202b),var(--surface, #15202b)) padding-box,linear-gradient(135deg,#ffffff0f,#ffffff05) border-box;border:1.5px solid transparent!important;border-radius:24px;box-shadow:0 12px 36px -8px #0000004d,inset 0 1px #ffffff05;max-width:680px;width:100%;margin:32px auto;animation:wizardFadeIn .35s cubic-bezier(.16,1,.3,1) both}.ap-empty-icon{width:86px;height:86px;border-radius:50%;background:var(--teal-dim, rgba(38, 120, 128, .05));border:1.5px solid rgba(38,120,128,.18);color:var(--teal-500, #2e8e98);display:flex;align-items:center;justify-content:center;font-size:38px;margin-bottom:20px;box-shadow:0 8px 24px #26788014;transition:all .3s cubic-bezier(.16,1,.3,1)}.ap-empty-state:hover .ap-empty-icon{transform:translateY(-4px) scale(1.06);color:var(--teal-400, #3ba8b4);border-color:var(--teal-500, #2e8e98);box-shadow:0 12px 28px -4px #26788038,0 0 0 10px #2678800a}.ap-empty-title{font-size:18px!important;font-weight:800;color:var(--t1, #fff);margin-bottom:8px}.ap-danger-card{border:1.5px solid rgba(239,68,68,.2)!important;box-shadow:0 4px 20px #ef444408,0 12px 36px -8px #00000059,inset 0 1px 1px #ffffff05!important}.ap-danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(var(--surface2, rgba(255,255,255,.02)),var(--surface2, rgba(255,255,255,.02))) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;border:1.5px solid transparent!important;border-radius:14px;flex-wrap:wrap;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff05}.ap-danger-row:hover{background:linear-gradient(var(--surface3, rgba(255,255,255,.04)),var(--surface3, rgba(255,255,255,.04))) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box!important;transform:translateY(-2px);box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff08}.ap-danger-row--delete{background:#ef444405 padding-box,linear-gradient(135deg,#ef44441f,#ef444405) border-box}.ap-danger-row--delete:hover{background:#ef44440a padding-box,linear-gradient(135deg,#ef444438,#ef44440a) border-box!important;box-shadow:0 8px 24px #ef444414,inset 0 1px #ffffff08}.ap-danger-btn-logout{padding:9px 18px;border-radius:8px;border:1.5px solid var(--border, rgba(255,255,255,.06))!important;background:transparent!important;color:var(--t2, #d1d5db)!important;font-weight:800;font-size:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px}.ap-danger-btn-logout:hover{background:var(--surface3, rgba(255,255,255,.05))!important;border-color:var(--t2, #d1d5db)!important;color:var(--t1, #fff)!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ap-danger-btn-delete{padding:9px 18px;border-radius:8px;border:none!important;background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;font-weight:800;font-size:12px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px #ef444433}.ap-danger-btn-delete:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef44444d;filter:brightness(1.08)}.ap-danger-btn-delete:active,.ap-danger-btn-logout:active{transform:scale(.96) translateY(-1px)}.ap-modal-overlay{position:fixed;inset:0;background:#0a101ac2!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;display:flex;align-items:center;justify-content:center;z-index:9999;animation:apModalFadeIn .3s cubic-bezier(.16,1,.3,1) both}.ap-modal{background:linear-gradient(var(--surface, #15202b),var(--surface, #15202b)) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box!important;border:1.5px solid transparent!important;border-radius:20px!important;padding:24px!important;max-width:460px;width:90%;box-shadow:0 4px 20px #00000026,0 24px 64px -12px #00000080,inset 0 1px 1px #ffffff08!important;transform:scale(.96) translateY(10px);animation:apModalScaleIn .35s cubic-bezier(.16,1,.3,1) both}.ap-modal-inner{text-align:center}.ap-modal-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;animation:pulseGlowRing 2s infinite}.ap-modal-title{font-size:16px;font-weight:800;color:var(--t1, #fff);margin-bottom:8px}.ap-modal-msg{font-size:13px;color:var(--t3, #9ca3af);line-height:1.5;margin-bottom:20px}.ap-modal-actions{display:flex;gap:10px;justify-content:flex-end}.ap-modal-cancel{padding:10px 18px;border-radius:8px;border:1.5px solid transparent!important;background:linear-gradient(var(--surface2, rgba(255,255,255,.03)),var(--surface2, rgba(255,255,255,.03))) padding-box,linear-gradient(135deg,#ffffff0f,#ffffff03) border-box;color:var(--t2, #d1d5db);font-weight:800;font-size:12.5px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.ap-modal-cancel:hover{background:linear-gradient(var(--surface3, rgba(255,255,255,.05)),var(--surface3, rgba(255,255,255,.05))) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;color:var(--t1, #fff);transform:translateY(-1.5px)}.ap-modal-confirm{padding:10px 22px;border-radius:8px;border:none!important;color:#fff!important;font-weight:800;font-size:12.5px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px}.ap-modal-confirm:hover{transform:translateY(-2px);filter:brightness(1.08)}.ap-modal-confirm:active,.ap-modal-cancel:active{transform:scale(.96) translateY(-.5px)}.ud-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px;margin-bottom:14px;text-align:right;animation:wizardFadeIn .25s cubic-bezier(.16,1,.3,1) both}.ud-alert-ok{background:#0ec97f0f;border:1.5px solid rgba(14,201,127,.18);color:#0ec97f}.ud-alert-err{background:#ef44440f;border:1.5px solid rgba(239,68,68,.18);color:#ef4444}@media (max-width: 1024px){.cd-settings-sidebar{display:none!important}.cd-settings-mobile-tabs{display:flex!important;overflow-x:auto;gap:6px!important;background:var(--surface2, rgba(255,255,255,.03))!important;border:1.5px solid var(--border, rgba(255,255,255,.06))!important;border-radius:12px!important;margin-bottom:16px!important;padding:6px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cd-settings-mobile-tabs::-webkit-scrollbar{display:none}.cd-settings-mobile-tab{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important;background:transparent!important;border:none!important;border-radius:8px!important;cursor:pointer!important;font-family:Tajawal,sans-serif!important;font-size:12.5px!important;font-weight:700!important;white-space:nowrap!important;flex:1!important;transition:all .2s!important;color:var(--t3, #9ca3af)!important}.cd-settings-mobile-tab i{font-size:15px!important}.cd-settings-mobile-tab.active{font-weight:800!important;background:var(--surface3, rgba(255,255,255,.05))!important;box-shadow:0 4px 12px #00000026!important}.cd-settings-mobile-tabs~div{display:block!important}}@media (max-width: 800px){.ap-presets-row{grid-template-columns:repeat(2,1fr)}.ap-presets-row button:last-child{grid-column:span 2}.ap-wizard-nav-row{flex-direction:column-reverse;gap:10px;padding-top:12px}.ap-wizard-nav-row button{width:100%!important;justify-content:center;padding:12px 16px;font-size:13px}.ap-wizard-group{padding:14px 16px;border-radius:16px}.ap-category-grid{grid-template-columns:1fr;gap:8px}.ap-category-card{padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:right}.ap-category-icon-wrap{margin:0;width:32px;height:32px;font-size:15px}.ap-category-checkmark{top:50%;transform:translateY(-50%);left:12px}.ap-success-card{padding:20px 8px}.ap-success-actions{flex-direction:column;width:100%;gap:8px}.ap-success-actions button{width:100%;justify-content:center;padding:12px 16px;font-size:13px}.qty-control{width:100%;justify-content:space-between}}.ap-filter-tabs{gap:8px!important}.ap-filter-tab{padding:8px 16px!important;font-size:13.5px!important;border-radius:9px!important}.ap-filter-badge{font-size:13.5px!important;font-weight:900!important;padding:2px 10px!important;border-radius:20px!important;min-width:26px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ap-refresh-overlay{position:absolute;inset:0;background:#0a101a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:apModalFadeIn .3s cubic-bezier(.16,1,.3,1) both}body.ap-light-theme .ap-refresh-overlay{background:#f3f6fa73}.ap-refresh-spinner-wrap{display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--surface, #0f1626),var(--surface, #0f1626)) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;border:1.5px solid transparent;border-radius:50%!important;padding:16px!important;width:64px!important;height:64px!important;box-shadow:var(--shadow-lg);animation:apModalScaleIn .35s cubic-bezier(.16,1,.3,1) both}body.ap-light-theme .ap-refresh-spinner-wrap{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#0000000d,#00000003) border-box;border:1.5px solid rgba(0,0,0,.04)}@keyframes apSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ap-refresh-spinner{font-size:28px!important;color:var(--teal, #267880);animation:apSpinner .8s linear infinite;display:inline-block}.ap-toast{font-family:Tajawal,sans-serif!important;font-size:13.5px!important;font-weight:800!important;border-radius:12px!important;padding:12px 20px!important;box-shadow:0 10px 30px #00000059!important;border-width:1.5px!important;display:flex!important;align-items:center!important;gap:10px!important}.ap-toast.success{background:#0ec97f1a!important;color:#0ec97f!important;border:1.5px solid rgba(14,201,127,.28)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.ap-toast.error{background:#ef44441a!important;color:#ef4444!important;border:1.5px solid rgba(239,68,68,.28)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}@media (min-width: 1024px){.ap-content:has(.ap-tab-pane--stats){overflow-y:auto!important}.ap-tab-pane--stats{gap:12px!important}.ap-kpi-grid{margin-bottom:0!important;gap:10px!important}.ap-kpi-card{padding:12px 14px!important}.ap-dashboard-grid{margin-top:10px!important;gap:12px!important}.ap-chart-card{padding:14px 16px!important}}.ap-empty-icon{display:flex!important;align-items:center!important;justify-content:center!important;direction:ltr!important}.ap-empty-icon i{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;margin:0!important;padding:0!important}.ap-empty-desc{font-family:Tajawal,sans-serif!important;font-size:13.5px!important;font-weight:500!important;color:var(--t2, #aabdd8)!important;margin:8px 0 20px!important;line-height:1.6!important;text-align:center!important}body.ap-light-theme .ap-empty-desc{color:var(--t3, #64748b)!important}.ap-empty-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 24px!important;border-radius:12px!important;border:none!important;background:linear-gradient(135deg,var(--teal-600, #267880) 0%,var(--teal-500, #2e8e98) 100%)!important;color:#fff!important;font-family:Tajawal,sans-serif!important;font-size:13.5px!important;font-weight:800!important;cursor:pointer!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 14px #26788040!important}.ap-empty-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 22px #26788061!important;filter:brightness(1.08)!important}.ap-empty-btn:active{transform:scale(.96) translateY(-.5px)!important}.ap-empty-btn i{font-size:14px!important;color:#fff!important}.ap-stepper-wrap{margin-bottom:24px;padding:10px 4px;width:100%}.ap-stepper-steps{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}.ap-stepper-step{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative;flex:1}.ap-stepper-circle{width:38px;height:38px;border-radius:50%;background:var(--surface3, rgba(255, 255, 255, .03));border:2px solid var(--border, rgba(255, 255, 255, .06));display:flex;align-items:center;justify-content:center;color:var(--t3, #9ca3af);font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #00000026}.ap-stepper-step:hover .ap-stepper-circle{border-color:var(--teal-400, #3ba8b4);color:var(--teal-400, #3ba8b4);transform:translateY(-2px)}.ap-stepper-step.active .ap-stepper-circle{background:var(--surface, #15202b);border-color:var(--teal-600, #267880);color:var(--teal-600, #267880);box-shadow:0 0 14px #26788066;transform:scale(1.1);font-weight:800}.ap-stepper-step.completed .ap-stepper-circle{background:linear-gradient(135deg,var(--teal-600, #267880) 0%,var(--teal-500, #2e8e98) 100%);border-color:transparent;color:#fff}.ap-stepper-label{font-size:11px;font-weight:800;color:var(--t3, #9ca3af);margin-top:8px;text-align:center;transition:color .3s ease;white-space:nowrap}.ap-stepper-step.active .ap-stepper-label{color:var(--teal-500, #2e8e98)}.ap-stepper-step.completed .ap-stepper-label{color:var(--t2, #d1d5db)}.ap-stepper-line{flex:1.5;height:2px;background:var(--border, rgba(255, 255, 255, .05));margin:-18px -20px 0;z-index:1;transition:background .4s cubic-bezier(.16,1,.3,1)}.ap-stepper-line.filled{background:linear-gradient(90deg,var(--teal-600, #267880) 0%,var(--teal-500, #2e8e98) 100%)}@media (max-width: 560px){.ap-stepper-label{display:none}.ap-stepper-line{margin-top:0}}.req{color:#dc2626!important;font-weight:700}body.ap-light-theme .field-error{color:#b91c1c!important;background:#fef2f2!important;border-color:#ef444440!important}body.ap-light-theme .global-error{color:#b91c1c!important;background:#fef2f2!important;border-color:#ef44444d!important}body.ap-light-theme .ap-toast.error{background:#fef2f2!important;color:#991b1b!important;border:1.5px solid rgba(239,68,68,.3)!important}.dn-modal-overlay{position:fixed;inset:0;background:#0a101ac2!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:9000}.dn-modal-overlay.open{opacity:1;pointer-events:auto}.dn-modal-box{background:linear-gradient(var(--surface, #15202b),var(--surface, #15202b)) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box!important;border:1.5px solid transparent!important;border-radius:24px!important;box-shadow:0 4px 20px #00000026,0 24px 64px -12px #00000080,inset 0 1px 1px #ffffff08!important;transform:scale(.96) translateY(12px);transition:transform .4s cubic-bezier(.16,1,.3,1);max-width:680px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.dn-modal-overlay.open .dn-modal-box{transform:scale(1) translateY(0)}.donation-page-container{min-height:100vh;background:var(--bg, #0b141a);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start;direction:rtl}.donation-page-inner{max-width:760px;width:100%;display:flex;flex-direction:column;gap:24px;animation:pageFadeUp .45s cubic-bezier(.16,1,.3,1) both}@keyframes pageFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.donation-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1.5px solid var(--border, rgba(255,255,255,.06));padding-bottom:22px}.dp-title{margin:0;font-size:22px;font-weight:900;color:var(--t1, #fff);display:flex;align-items:center;gap:10px;letter-spacing:-.2px}.dp-title i{color:var(--teal-500, #2e8e98)}.dp-sub{margin:6px 0 0;color:var(--t3, #9ca3af);font-size:13.5px;font-weight:600;line-height:1.5}.donation-page-card{background:linear-gradient(var(--surface, #15202b),var(--surface, #15202b)) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;border:1.5px solid transparent!important;border-radius:24px;box-shadow:0 1px 3px #0000000d,0 16px 48px -12px #00000059,inset 0 1px 1px #ffffff08;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1)}.dn-modal-close{width:32px;height:32px;border-radius:8px;background:var(--surface3, rgba(255,255,255,.04));border:1.5px solid var(--border, rgba(255,255,255,.06));color:var(--t2, #d1d5db)!important;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.dn-modal-close:hover{background:#ef444414;color:var(--red, #ef4444)!important;border-color:#ef44442e;transform:rotate(90deg)}@media (max-width: 768px){.donation-page-container{padding:16px 10px}.donation-page-card{padding:20px 16px;border-radius:20px}.donation-page-head{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:16px}.donation-page-head button{width:100%;justify-content:center}.dn-modal-box{max-height:95vh;border-radius:20px!important}}:root{--teal-900: #0d3d3f;--teal-800: #164e52;--teal-700: #1e6268;--teal-600: #267880;--teal-500: #2e8e98;--teal-400: #3ba8b4;--teal-300: #5ec0cb;--teal-200: #a8dde3;--teal-100: #d0eff2;--teal-50: #eaf8f9;--gold-600: #b8920a;--gold-500: #c9a227;--gold-400: #d4af37;--gold-300: #e2c96b;--gold-100: #f9f0cd;--gold-50: #fdf8e8;--neutral-900: #111827;--neutral-800: #1f2937;--neutral-700: #374151;--neutral-600: #4b5563;--neutral-500: #6b7280;--neutral-400: #9ca3af;--neutral-300: #d1d5db;--neutral-200: #e5e7eb;--neutral-100: #f3f4f6;--neutral-50: #f9fafb;--white: #ffffff;--font: "Tajawal", sans-serif;--section-pad: 96px 5%;--container-max: 1000px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-teal: 0 8px 32px rgba(46,142,152,.25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:auto}body{font-family:var(--font);background:var(--white);color:var(--neutral-800);direction:rtl;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none}html,body{margin:0!important;padding:0!important}body>#root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:64px}body.lp-hiding-layout .main-content{padding-top:0!important}.main-content .page-wrapper{padding-top:0}[data-reveal]{opacity:0;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:.7s;will-change:opacity,transform}[data-reveal=up]{transform:translateY(40px)}[data-reveal=down]{transform:translateY(-30px)}[data-reveal=left]{transform:translate(40px)}[data-reveal=right]{transform:translate(-40px)}[data-reveal=scale]{transform:scale(.92)}[data-reveal=fade]{transform:none}[data-reveal].revealed{opacity:1;transform:none}[data-stagger]>*{opacity:0;transform:translateY(32px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}[data-stagger]>*.revealed{opacity:1;transform:none}[data-stagger]>*:nth-child(1){transition-delay:0ms}[data-stagger]>*:nth-child(2){transition-delay:.1s}[data-stagger]>*:nth-child(3){transition-delay:.2s}[data-stagger]>*:nth-child(4){transition-delay:.3s}[data-stagger]>*:nth-child(5){transition-delay:.4s}[data-stagger]>*:nth-child(6){transition-delay:.5s}@media (prefers-reduced-motion: reduce){[data-reveal],[data-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes bounce-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.animate-fade-up{animation:fadeUp .3s ease}.animate-fade-in{animation:fadeIn .2s ease}.container{width:90%;max-width:var(--container-max);margin:0 auto}.sec-label{display:inline-flex;align-items:center;gap:8px;background:var(--teal-50);color:var(--teal-700)!important;border:1px solid var(--teal-100);padding:5px 16px;border-radius:var(--r-full);font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:16px}.sec-title{font-size:clamp(26px,4vw,38px);font-weight:800;color:var(--neutral-900);line-height:1.3;margin-bottom:14px}.sec-title span{color:var(--teal-500)}.sec-sub{font-size:16px;color:var(--neutral-600);max-width:580px;line-height:1.8}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--teal-600);color:var(--white);padding:13px 28px;border-radius:var(--r-full);font-size:15px;font-weight:700;transition:all .28s ease;box-shadow:var(--shadow-teal);cursor:pointer;border:none}.btn-primary:hover{background:var(--teal-700);transform:translateY(-2px);box-shadow:0 12px 36px #2e8e9859}.btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--gold-400);color:var(--white);padding:13px 28px;border-radius:var(--r-full);font-size:15px;font-weight:700;transition:all .28s ease;cursor:pointer;border:none}.btn-gold:hover{background:var(--gold-600);transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.55);padding:11px 26px;border-radius:var(--r-full);font-size:15px;font-weight:700;transition:all .28s ease;backdrop-filter:blur(6px);cursor:pointer}.btn-outline:hover{background:#ffffff26;border-color:#ffffffe6}.btn-sm{padding:7px 18px;background:var(--teal-600);color:var(--white);border-radius:var(--r-full);font-size:13px;font-weight:700;transition:all .2s;border:none;cursor:pointer}.btn-sm:hover{background:var(--teal-700);transform:translateY(-1px)}.btn-save{background:var(--teal-600);color:var(--white);padding:11px 28px;border-radius:var(--r-full);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;font-family:var(--font)}.btn-save:hover{background:var(--teal-700)}.btn-danger{background:#ef4444;color:var(--white);padding:11px 24px;border-radius:var(--r-full);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-family:var(--font)}.btn-danger:hover{background:#dc2626}.btn-cancel{padding:10px 20px;border:1.5px solid var(--neutral-200);border-radius:var(--r-full);font-size:14px;font-weight:700;color:var(--neutral-600);background:var(--white);cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:var(--neutral-400)}.btn-back{padding:12px 18px;border:1.5px solid var(--neutral-200);border-radius:var(--r-full);font-size:14px;font-weight:700;color:var(--neutral-600);background:var(--white);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:var(--font);white-space:nowrap}.btn-back:hover{border-color:var(--neutral-400);background:var(--neutral-50)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:700;color:var(--neutral-700);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--r-md);font-size:14px;color:var(--neutral-800);background:var(--neutral-50);transition:all .2s;font-family:var(--font)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal-400);background:var(--white);box-shadow:0 0 0 3px #5ec0cb26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-full{grid-column:1 / -1}.btn-form{width:100%;padding:13px;background:var(--teal-600);color:var(--white);border-radius:var(--r-full);font-size:15px;font-weight:700;margin-top:6px;transition:all .25s;cursor:pointer;border:none;font-family:var(--font)}.btn-form:hover{background:var(--teal-700)}.btn-form:disabled{background:var(--neutral-400);cursor:not-allowed}.modal-error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:10px 14px;border-radius:var(--r-md);font-size:13px;margin-bottom:16px}.modal-success{background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-700);padding:10px 14px;border-radius:var(--r-md);font-size:13px;margin-bottom:16px}.status-badge{padding:4px 12px;border-radius:var(--r-full);font-size:12px;font-weight:700}.status-pending{background:#fef9c3;color:#854d0e}.status-accepted{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-delivered{background:var(--teal-50);color:var(--teal-700)}.action-btns{display:flex;gap:8px}.btn-accept{padding:5px 14px;background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:var(--r-full);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-accept:hover{background:#22c55e;color:var(--white)}.btn-reject{padding:5px 14px;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:var(--r-full);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-reject:hover{background:#ef4444;color:var(--white)}.spinner{display:flex;align-items:center;justify-content:center;padding:40px}.spinner-ring{width:40px;height:40px;border:3px solid var(--neutral-200);border-top-color:var(--teal-600);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:60px 20px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:15px;color:var(--neutral-500)}.page-wrapper{padding-top:64px;min-height:100vh}.notfound{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px}.notfound h1{font-size:120px;font-weight:900;color:var(--teal-600);line-height:1}.notfound h2{font-size:28px;font-weight:800;color:var(--neutral-900);margin-bottom:12px}.notfound p{font-size:16px;color:var(--neutral-500);margin-bottom:28px}.table-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:0;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:28px}.table-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--neutral-100)}.table-title{font-size:15px;font-weight:800;color:var(--neutral-900)}table{width:100%;border-collapse:collapse}thead th{background:var(--neutral-50);padding:12px 20px;font-size:12px;font-weight:700;color:var(--neutral-500);text-align:right;border-bottom:1px solid var(--neutral-200)}tbody tr{border-bottom:1px solid var(--neutral-100);transition:background .15s}tbody tr:hover{background:var(--neutral-50)}tbody td{padding:14px 20px;font-size:14px;color:var(--neutral-700)}.navbar{position:fixed;top:0;right:0;left:0;z-index:1000;height:64px;display:flex;align-items:center;margin:0;padding:0;background:#ffffffeb;backdrop-filter:blur(16px);border-bottom:1px solid var(--neutral-200);transition:box-shadow .3s}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-inner{width:90%;max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo-mark{width:40px;height:40px;background:var(--teal-600);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:var(--white)}.nav-logo-text{font-size:22px;font-weight:900;color:var(--teal-700);letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:7px 14px;border-radius:var(--r-full);font-size:15px;font-weight:600;color:var(--neutral-700);transition:all .2s}.nav-links a:hover,.nav-links a.active{background:var(--teal-50);color:var(--teal-600)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-btn-login{padding:8px 18px;border:1.5px solid var(--neutral-200);border-radius:var(--r-full);font-size:14px;font-weight:700;color:var(--neutral-700);background:var(--white);transition:all .2s}.nav-btn-login:hover{border-color:var(--teal-400);color:var(--teal-600)}.nav-btn-signup{padding:8px 20px;background:var(--teal-600);color:var(--white);border-radius:var(--r-full);font-size:14px;font-weight:700;transition:all .2s}.nav-btn-signup:hover{background:var(--teal-700)}.nav-user{display:flex;align-items:center;gap:10px}.nav-avatar{width:36px;height:36px;border-radius:50%;background:var(--teal-600);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer}.nav-user-name{font-size:14px;font-weight:700;color:var(--neutral-800)}.nav-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer}.nav-ham span{display:block;width:24px;height:2px;background:var(--neutral-700);border-radius:2px;transition:all .3s}.nav-ham.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-ham.open span:nth-child(2){opacity:0}.nav-ham.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{position:fixed;top:64px;right:0;left:0;background:var(--white);border-bottom:1px solid var(--neutral-200);padding:16px 20px;flex-direction:column;gap:4px;z-index:999;box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:0}.mobile-nav.open{max-height:600px;opacity:1;display:flex}.mobile-nav-links{display:flex;flex-direction:column;gap:2px}.mobile-link{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-md);font-size:15px;font-weight:600;color:var(--neutral-700);transition:all .18s}.mobile-link:hover{background:var(--teal-50);color:var(--teal-600)}.mobile-link.active{background:var(--teal-50);color:var(--teal-700);font-weight:700;border-right:3px solid var(--teal-600)}.mobile-nav-divider{height:1px;background:var(--neutral-100);margin:10px 0}.mobile-nav-user{padding:4px 0}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:8px 16px 16px}.mobile-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--teal-600),var(--teal-400));color:var(--white);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-user-name{font-size:15px;font-weight:700;color:var(--neutral-900)}.mobile-user-role{font-size:12px;color:var(--neutral-500);margin-top:1px}.mobile-nav-actions{display:flex;gap:10px;margin-top:10px}.mobile-nav-actions button{flex:1;padding:10px;border-radius:var(--r-full);font-size:14px;font-weight:700}.btn-mobile-logout{width:100%;padding:10px;border-radius:var(--r-full);border:1.5px solid var(--neutral-200);background:var(--white);font-size:14px;font-weight:700;color:var(--neutral-600);cursor:pointer;transition:all .2s;font-family:var(--font);display:flex;align-items:center;justify-content:center;gap:6px}.btn-mobile-logout:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.mobile-overlay{position:fixed;inset:0;background:#00000059;z-index:998;animation:fadeIn .2s ease}.footer{background:var(--teal-900);color:var(--white)}.footer-body{padding:24px 24px 16px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:var(--container-max);margin:0 auto}.footer-brand{flex:0 0 260px}.footer-brand p{color:#fff9;font-size:13px;line-height:1.6;margin-top:10px}.footer-socials{display:flex;gap:8px;margin-top:10px}.footer-col{flex:0 0 120px}.footer-col h3{font-size:12px;margin-bottom:8px}.footer-col a{font-size:13px;padding:2px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:var(--container-max);margin:0 auto}.footer-bottom p{font-size:12px}.footer-socials{display:flex;gap:10px;margin-top:14px}.footer-social-icon{width:32px;height:32px;border-radius:var(--r-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:13px;transition:all .2s}.footer-social-icon:hover{background:var(--teal-600);color:var(--white);border-color:var(--teal-600)}.footer-col h3{font-size:14px;font-weight:700;color:#ffffffb3!important;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.footer-col a{display:block;color:#ffffffbf;font-size:14px;padding:3px 0;transition:color .2s}.footer-col a:hover{color:var(--teal-300)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:var(--container-max);margin:0 auto}.footer-bottom p{font-size:13px;color:#ffffffad!important}.footer-scroll-top{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.footer-scroll-top:hover{background:var(--teal-600);color:var(--white);border-color:var(--teal-600);transform:translateY(-3px)}.modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);z-index:2000;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;opacity:0;transition:opacity .28s ease}.modal-overlay.open{display:flex;opacity:1}.modal-box{background:var(--white);border-radius:var(--r-xl);width:100%;max-width:480px;padding:36px 32px;position:relative;margin:auto}.modal-close{position:absolute;top:16px;left:16px;width:32px;height:32px;border-radius:50%;background:var(--neutral-100);border:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--neutral-600);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--neutral-200)}.modal-title{font-size:22px;font-weight:800;color:var(--neutral-900);margin-bottom:6px;text-align:center}.modal-sub{font-size:14px;color:var(--neutral-500);text-align:center;margin-bottom:28px}.modal-login-link{text-align:center;margin-top:16px;font-size:13px;color:var(--neutral-500)}.modal-login-link a{color:var(--teal-600);font-weight:700;cursor:pointer}.modal-switch-link{color:var(--teal-600);font-weight:700;cursor:pointer;transition:color .2s}.modal-switch-link:hover{color:var(--teal-800)}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;width:38px;height:38px;border-radius:50%;background:var(--neutral-100);border:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--neutral-600);transition:all .2s;cursor:pointer}.notif-bell-btn:hover{background:var(--teal-50);border-color:var(--teal-300);color:var(--teal-600)}.notif-bell-badge{position:absolute;top:-4px;left:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--white)}.notif-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:340px;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:1100;overflow:hidden;animation:fadeIn .15s ease}.notif-drop-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--neutral-100)}.notif-drop-title{font-size:15px;font-weight:700;color:var(--neutral-900)}.notif-drop-count{font-size:12px;background:var(--teal-50);color:var(--teal-600);border:1px solid var(--teal-100);padding:2px 8px;border-radius:9999px;font-weight:700}.notif-drop-list{max-height:320px;overflow-y:auto}.notif-drop-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--neutral-100);cursor:pointer;transition:background .15s}.notif-drop-item:last-child{border-bottom:none}.notif-drop-item:hover{background:var(--neutral-50)}.notif-drop-item.unread{background:var(--teal-50)}.notif-drop-item.unread:hover{background:var(--teal-100)}.notif-drop-text p{font-size:13px;color:var(--neutral-800);line-height:1.5;margin-bottom:2px}.notif-drop-text span{font-size:11px;color:var(--neutral-400)}.notif-drop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--neutral-500);font-size:13px;gap:8px}.notif-drop-footer{width:100%;padding:12px;background:var(--neutral-50);border-top:1px solid var(--neutral-100);font-size:13px;font-weight:700;color:var(--teal-600);text-align:center;cursor:pointer;transition:background .15s;border:none}.notif-drop-footer:hover{background:var(--teal-50)}.nav-ai-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--teal-600),var(--teal-500));color:var(--white)!important;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #2e8e984d;text-decoration:none}.nav-ai-btn:hover{background:linear-gradient(135deg,var(--teal-700),var(--teal-600));box-shadow:0 4px 12px #2e8e9866;transform:translateY(-1px)}.nav-ai-label{font-size:13px}.chat-layout-root{display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden}#nprogress .spinner,.nprogress-spinner,.spinner-fixed-top-right,#nprogress-spinner{display:none!important}.auth-modal{transform:translateY(24px) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .28s ease;max-width:520px;margin:20px auto}.auth-modal.modal-in{transform:translateY(0) scale(1);opacity:1}.auth-header{text-align:center;margin-bottom:28px}.auth-icon-wrap{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--teal-600),var(--teal-400));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:22px;color:var(--white);box-shadow:0 8px 24px #2e8e9859}.auth-icon-wrap.secondary{background:linear-gradient(135deg,var(--gold-500),var(--gold-300));box-shadow:0 8px 24px #c9a22759}.input-icon-wrap{position:relative}.input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--neutral-400);font-size:14px;pointer-events:none}.input-icon-wrap input{padding-right:36px}.input-icon-wrap input.input-error{border-color:#ef4444!important;background:#fff5f5}.input-icon-wrap input.input-error:focus{box-shadow:0 0 0 3px #ef44441f}.eye-toggle{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--neutral-400);padding:4px;line-height:1;font-size:15px;transition:color .2s}.eye-toggle:hover{color:var(--teal-600)}.field-error{display:flex;align-items:center;gap:5px;font-size:12px;color:#ef4444;margin-top:5px;font-weight:600;animation:fadeUp .2s ease}.field-error i{font-size:11px}.field-success{display:flex;align-items:center;gap:5px;font-size:12px;color:#16a34a;margin-top:5px;font-weight:600}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.form-label-row label{margin-bottom:0}.forgot-link{font-size:12px;color:var(--teal-600);font-weight:700;cursor:pointer;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--teal-700);text-decoration:underline}.pw-strength{margin-top:8px}.pw-bars{display:flex;gap:4px;margin-bottom:4px}.pw-bar{flex:1;height:4px;border-radius:2px;transition:background .35s ease}.pw-label{font-size:11px;font-weight:700}.pw-rules{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--r-md);padding:12px 14px;margin-bottom:16px}.pw-rules-title{font-size:12px;font-weight:700;color:var(--neutral-600);margin-bottom:8px;display:flex;align-items:center;gap:6px}.pw-rule{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--neutral-400);margin:3px 6px 3px 0;transition:color .25s}.pw-rule.ok{color:#16a34a}.pw-rule i{font-size:11px}.role-picker{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.role-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--r-md);border:2px solid var(--neutral-200);background:var(--white);cursor:pointer;transition:all .22s ease;font-family:var(--font)}.role-option:hover{border-color:var(--teal-300);background:var(--teal-50)}.role-option.active{border-color:var(--teal-600);background:var(--teal-50);box-shadow:0 0 0 3px #2e8e981f}.role-icon{font-size:22px}.role-label{font-size:12px;font-weight:700;color:var(--neutral-800)}.role-desc{font-size:10px;color:var(--neutral-500);text-align:center;line-height:1.3}.otp-wrap{display:flex;gap:10px;justify-content:center}.otp-digit{width:48px;height:56px;border-radius:10px;border:2px solid #d1d5db;background:#f9fafb;font-size:22px;font-weight:800;color:#111827;text-align:center;font-family:inherit;transition:all .2s;outline:none;-webkit-text-fill-color:#111827;caret-color:#111827}.otp-digit:focus{border-color:#2e8e98;background:#fff;box-shadow:0 0 0 3px #5ec0cb33;transform:scale(1.05);color:#111827;-webkit-text-fill-color:#111827}.otp-digit.filled{border-color:#2e8e98;background:#f0fdfe;color:#0e6e78;-webkit-text-fill-color:#0e6e78}.btn-form:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.btn-form:not(:disabled){opacity:1;cursor:pointer}.verify-header{text-align:center;margin-bottom:24px}.verify-icon-big{font-size:52px;display:block;margin-bottom:12px;animation:bounce-in .5s ease}.verify-box{text-align:center}.verify-icon{font-size:44px;margin-bottom:10px;display:block}.signup-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px;position:relative}.signup-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative;z-index:1}.signup-step:after{content:"";position:absolute;top:18px;left:calc(-50% + 20px);right:calc(50% + 20px);height:2px;background:var(--neutral-200);z-index:0}.signup-step:first-child:after{display:none}.signup-step.done:after,.signup-step.active:after{background:var(--teal-400)}.step-circle{width:36px;height:36px;border-radius:50%;border:2px solid var(--neutral-300);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--neutral-400);transition:all .3s ease;position:relative;z-index:2}.signup-step.active .step-circle{border-color:var(--teal-600);background:var(--teal-600);color:var(--white);box-shadow:0 0 0 4px #2e8e9833}.signup-step.done .step-circle{border-color:var(--teal-500);background:var(--teal-500);color:var(--white)}.signup-step span{font-size:11px;font-weight:700;color:var(--neutral-400);white-space:nowrap}.signup-step.active span{color:var(--teal-600)}.signup-step.done span{color:var(--teal-500)}.label-hint{font-size:11px;color:var(--neutral-400);font-weight:500;margin-right:6px}.input-hint{font-size:11px;color:var(--neutral-400);margin-top:4px;display:block}.form-actions-row{display:flex;gap:10px;align-items:stretch;margin-top:6px}.auth-form{width:100%}.donation-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.size-btn{padding:8px;border:1.5px solid var(--neutral-200);border-radius:var(--r-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--white);font-family:var(--font)}.size-btn.selected{background:var(--teal-600);color:var(--white);border-color:var(--teal-600)}.img-upload-area{border:2px dashed var(--neutral-200);border-radius:var(--r-md);padding:20px;text-align:center;cursor:pointer;transition:all .2s}.img-upload-area:hover{border-color:var(--teal-400);background:var(--teal-50)}.rating-stars-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0}.rating-stars{display:flex;gap:8px}.rating-star{background:none;border:none;font-size:32px;color:var(--neutral-300);cursor:pointer;transition:color .15s,transform .15s;padding:0}.rating-star.active{color:var(--gold-400);transform:scale(1.1)}.rating-star:hover{transform:scale(1.15)}.rating-label{font-size:14px;font-weight:700;color:var(--teal-600)}.rating-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--r-md);font-family:var(--font);font-size:14px;color:var(--neutral-800);resize:vertical;transition:border-color .2s;background:var(--neutral-50)}.rating-textarea:focus{border-color:var(--teal-400);background:var(--white)}.hero{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;overflow:hidden;background:var(--teal-900)}.hero-bg{position:absolute;inset:0;background:url(/images/card3.jpeg) center/cover no-repeat;opacity:.18}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--teal-900) 40%,var(--teal-700) 100%);opacity:.88}.hero-circle{position:absolute;border-radius:50%;opacity:.06;background:var(--white)}.hero-circle-1{width:500px;height:500px;top:-180px;left:-120px}.hero-circle-2{width:320px;height:320px;bottom:-80px;right:8%;opacity:.04}.hero-inner{position:relative;width:90%;max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:80px 0}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--teal-300);padding:6px 16px;border-radius:var(--r-full);font-size:13px;font-weight:700;margin-bottom:24px;backdrop-filter:blur(8px)}.hero-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal-300);animation:pulse-dot 2s infinite}.hero-title{font-size:clamp(32px,5vw,52px);font-weight:900;color:var(--white);line-height:1.25;margin-bottom:20px}.hero-title span{color:var(--gold-400);position:relative}.hero-desc{color:#ffffffb8;font-size:17px;line-height:1.85;margin-bottom:36px;max-width:500px}.hero-btns{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{margin-top:52px;display:flex;gap:32px;border-top:1px solid rgba(255,255,255,.1);padding-top:32px}.hero-stat-val{font-size:28px;font-weight:900;color:var(--white);display:block}.hero-stat-lbl{font-size:13px;color:#ffffffb8!important;margin-top:2px}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeUp .8s .3s ease both}.hero-img-wrap{position:relative;width:100%;max-width:460px}.hero-img-wrap img{width:100%;height:420px;object-fit:cover;border-radius:var(--r-xl);border:3px solid rgba(255,255,255,.12)}.hero-img-badge{position:absolute;bottom:24px;right:24px;background:var(--white);border-radius:var(--r-lg);padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:fadeUp .8s .6s ease both}.hero-img-badge-icon{width:42px;height:42px;border-radius:var(--r-md);background:var(--teal-50);display:flex;align-items:center;justify-content:center;font-size:20px}.hero-img-badge p{font-size:12px;color:var(--neutral-500)}.hero-img-badge strong{font-size:15px;color:var(--neutral-900);font-weight:800}.how{padding:var(--section-pad);background:var(--neutral-50)}.how-header{text-align:center;margin-bottom:60px}.how-header .sec-sub{margin:0 auto}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.step-card{background:var(--white);border-radius:var(--r-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);position:relative;transition:all .3s ease}.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--teal-200)}.step-num{position:absolute;top:-14px;right:50%;transform:translate(50%);width:28px;height:28px;border-radius:50%;background:var(--teal-600);color:var(--white);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--neutral-50)}.step-icon{width:72px;height:72px;border-radius:var(--r-md);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:32px}.step-icon.teal{background:var(--teal-50)}.step-icon.gold{background:var(--gold-50)}.step-card h3{font-size:19px;font-weight:800;color:var(--neutral-900);margin-bottom:10px}.step-card p{font-size:14px;color:var(--neutral-600);line-height:1.8;margin-bottom:20px}.step-link{color:var(--teal-600);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:gap .2s;cursor:pointer;background:none;border:none}.step-link:hover{gap:10px}.stats-bar{background:var(--teal-700);padding:56px 5%}.stats-inner{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.stat-item{text-align:center;padding:24px;position:relative}.stat-item:after{content:"";position:absolute;top:20%;bottom:20%;left:0;width:1px;background:#ffffff26}.stat-item:first-child:after{display:none}.stat-num{font-size:clamp(36px,6vw,54px);font-weight:900;color:var(--white);line-height:1;display:block}.stat-plus{color:var(--gold-300)}.stat-label{font-size:15px;color:#ffffffa6;margin-top:8px}.charities{padding:var(--section-pad)}.charities-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}.charity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.charity-card{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);transition:all .32s ease;display:flex;flex-direction:column}.charity-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--teal-200)}.charity-card-img{position:relative;height:200px;overflow:hidden}.charity-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.charity-card:hover .charity-card-img img{transform:scale(1.06)}.charity-card-badge{position:absolute;top:14px;right:14px;background:var(--white);color:var(--teal-700);padding:4px 12px;border-radius:var(--r-full);font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.charity-card-body{padding:24px;flex:1;display:flex;flex-direction:column}.charity-card-logo{width:44px;height:44px;border-radius:var(--r-sm);background:var(--teal-50);border:1px solid var(--teal-100);overflow:hidden;margin-bottom:14px}.charity-card-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.charity-card-body h3{font-size:18px;font-weight:800;color:var(--neutral-900);margin-bottom:8px}.charity-card-body p{font-size:14px;color:var(--neutral-600);line-height:1.75;flex:1;margin-bottom:20px}.charity-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--neutral-100)}.charity-loc{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--neutral-500)}.cta-banner{margin:0 5% 80px;background:linear-gradient(135deg,var(--teal-800) 0%,var(--teal-600) 100%);border-radius:var(--r-xl);padding:64px 5%;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;position:relative}.cta-banner:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0d;top:-100px;left:-50px}.cta-text{position:relative}.cta-text h2{font-size:clamp(22px,3.5vw,34px);font-weight:900;color:var(--white);margin-bottom:10px}.cta-text p{font-size:15px;color:#ffffffb3;max-width:480px}.cta-btns{display:flex;gap:12px;position:relative;flex-wrap:wrap}.page-hero{background:linear-gradient(135deg,var(--teal-900),var(--teal-700));padding:72px 5%;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff0a;top:-150px;right:-80px}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;font-size:13px;color:#ffffff80}.breadcrumb a{color:var(--teal-300);cursor:pointer}.breadcrumb span{color:#ffffff4d}.page-hero h1{font-size:clamp(28px,5vw,46px);font-weight:900;color:var(--white);margin-bottom:16px}.page-hero p{max-width:660px;margin:0 auto;color:#ffffffb8;font-size:17px;line-height:1.85}.filter-bar{padding:36px 5% 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.filter-btn{padding:8px 20px;border-radius:var(--r-full);border:1.5px solid var(--neutral-200);background:var(--white);color:var(--neutral-600);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--teal-600);border-color:var(--teal-600);color:var(--white)}.charities-sec{padding:40px 5% 80px}.charities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:var(--container-max);margin:0 auto}.dashboard-wrapper{min-height:100vh}.dash-topbar{background:linear-gradient(135deg,var(--teal-900) 0%,var(--teal-700) 100%);padding:28px 5%;position:relative;overflow:hidden}.dash-topbar-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.dash-topbar-left{display:flex;align-items:center;gap:16px}.dash-topbar-icon{width:52px;height:52px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.dash-topbar h1{font-size:20px;font-weight:800;color:var(--white)}.dash-topbar p{font-size:13px;color:#fff9;margin-top:2px}.dash-topbar-date{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);padding:7px 16px;border-radius:var(--r-full);font-size:13px;color:#fffc;font-weight:600}.dash-body{max-width:var(--container-max);width:90%;margin:0 auto;padding:32px 0 60px}.dash-tabs{display:flex;gap:4px;background:var(--white);border-radius:var(--r-lg);border:1px solid var(--neutral-200);padding:6px;margin-bottom:28px;box-shadow:var(--shadow-sm);overflow-x:auto}.dash-tab{flex:1;min-width:120px;padding:11px 16px;border-radius:var(--r-md);font-size:14px;font-weight:700;color:var(--neutral-600);cursor:pointer;transition:all .2s;border:none;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.dash-tab:hover{background:var(--neutral-50);color:var(--neutral-900)}.dash-tab.active{background:var(--teal-600);color:var(--white);box-shadow:var(--shadow-teal)}.dash-tab .tab-badge{background:#ffffff40;padding:1px 7px;border-radius:99px;font-size:11px}.dash-tab:not(.active) .tab-badge{background:var(--teal-100);color:var(--teal-700)}.dash-section{display:none}.dash-section.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:24px 20px;box-shadow:var(--shadow-sm);transition:all .25s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%}.stat-card.teal:before{background:var(--teal-500)}.stat-card.gold:before{background:var(--gold-400)}.stat-card.green:before{background:#22c55e}.stat-card.red:before{background:#ef4444}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-icon{font-size:28px;margin-bottom:12px;display:block}.stat-card-val{font-size:32px;font-weight:900;color:var(--neutral-900);line-height:1;margin-bottom:6px}.stat-card-label{font-size:13px;color:var(--neutral-500);font-weight:600}.settings-wrapper{min-height:calc(100vh - 64px);padding-bottom:env(safe-area-inset-bottom,0)}.page-header{background:linear-gradient(135deg,var(--teal-900) 0%,var(--teal-700) 100%);padding:36px 5%;position:relative;overflow:hidden}.page-header-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;gap:20px;position:relative;z-index:1}.page-header-icon{width:56px;height:56px;background:#ffffff1f;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;border:1.5px solid rgba(255,255,255,.15)}.page-header h1{font-size:22px;font-weight:800;color:var(--white);margin-bottom:3px}.page-header p{font-size:14px;color:#fff9}.settings-layout{display:flex;gap:28px;max-width:var(--container-max);width:90%;margin:0 auto;padding:32px 0 80px}.settings-nav{width:240px;flex-shrink:0}.settings-nav-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--neutral-200);overflow:hidden;box-shadow:var(--shadow-sm);position:sticky;top:92px}.settings-nav-user{padding:20px;border-bottom:1px solid var(--neutral-100);text-align:center}.settings-nav-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--teal-600),var(--teal-400));color:var(--white);font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.settings-nav-user h3{font-size:16px;font-weight:700;color:var(--neutral-900)}.settings-nav-user p{font-size:12px;color:var(--neutral-500);margin-top:2px}.settings-nav-role{display:inline-block;background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-100);padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:700;margin-top:8px}.settings-nav-links{padding:8px 0}.nav-link-item{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;color:var(--neutral-600);cursor:pointer;transition:all .2s;border-right:3px solid transparent;border:none;background:transparent;width:100%;text-align:right;font-family:var(--font)}.nav-link-item:hover{background:var(--neutral-50);color:var(--neutral-900)}.nav-link-item.active{background:var(--teal-50);color:var(--teal-700);border-right:3px solid var(--teal-600)}.nav-link-item .n-icon{font-size:18px;width:22px;text-align:center;flex-shrink:0}.settings-content{flex:1;min-width:0}.settings-section{display:none}.settings-section.active{display:block}.section-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--neutral-200);padding:28px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.section-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--neutral-100)}.section-card-title{font-size:17px;font-weight:800;color:var(--neutral-900);display:flex;align-items:center;gap:10px}.donations-list{display:flex;flex-direction:column;gap:12px}.donation-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--r-md);border:1px solid var(--neutral-200);background:var(--neutral-50);transition:all .2s}.donation-item:hover{border-color:var(--teal-200);background:var(--teal-50)}.donation-icon{width:44px;height:44px;border-radius:12px;background:var(--teal-100);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.donation-info{flex:1}.donation-info h4{font-size:14px;font-weight:700;color:var(--neutral-900);margin-bottom:3px}.donation-info p{font-size:12px;color:var(--neutral-500)}.donation-status{padding:4px 12px;border-radius:var(--r-full);font-size:12px;font-weight:700;flex-shrink:0}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--neutral-200);transition:all .2s;cursor:pointer}.notif-item.unread{background:var(--teal-50);border-color:var(--teal-200)}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500);margin-top:6px;flex-shrink:0}.notif-dot.read{background:var(--neutral-300)}.notif-text h4{font-size:14px;font-weight:700;color:var(--neutral-900);margin-bottom:2px}.notif-text p{font-size:13px;color:var(--neutral-600);line-height:1.6}.notif-time{font-size:11px;color:var(--neutral-400);margin-top:4px;display:block}.danger-zone-wrapper{display:flex;flex-direction:column;gap:16px}.danger-card{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--r-lg);padding:20px 24px;display:flex;align-items:center;gap:16px}.danger-card--logout{background:#fff7ed;border-color:#fed7aa}.danger-card--delete{background:#fef2f2;border-color:#fecaca}.danger-card h3{font-size:15px;font-weight:800;color:#dc2626;margin-bottom:4px}.danger-card--logout h3{color:#ea580c}.danger-card p{font-size:13px;color:#7f1d1d;margin:0;line-height:1.6}.danger-card--logout p{color:#9a3412}.btn-danger{background:#dc2626;color:#fff;border:none;border-radius:var(--r-md);padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.btn-danger:hover{background:#b91c1c}.btn-danger--soft{background:#ea580c}.btn-danger--soft:hover{background:#c2410c}.chat-wrapper{min-height:100vh;display:flex;flex-direction:column;padding-top:64px}.chat-hero{background:linear-gradient(135deg,var(--teal-900) 0%,var(--teal-700) 60%,var(--teal-600) 100%);padding:36px 5% 28px;position:relative;overflow:hidden}.chat-hero-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;gap:20px;position:relative;z-index:1}.chat-hero-icon{width:60px;height:60px;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.chat-hero h1{font-size:22px;font-weight:800;color:var(--white);margin-bottom:4px}.chat-hero p{font-size:14px;color:#ffffffa6}.chat-main{flex:1;display:flex;max-width:var(--container-max);width:90%;margin:0 auto;gap:24px;padding:28px 0 100px}.chat-sidebar{width:260px;flex-shrink:0}.chat-box-wrap{flex:1;display:flex;flex-direction:column}.chat-messages{flex:1;background:var(--white);border-radius:var(--r-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);padding:28px;display:flex;flex-direction:column;gap:20px;min-height:460px;max-height:560px;overflow-y:auto;scroll-behavior:smooth}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:40px 20px}.chat-welcome-icon{font-size:56px;margin-bottom:20px}.chat-welcome h3{font-size:20px;font-weight:800;color:var(--neutral-900);margin-bottom:10px}.chat-welcome p{font-size:14px;color:var(--neutral-500);line-height:1.7;max-width:320px}.msg-row{display:flex;gap:12px;animation:fadeUp .3s ease}.msg-row.user{flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.msg-avatar.bot{background:var(--teal-50);border:1.5px solid var(--teal-200)}.msg-avatar.user{background:var(--teal-600);color:var(--white);font-size:14px;font-weight:700}.msg-bubble{max-width:75%;padding:14px 18px;border-radius:20px;font-size:14px;line-height:1.7}.msg-bubble.bot{background:var(--neutral-50);border:1px solid var(--neutral-200);color:var(--neutral-800);border-radius:20px 20px 20px 4px}.msg-bubble.user{background:var(--teal-600);color:var(--white);border-radius:20px 20px 4px}.chat-input-area{display:flex;gap:12px;margin-top:16px}.chat-input{flex:1;padding:14px 18px;border:1.5px solid var(--neutral-200);border-radius:var(--r-full);font-size:14px;font-family:var(--font);color:var(--neutral-800);background:var(--white);transition:all .2s}.admin-shell{--admin-bg: #f6f8fb;--admin-card: #ffffff;--admin-border: #e5eaf2;--admin-text: #0f172a;--admin-muted: #64748b;--admin-blue: #2563eb;--admin-blue-soft: #eff6ff;--admin-shadow: 0 18px 45px rgba(15, 23, 42, .08);background:var(--admin-bg);color:var(--admin-text);display:flex;direction:ltr;min-height:calc(100vh - 64px)}.admin-main{flex:1;min-width:0;margin-left:264px;transition:margin .22s ease}.admin-sidebar{position:fixed;inset:64px auto 0 0;z-index:60;width:264px;padding:16px;border-right:1px solid var(--admin-border);background:#ffffffeb;backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:16px;transition:width .22s ease,padding .22s ease}.admin-sidebar-brand{display:flex;align-items:center;gap:12px;height:48px}.admin-brand-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#2563eb,#0f172a);box-shadow:0 10px 24px #2563eb38;flex:0 0 auto}.admin-brand-copy{display:flex;flex-direction:column;line-height:1.2}.admin-brand-copy strong{font-size:15px;color:var(--admin-text)}.admin-brand-copy span{font-size:12px;color:var(--admin-muted)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:6px}.admin-nav-item{height:40px;border:0;border-radius:8px;background:transparent;color:var(--admin-muted);display:flex;align-items:center;gap:10px;padding:0 12px;font:700 14px/1 var(--font);cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.admin-nav-item i{font-size:18px;width:20px;text-align:center}.admin-nav-item:hover{background:#f1f5f9;color:var(--admin-text)}.admin-nav-item.active{background:var(--admin-blue-soft);color:var(--admin-blue);box-shadow:inset 3px 0 0 var(--admin-blue)}.admin-sidebar-foot{margin-top:auto;height:40px;border:1px solid var(--admin-border);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--admin-muted);font-size:12px;font-weight:700}.admin-health-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.admin-shell.is-collapsed .admin-sidebar{width:80px;padding:16px 12px}.admin-shell.is-collapsed .admin-main{margin-left:80px}.admin-shell.is-collapsed .admin-brand-copy,.admin-shell.is-collapsed .admin-nav-item span,.admin-shell.is-collapsed .admin-sidebar-foot span{display:none}.admin-shell.is-collapsed .admin-sidebar-brand,.admin-shell.is-collapsed .admin-nav-item,.admin-shell.is-collapsed .admin-sidebar-foot{justify-content:center;padding-inline:0}.admin-shell .dash-topbar{position:sticky;top:64px;z-index:50;background:#ffffffdb;backdrop-filter:blur(18px);border-bottom:1px solid var(--admin-border);padding:14px 24px;overflow:visible}.admin-shell .dash-topbar-inner{max-width:none;direction:rtl}.admin-shell .dash-topbar h1{color:var(--admin-text);font-size:18px;letter-spacing:0}.admin-shell .dash-topbar p{color:var(--admin-muted)}.admin-navbar-actions{display:flex;align-items:center;gap:10px;direction:ltr}.admin-icon-btn{width:40px;height:40px;border:1px solid var(--admin-border);border-radius:8px;background:#fff;color:var(--admin-muted);display:inline-grid;place-items:center;cursor:pointer;transition:all .18s ease;position:relative}.admin-icon-btn:hover{color:var(--admin-blue);border-color:#bfdbfe;background:var(--admin-blue-soft)}.admin-notification-dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid #fff}.admin-search{width:min(34vw,360px);height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--admin-border);border-radius:8px;background:#fff;color:var(--admin-muted);transition:border-color .18s ease,box-shadow .18s ease}.admin-search:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1a}.admin-search input{border:0;outline:0;width:100%;font:600 13px/1 var(--font);color:var(--admin-text);background:transparent}.admin-profile-menu{position:relative}.admin-profile-trigger{height:40px;border:1px solid var(--admin-border);border-radius:999px;background:#fff;display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;cursor:pointer}.admin-profile-trigger span{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#0f172a;color:#fff;font-weight:800}.admin-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;padding:8px;border:1px solid var(--admin-border);border-radius:8px;background:#fff;box-shadow:var(--admin-shadow);display:none;direction:rtl}.admin-profile-menu:hover .admin-profile-dropdown{display:grid;gap:4px}.admin-profile-dropdown strong{padding:8px 10px;font-size:13px;color:var(--admin-text)}.admin-profile-dropdown a{padding:8px 10px;border-radius:6px;color:var(--admin-muted);font-size:13px;font-weight:700}.admin-profile-dropdown a:hover{background:var(--admin-blue-soft);color:var(--admin-blue)}.admin-shell .dash-body{max-width:1440px;width:100%;padding:24px;direction:rtl}.admin-shell .stat-card,.admin-shell .dash-table-wrap,.admin-shell .dash-tabs,.admin-shell .admin-chart-card{background:var(--admin-card)!important;border:1px solid var(--admin-border)!important;border-radius:8px!important;box-shadow:0 1px 2px #0f172a0a!important}.admin-shell .stat-card:hover,.admin-shell .dash-table-wrap:hover,.admin-shell .admin-chart-card:hover{box-shadow:var(--admin-shadow)!important;transform:translateY(-1px)}.admin-shell .dash-tabs{padding:4px;margin-bottom:24px;border-radius:8px}.admin-shell .dash-tab{border-radius:6px;color:var(--admin-muted)}.admin-shell .dash-tab.active{background:#0f172a;color:#fff;box-shadow:none}.admin-shell .dash-table{border-collapse:separate;border-spacing:0}.admin-shell .dash-table th{background:#f8fafc;color:#64748b;font-size:12px;letter-spacing:0;padding:14px 16px}.admin-shell .dash-table td{padding:14px 16px;border-bottom:1px solid #eef2f7}.admin-shell .dash-table tbody tr:hover{background:#f8fbff}@media (max-width: 960px){.admin-sidebar{inset:auto 0 0;width:100%;height:72px;border-right:0;border-top:1px solid var(--admin-border);padding:8px 12px;flex-direction:row}.admin-main,.admin-shell.is-collapsed .admin-main{margin-left:0;padding-bottom:72px}.admin-sidebar-brand,.admin-sidebar-foot{display:none}.admin-sidebar-nav{width:100%;flex-direction:row;overflow-x:auto}.admin-nav-item{min-width:76px;height:54px;flex-direction:column;gap:4px;font-size:11px}.admin-nav-item.active{box-shadow:inset 0 3px 0 var(--admin-blue)}.admin-search{width:100%}.admin-navbar-actions{flex:1}}@media (max-width: 720px){.admin-shell .dash-topbar{top:64px;padding:12px}.admin-shell .dash-topbar-inner{align-items:flex-start;flex-direction:column}.admin-navbar-actions{width:100%;flex-wrap:wrap}.admin-search{order:3;flex-basis:100%}.admin-shell .dash-body{padding:16px 12px}.admin-shell .dash-body>div:first-child{grid-template-columns:1fr!important}.admin-shell .dash-table-wrap{overflow-x:auto}}.chat-input:focus{border-color:var(--teal-400);box-shadow:0 0 0 3px #5ec0cb26}.chat-send{width:48px;height:48px;border-radius:50%;background:var(--teal-600);color:var(--white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.chat-send:hover{background:var(--teal-700);transform:scale(1.05)}.chat-send:disabled{background:var(--neutral-300);cursor:not-allowed;transform:none}.sidebar-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--neutral-200);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.sidebar-card h4{font-size:13px;font-weight:700;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.suggestion-btn{display:flex;align-items:flex-start;gap:10px;width:100%;background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--r-md);padding:10px 12px;font-size:13px;color:var(--neutral-700);font-weight:500;cursor:pointer;margin-bottom:8px;text-align:right;transition:all .2s;line-height:1.5;font-family:var(--font)}.suggestion-btn:hover{border-color:var(--teal-400);background:var(--teal-50);color:var(--teal-700)}.contact-sec{padding:var(--section-pad)}.contact-wrap{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}.contact-info-side h2{font-size:26px;font-weight:800;color:var(--neutral-900);margin-bottom:10px}.contact-info-side p{font-size:15px;color:var(--neutral-600);line-height:1.8;margin-bottom:32px}.info-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--neutral-200);margin-bottom:14px;transition:all .25s}.info-item:hover{border-color:var(--teal-200);box-shadow:var(--shadow-md);transform:translate(-4px)}.info-icon{width:46px;height:46px;border-radius:var(--r-md);background:var(--teal-600);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px}.info-item h4{font-size:14px;font-weight:800;color:var(--neutral-800);margin-bottom:4px}.contact-form-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--r-xl);padding:40px;box-shadow:var(--shadow-md)}.contact-form-card h2{font-size:22px;font-weight:800;color:var(--neutral-900);margin-bottom:6px}.btn-submit{width:100%;padding:14px;background:var(--teal-600);color:var(--white);border:none;border-radius:var(--r-full);font-size:16px;font-weight:800;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font)}.btn-submit:hover{background:var(--teal-700);transform:translateY(-2px);box-shadow:var(--shadow-teal)}.success-msg{display:none;background:var(--teal-50);border:1px solid var(--teal-200);border-radius:var(--r-md);padding:16px;color:var(--teal-700);font-weight:700;font-size:15px;text-align:center;margin-top:16px}.success-msg.show{display:block}.goals-sec{padding:var(--section-pad)}.goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.goals-img{border-radius:var(--r-xl);overflow:hidden;position:relative}.goals-img img{width:100%;height:420px;object-fit:cover}.goals-list{display:flex;flex-direction:column;gap:20px}.goal-item{display:flex;gap:16px;align-items:flex-start}.goal-icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--teal-50);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:1.5px solid var(--teal-100)}.goal-item h4{font-size:16px;font-weight:800;color:var(--neutral-900);margin-bottom:4px}.goal-item p{font-size:14px;color:var(--neutral-600);line-height:1.75}.values-sec{padding:var(--section-pad);background:var(--neutral-50)}.values-header{text-align:center;margin-bottom:52px}.values-header .sec-sub{margin:0 auto}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:var(--container-max);margin:0 auto}.value-card{background:var(--white);border-radius:var(--r-lg);padding:28px 24px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);transition:all .3s}.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--teal-200)}.value-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--teal-600),var(--teal-400));display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}.value-card h3{font-size:17px;font-weight:800;color:var(--neutral-900);margin-bottom:10px}.value-card p{font-size:14px;color:var(--neutral-600);line-height:1.8}.team-sec{padding:96px 5%;background:radial-gradient(circle at 50% -20%,rgba(46,142,152,.08) 0%,transparent 60%);position:relative;overflow:hidden}.team-header{text-align:center;margin-bottom:64px}.team-header .sec-label{display:inline-block;padding:5px 12px;background:#2e8e9814;border:1px solid rgba(46,142,152,.15);border-radius:999px;font-size:13px;font-weight:700;color:var(--teal-600);margin-bottom:12px}.team-header .sec-title{font-size:clamp(24px,4vw,36px);font-weight:900;color:#fff;margin-bottom:12px}.team-header .sec-title span{color:var(--teal-600)}.team-header .sec-sub{font-size:14.5px;color:var(--neutral-500);max-width:580px;margin:0 auto;line-height:1.6}.pt-orbit-container{position:relative!important;width:960px!important;height:960px!important;margin:140px auto!important;display:block!important}.pt-orbit-ring{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:740px!important;height:740px!important;border:2px dashed rgba(14,201,127,.35)!important;border-radius:50%!important;z-index:1!important;pointer-events:none!important;transition:all .4s ease!important;box-shadow:0 0 40px #0ec97f0d!important}body.ap-light-theme .pt-orbit-ring{border-color:#26788040!important;box-shadow:0 0 30px #26788008!important}.pt-orbit-ring--outer{width:770px!important;height:770px!important;border:1px solid rgba(46,142,152,.06)!important;animation:pt-orbit-rotate 40s linear infinite!important}@keyframes pt-orbit-rotate{0%{transform:translate(-50%,-50%) rotate(0)!important}to{transform:translate(-50%,-50%) rotate(360deg)!important}}.pt-connector-lines{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important}.pt-connector-line{stroke:#0ec97f1f!important;stroke-width:1.5!important;stroke-dasharray:4 6!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}body.ap-light-theme .pt-connector-line{stroke:#2678801a!important}.pt-connector-line.active{stroke:var(--teal, #0ec97f)!important;stroke-width:2.5!important;stroke-dasharray:none!important;filter:drop-shadow(0 0 8px rgba(14,201,127,.8))!important}.pt-connector-line--uiux.active{stroke:#06b6d4!important;filter:drop-shadow(0 0 8px rgba(6,182,212,.8))!important}.pt-connector-line--fe.active{stroke:#0ec97f!important;filter:drop-shadow(0 0 8px rgba(14,201,127,.8))!important}.pt-connector-line--bridge.active{stroke:#3b82f6!important;filter:drop-shadow(0 0 8px rgba(59,130,246,.8))!important}.pt-connector-line--inter{stroke-dasharray:none!important;stroke-width:1.5!important;stroke:#0ec97f14!important;transition:all .5s ease-in-out!important}body.ap-light-theme .pt-connector-line--inter{stroke:#2678800f!important}.pt-center-member{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10!important;width:250px!important;transition:all .3s!important}.pt-satellite-member{position:absolute!important;top:50%!important;left:50%!important;z-index:5!important;width:170px!important;transition:z-index .3s,transform .4s cubic-bezier(.16,1,.3,1)!important}.pt-satellite-member:hover{z-index:20!important}.pt-satellite-member .pt-card-inner{padding:14px 10px!important}.pt-satellite-member .pt-avatar-wrap{width:68px!important;height:68px!important;margin-bottom:10px!important}.pt-satellite-member .pt-info h3{font-size:14px!important}.pt-satellite-member .pt-bio{font-size:11px!important;line-height:1.45!important;margin-bottom:10px!important}@media (max-width: 1100px){.pt-orbit-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important;width:100%!important;height:auto!important;margin:24px 0!important}.pt-orbit-ring,.pt-connector-lines{display:none!important}.pt-center-member{position:static!important;transform:none!important;grid-column:span 2!important;width:100%!important;max-width:400px!important;margin:0 auto 16px!important}.pt-satellite-member{position:static!important;transform:none!important;grid-column:span 1!important;width:100%!important}.pt-satellite-member .pt-card-inner{padding:24px 20px!important}.pt-satellite-member .pt-avatar-wrap{width:80px!important;height:80px!important;margin-bottom:16px!important}.pt-satellite-member .pt-info h3{font-size:15.5px!important}.pt-satellite-member .pt-bio{font-size:12.5px!important;line-height:1.6!important;margin-bottom:16px!important}}@media (max-width: 768px){.pt-orbit-container{grid-template-columns:1fr!important;gap:20px!important}.pt-center-member{grid-column:span 1!important}}.pt-card{position:relative;border-radius:24px;padding:1px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.04);transition:all .5s cubic-bezier(.16,1,.3,1);isolation:isolate;height:100%;display:flex;flex-direction:column}body.ap-light-theme .pt-card{background:linear-gradient(135deg,#0f172a08,#0f172a03);border-color:#0f172a0f}.pt-card-inner{position:relative;border-radius:23px;background:#0d121f;padding:28px 24px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;flex:1;box-sizing:border-box;transition:background .3s}body.ap-light-theme .pt-card-inner{background:#fff}.pt-glow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(14,201,127,.06) 0%,transparent 70%);filter:blur(28px);z-index:0;pointer-events:none;transition:all .5s ease;opacity:.5;top:-30px;left:50%;transform:translate(-50%)}.pt-card--lead .pt-glow{background:radial-gradient(circle,rgba(244,161,24,.12) 0%,transparent 70%);width:200px;height:200px;top:-40px}.pt-card--frontend .pt-glow{background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%)}.pt-card--lead{background:linear-gradient(135deg,#f4a11838,#0ec97f14);border:1px solid rgba(244,161,24,.25);box-shadow:0 12px 40px #f4a1180f}.pt-card--lead .pt-card-inner{background:linear-gradient(180deg,#0f1524,#0a0e18);padding:40px 28px}body.ap-light-theme .pt-card--lead{background:linear-gradient(135deg,#f4a1181f,#0ec97f0d);border-color:#f4a11833}body.ap-light-theme .pt-card--lead .pt-card-inner{background:linear-gradient(180deg,#fff,#f9fafb)}.pt-card:hover{transform:translateY(-8px)}.pt-card--lead:hover{box-shadow:0 24px 48px #f4a11826;border-color:#f4a11880}.pt-card--uiux:hover{box-shadow:0 20px 40px #0ec97f26;border-color:#0ec97f59}.pt-card--frontend:hover{box-shadow:0 20px 40px #3b82f626;border-color:#3b82f659}.pt-card:hover .pt-glow{opacity:1;transform:translate(-50%) scale(1.2)}.pt-avatar-wrap{position:relative;width:90px;height:90px;margin-bottom:20px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#0ec97f,#06b6d4);z-index:1;transition:all .3s}.pt-card--lead .pt-avatar-wrap{width:110px;height:110px;background:linear-gradient(135deg,#f4a118,#0ec97f);box-shadow:0 4px 16px #f4a11833}.pt-card--frontend .pt-avatar-wrap{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.pt-icon-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#111827;color:#0ec97f;font-size:30px;border:3px solid #0d121f;box-sizing:border-box;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}body.ap-light-theme .pt-icon-avatar{background:#f3f4f6;border-color:#fff}.pt-card--lead .pt-icon-avatar{color:#f4a118;font-size:38px;border-color:#0d121f}body.ap-light-theme .pt-card--lead .pt-icon-avatar{border-color:#fff}.pt-card--frontend .pt-icon-avatar{color:#3b82f6;font-size:28px}.pt-card:hover .pt-icon-avatar{transform:scale(1.08);box-shadow:0 0 20px currentColor}.pt-lead-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f4a118,#eab308);color:#0d121f;font-size:9.5px;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap;border:2px solid #0f1524;text-transform:uppercase;box-shadow:0 3px 8px #f4a1184d;letter-spacing:.5px}body.ap-light-theme .pt-lead-badge{border-color:#fff}.pt-info{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;z-index:1}.pt-info h3{font-size:16.5px;font-weight:800;color:#fff;margin:0 0 6px;transition:color .3s}body.ap-light-theme .pt-info h3{color:#0f172a}.pt-card--lead .pt-info h3{font-size:20px;color:#f4a118!important;text-shadow:0 0 12px rgba(244,161,24,.4)}body.ap-light-theme .pt-card--lead .pt-info h3{color:#d97706!important;text-shadow:none}.pt-role{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.pt-card--lead .pt-role{background:#f4a1181f;color:#f4a118;border:1px solid rgba(244,161,24,.2)}.pt-card--uiux .pt-role{background:#0ec97f1f;color:#0ec97f;border:1px solid rgba(14,201,127,.2)}.pt-card--frontend .pt-role{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.pt-bio{font-size:12.5px;color:#94a3b8;line-height:1.6;margin:0 0 16px;flex:1}body.ap-light-theme .pt-bio{color:#475569}.pt-card--lead .pt-bio{font-size:13.5px}.pt-social{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;width:100%}.pt-social a{width:34px;height:34px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}body.ap-light-theme .pt-social a{background:#0f172a05;border-color:#0f172a0f;color:#64748b}.pt-social a:hover{color:#fff!important;transform:scale(1.18) translateY(-3px)}.pt-social a.social-ln:hover{background:#0077b5;border-color:#0077b5;box-shadow:0 4px 12px #0077b559}.pt-social a.social-gh:hover{background:#24292e;border-color:#24292e;box-shadow:0 4px 12px #24292e59}.pt-social a.social-db:hover{background:#ea4c89;border-color:#ea4c89;box-shadow:0 4px 12px #ea4c8959}.pt-social a.social-web:hover{background:#267880;border-color:#267880;box-shadow:0 4px 12px #26788059}body:not(.ap-light-theme) .team-card-inner{background:#0d121f}body:not(.ap-light-theme) .team-info h3{color:#fff}body:not(.ap-light-theme) .team-bio{color:#94a3b8}body:not(.ap-light-theme) .team-social a{background:#ffffff08;border-color:#ffffff0f;color:#94a3b8}.team-header .sec-title{color:#fff}.ap-light-theme .team-header .sec-title,[data-theme=light] .team-header .sec-title{color:var(--neutral-900)!important}.notif-page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.notif-filter-tabs{display:flex;gap:6px}.notif-filter-tab{padding:7px 16px;border-radius:var(--r-full);font-size:13px;font-weight:600;border:1.5px solid var(--neutral-200);background:var(--white);color:var(--neutral-600);cursor:pointer;transition:all .2s}.notif-filter-tab:hover{border-color:var(--teal-400);color:var(--teal-600)}.notif-filter-tab.active{background:var(--teal-600);color:var(--white);border-color:var(--teal-600)}.notif-page-list{display:flex;flex-direction:column;gap:8px}.notif-page-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:var(--r-md);border:1px solid var(--neutral-200);background:var(--white);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s,background .2s;animation:notifSlideIn .25s ease both}.notif-page-item:hover{border-color:var(--teal-200);box-shadow:0 4px 16px #2e8e9814;transform:translateY(-1px)}.notif-page-item.unread{background:var(--teal-50);border-color:var(--teal-200)}.notif-page-content{flex:1;min-width:0}.notif-page-msg{font-size:14px;color:var(--neutral-800);line-height:1.6;margin-bottom:4px}.notif-page-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.notif-action-btn{display:flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:8px;border:1px solid var(--neutral-200);background:var(--white);font-size:12px;color:var(--neutral-500);cursor:pointer;transition:all .18s ease;gap:4px}.notif-action-btn:hover{background:var(--teal-50);color:var(--teal-600);border-color:var(--teal-300);transform:scale(1.04)}.notif-action-btn.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes notifDotPulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.8}}.notfound{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:var(--neutral-50)}.notfound h1{font-size:clamp(80px,15vw,140px);font-weight:900;color:var(--teal-600);line-height:1;margin-bottom:12px;opacity:.15}.notfound h2{font-size:clamp(20px,4vw,30px);font-weight:800;color:var(--neutral-800);margin-bottom:12px}.notfound p{font-size:16px;color:var(--neutral-600);margin-bottom:32px;max-width:400px}@media (max-width: 768px){.settings-layout{flex-direction:column;gap:16px;width:95%;padding:20px 0 60px}.settings-nav{width:100%}.settings-nav-card{position:static!important}.settings-nav-links{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.nav-link-item{padding:8px 12px;font-size:13px;border-radius:8px;flex:none;border-right:none!important}.nav-link-item.active{border-right:none!important;border-bottom:2px solid var(--teal-600)}.settings-nav-user{padding:16px}.settings-nav-avatar{width:48px;height:48px;font-size:20px}}@media (max-width: 480px){.danger-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.btn-danger{width:100%;text-align:center;display:flex;justify-content:center}.section-card{padding:16px}}.settings-section .form-grid{gap:16px}.settings-section .form-group{margin-bottom:0}.settings-section .form-group.form-full{grid-column:1 / -1}.settings-section .section-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.settings-section .section-card:hover{box-shadow:0 4px 20px #00000012}.settings-section .section-card-header{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--neutral-100);display:flex;align-items:center;justify-content:space-between}.settings-section .section-card-title{font-size:15px;font-weight:800;color:var(--neutral-900);display:flex;align-items:center;gap:8px}.settings-section input:not([type=checkbox]):not([type=radio]),.settings-section textarea{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--neutral-200);background:var(--white);color:var(--neutral-900);font-size:13.5px;font-family:inherit;transition:all .25s ease;outline:none}.settings-section input:not([type=checkbox]):not([type=radio]):focus,.settings-section textarea:focus{border-color:var(--teal-600);box-shadow:0 0 0 3px #2678801a}.settings-section input:disabled{opacity:.6;cursor:not-allowed;background:var(--neutral-100)}.settings-section label{font-size:12.5px;font-weight:700;color:var(--neutral-600);margin-bottom:5px;display:flex;align-items:center;gap:4px}.settings-section .btn-save{padding:11px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-800) 100%);color:#fff;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 10px #2678804d}.settings-section .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 16px #26788066}.settings-section .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.danger-zone-wrapper{display:flex;flex-direction:column;gap:14px}.danger-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;border:1px solid #fecaca;background:#fef2f2;transition:all .2s ease}.danger-card--logout{border-color:#fed7aa;background:#fff7ed}.danger-card--delete{border-color:#fecaca;background:#fef2f2}.danger-card-icon{font-size:28px;flex-shrink:0}.danger-card-body{flex:1}.danger-card-body h3{font-size:14px;font-weight:700;margin:0 0 4px;color:#dc2626}.danger-card--logout .danger-card-body h3{color:#ea580c}.danger-card-body p{font-size:12.5px;color:#7f1d1d;margin:0;line-height:1.5}.danger-card--logout .danger-card-body p{color:#9a3412}.btn-danger{padding:9px 20px;border-radius:10px;border:1.5px solid #ef4444;background:transparent;color:#ef4444;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.btn-danger:hover{background:#ef4444;color:#fff}.btn-danger--soft{border-color:#f59e0b;color:#f59e0b}.btn-danger--soft:hover{background:#f59e0b;color:#fff}.settings-nav-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:16px;padding:20px;position:sticky;top:90px}.settings-nav-avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-800) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin:0 auto 12px;box-shadow:0 3px 12px #26788040}.settings-nav-user h3{font-size:14px;font-weight:700;text-align:center;margin:0 0 4px;color:var(--neutral-900)}.settings-nav-user p{font-size:11.5px;text-align:center;margin:0 0 6px;color:var(--neutral-500)}.settings-nav-role{display:block;text-align:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-100);margin:0 auto 16px;width:fit-content}.nav-link-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:10px;border:none;background:transparent;color:var(--neutral-600);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.nav-link-item:hover{background:var(--teal-50);color:var(--teal-700)}.nav-link-item.active{background:var(--teal-50);color:var(--teal-700);font-weight:700;border-right:3px solid var(--teal-600)}.nav-link-item.danger{color:#ef4444}.nav-link-item.danger:hover{background:#fef2f2}.nav-link-item .n-icon{font-size:16px;width:20px;text-align:center}@media (max-width: 768px){.settings-layout{flex-direction:column}.settings-nav{width:100%}.settings-nav-card{position:static}.settings-content{width:100%}.form-grid{grid-template-columns:1fr}.danger-card{flex-direction:column;text-align:center}}.charity-card-body h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.charity-card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.charity-card-footer{flex-wrap:wrap;gap:8px}.charity-loc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;color:var(--neutral-500)}.charity-card{min-height:340px}.charities-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);border:1px solid var(--neutral-200)}.charities-table-wrap table{min-width:480px;width:100%;border-collapse:collapse}.charities-table-wrap th,.charities-table-wrap td{padding:12px 16px;text-align:right;font-size:13.5px;border-bottom:1px solid var(--neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media (max-width: 600px){.charity-card-body h3{font-size:15px}.charity-card-body p{font-size:13px;-webkit-line-clamp:2}.charity-card{min-height:unset}.charity-card-img{height:150px!important}}html body{--empty-surface: rgba(255, 255, 255, .03);--empty-border: rgba(255, 255, 255, .1);--empty-radius: 14px;--empty-min-h: 220px;--empty-min-h-fill: min(320px, calc(100dvh - 420px) );--empty-icon-size: 56px;--empty-glow: rgba(99, 102, 241, .08);--t1: #f1f5f9;--t2: #cbd5e1;--t3: #94a3b8;--t4: #64748b;--surface2: rgba(255, 255, 255, .06)}.ap-light-theme,.ap-light-theme body,body.ap-light-theme{--empty-surface: #f8fafc;--empty-border: #cbd5e1;--empty-glow: rgba(99, 102, 241, .06);--t1: #0f172a;--t2: #334155;--t3: #475569;--t4: #64748b;--surface2: #f1f5f9}@keyframes dsEmptyIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html body .ap-empty-host{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;box-sizing:border-box}html body .ap-empty-host--fill{flex:1 1 auto;min-height:0;align-self:stretch;overflow:visible;padding:0}html body .ap-table-empty-host{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;padding:24px 16px;box-sizing:border-box}html body .ap-empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-height:var(--empty-min-h)!important;margin:0!important;padding:40px 28px!important;box-sizing:border-box!important;text-align:center!important;border:1px solid var(--empty-border)!important;border-radius:var(--empty-radius)!important;background:var(--empty-surface)!important;position:relative!important;overflow:visible!important;animation:dsEmptyIn .35s cubic-bezier(.22,1,.36,1) both!important}html body .ap-empty-state:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 80% 60% at 50% 20%,var(--empty-glow) 0%,transparent 70%);pointer-events:none}html body .ap-empty-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;max-width:400px;margin:0 auto;position:relative;z-index:1}html body .ap-empty-state--fill{min-height:var(--empty-min-h-fill)!important;flex:1 1 auto!important}html body .ap-empty-state--compact{min-height:140px!important;padding:28px 20px!important}html body .ap-empty-state--compact:before{opacity:.6}html body .ap-empty-state--compact .ap-empty-icon-wrap{width:44px!important;height:44px!important;border-radius:12px!important;margin-bottom:12px!important}html body .ap-empty-state--compact .ap-empty-icon-wrap .ti{font-size:20px!important}html body .ap-empty-state--compact .ap-empty-title{font-size:13px!important}html body .ap-empty-state--compact .ap-empty-desc{font-size:12px!important}html body .ap-empty-icon-wrap{width:var(--empty-icon-size)!important;height:var(--empty-icon-size)!important;min-width:var(--empty-icon-size)!important;min-height:var(--empty-icon-size)!important;aspect-ratio:1 / 1;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 18px!important;flex-shrink:0!important;background:var(--surface2, rgba(255, 255, 255, .06))!important;border:1px solid var(--empty-border)!important;box-shadow:0 4px 24px #0000001f!important}html body .ap-empty-icon-wrap .ti,html body .ap-empty-icon-wrap i{font-size:26px!important;line-height:1!important;font-family:tabler-icons!important;font-style:normal!important;-webkit-font-smoothing:antialiased}html body .ap-empty-title{font-size:16px!important;font-weight:700!important;color:var(--t1, #f1f5f9)!important;margin:0 0 8px!important;letter-spacing:-.02em!important;line-height:1.35!important}html body .ap-empty-desc{font-size:13.5px!important;font-weight:500!important;color:var(--t3, #94a3b8)!important;line-height:1.65!important;margin:0!important;max-width:360px!important}html body .ap-empty-actions{margin-top:20px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important}html body .ap-empty-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:0 18px!important;border-radius:10px!important;border:1.5px solid transparent!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:background .15s,border-color .15s,transform .12s!important}html body .ap-empty-btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px #6366f159!important}html body .ap-empty-btn--primary{background:var(--ds-primary, #6366f1)!important;border-color:#6366f166!important;color:#fff!important}html body .ap-empty-btn--primary:hover{filter:brightness(1.08);transform:translateY(-1px)}html body .ap-empty-btn--neutral{background:var(--surface2, rgba(255, 255, 255, .06))!important;border-color:var(--empty-border)!important;color:var(--t2, #cbd5e1)!important}html body .sf-empty-reset-btn,html body .ap-empty-btn--danger{background:#dc2626!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 2px 12px #ef444459!important}html body .sf-empty-reset-btn:hover,html body .ap-empty-btn--danger:hover{background:#ef4444!important;border-color:#f87171!important;color:#fff!important;transform:translateY(-1px)}html body .sf-empty-reset-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:0 18px!important;border-radius:10px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;margin-top:0!important}.ap-light-theme .ap-empty-btn--neutral,body.ap-light-theme .ap-empty-btn--neutral{background:#fff!important;color:#475569!important}.ap-light-theme .sf-empty-reset-btn,body.ap-light-theme .sf-empty-reset-btn,.ap-light-theme .ap-empty-btn--danger,body.ap-light-theme .ap-empty-btn--danger{background:#dc2626!important;color:#fff!important;border-color:#b91c1c!important}html body .ap-empty-state--users{--empty-glow: rgba(34, 197, 94, .1)}html body .ap-empty-state--users .ap-empty-icon-wrap{border-color:#22c55e40!important}html body .ap-empty-state--users .ap-empty-icon-wrap .ti{color:#22c55e!important}html body .ap-empty-state--charities{--empty-glow: rgba(59, 130, 246, .1)}html body .ap-empty-state--charities .ap-empty-icon-wrap{border-color:#3b82f640!important}html body .ap-empty-state--charities .ap-empty-icon-wrap .ti{color:#3b82f6!important}html body .ap-empty-state--reports{--empty-glow: rgba(245, 158, 11, .1)}html body .ap-empty-state--reports .ap-empty-icon-wrap{border-color:#f59e0b40!important}html body .ap-empty-state--reports .ap-empty-icon-wrap .ti{color:#f59e0b!important}html body .ap-empty-state--donations{--empty-glow: rgba(236, 72, 153, .1)}html body .ap-empty-state--donations .ap-empty-icon-wrap{border-color:#ec489940!important}html body .ap-empty-state--donations .ap-empty-icon-wrap .ti{color:#ec4899!important}html body .ap-empty-state--search{--empty-glow: rgba(99, 102, 241, .12)}html body .ap-empty-state--search .ap-empty-icon-wrap{border-color:#6366f147!important}html body .ap-empty-state--search .ap-empty-icon-wrap .ti{color:#818cf8!important}html body .ap-empty-state--notifications{--empty-glow: rgba(99, 102, 241, .08)}html body .ap-empty-state--notifications .ap-empty-icon-wrap .ti{color:#94a3b8!important}html body .ap-empty-state--analytics .ap-empty-icon-wrap .ti{color:#64748b!important}html body .ap-empty-state--error{--empty-glow: rgba(239, 68, 68, .1)}html body .ap-empty-state--error .ap-empty-icon-wrap{border-color:#ef44444d!important}html body .ap-empty-state--error .ap-empty-icon-wrap .ti{color:#f87171!important}html body .ap-empty-state--happy .ap-empty-icon-wrap .ti{color:#22c55e!important}html body .ap-layout .ap-tab-pane{display:flex;flex-direction:column;min-height:0;gap:12px;width:100%}html body .ap-layout .ap-tab-pane--filter-empty,html body .ap-layout .ap-tab-pane--data-empty{flex:1 1 auto;min-height:0;overflow:visible!important}html body .ap-layout .ap-content:has(.ap-tab-pane--filter-empty),html body .ap-layout .ap-content:has(.ap-tab-pane--data-empty){overflow-x:hidden!important;overflow-y:auto!important}html body .ap-layout .ap-tab-pane--filter-empty .ap-section-header--filters,html body .ap-layout .ap-tab-pane--data-empty .ap-section-header--filters{flex-shrink:0}@media (max-width: 768px){html body{--empty-min-h-fill: auto;--empty-min-h: 160px}html body .ap-empty-state{padding:28px 16px!important;min-height:160px!important}html body .ap-empty-state--fill{flex:0 1 auto!important;min-height:0!important;max-height:none!important}html body .ap-empty-host--fill,html body .ap-layout .ap-tab-pane--filter-empty,html body .ap-layout .ap-tab-pane--data-empty{flex:0 1 auto!important;min-height:0!important}html body .ap-layout .ap-content:has(.ap-tab-pane--filter-empty),html body .ap-layout .ap-content:has(.ap-tab-pane--data-empty){overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}html body .ap-empty-btn,html body .sf-empty-reset-btn{width:100%;max-width:280px}}html body .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:200px;width:100%;box-sizing:border-box}html body .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.85}html body .empty-state p{font-size:15px;font-weight:600;color:var(--neutral-500, #64748b);margin:0;max-width:320px;line-height:1.6}html body .ch-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;padding:48px 24px;width:100%;border:1px solid var(--empty-border);border-radius:var(--empty-radius);background:var(--empty-surface);animation:dsEmptyIn .35s ease both}html body .ch-empty__icon-wrap{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:var(--surface2, rgba(255, 255, 255, .06));border:1px solid var(--empty-border)}html body .ch-empty__title{font-size:16px;font-weight:700;color:var(--t1, #0f172a);margin:0 0 8px}html body .ch-empty__sub{font-size:13.5px;color:var(--t3, #64748b);margin:0 0 16px;max-width:360px;line-height:1.6}html body .ch-retry-btn{min-height:40px;padding:0 18px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;border:1.5px solid var(--ds-primary, #6366f1);background:var(--ds-primary, #6366f1);color:#fff}html body .ap-cron-log-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 16px;min-height:80px;color:var(--t3);font-size:13px;border-radius:var(--radius-sm, 8px);border:1px dashed var(--empty-border);background:var(--empty-surface)}html body .ap-cron-log-empty .ti{font-size:18px;opacity:.8}.ap-light-theme .ap-empty-title,body.ap-light-theme .ap-empty-title,.ap-light-theme .ch-empty__title,body.ap-light-theme .ch-empty__title{color:#0f172a!important}.ap-light-theme .ap-empty-desc,body.ap-light-theme .ap-empty-desc,.ap-light-theme .ch-empty__sub,body.ap-light-theme .ch-empty__sub{color:#64748b!important}.ap-light-theme .ap-empty-icon-wrap,body.ap-light-theme .ap-empty-icon-wrap,.ap-light-theme .ch-empty__icon-wrap,body.ap-light-theme .ch-empty__icon-wrap{background:#fff!important;border-color:#e2e8f0!important}html body .page-empty-host{display:flex;align-items:center;justify-content:center;width:100%;min-height:min(360px,calc(100dvh - 220px));padding:32px 20px;box-sizing:border-box;overflow:hidden}html body .settings-empty-host{display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;padding:40px 20px;box-sizing:border-box}html body .settings-empty-host--tall{min-height:min(420px,calc(100dvh - 160px))}html body .ap-empty-host,html body .ap-empty-host--fill,html body .ap-empty-state{pointer-events:none!important}html body .ap-empty-body,html body .ap-empty-body *{pointer-events:auto!important}html body #root .ap-empty-icon-wrap,html body .ap-empty-icon-wrap{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;top:0!important;left:0!important;transform:none!important;margin:0 auto 16px!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important;border-radius:18px!important;flex-shrink:0!important;box-shadow:0 4px 12px #0000000f!important;background:var(--surface2, rgba(255, 255, 255, .05))!important;border:1.5px solid var(--border2, rgba(255, 255, 255, .1))!important}.ap-light-theme #root .ap-empty-icon-wrap,body.ap-light-theme #root .ap-empty-icon-wrap,.ap-light-theme .ap-empty-icon-wrap,body.ap-light-theme .ap-empty-icon-wrap{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 12px #0a16280d!important}html body #root .ap-empty-icon-wrap i,html body #root .ap-empty-icon-wrap .ti,html body .ap-empty-icon-wrap i,html body .ap-empty-icon-wrap .ti{display:flex!important;align-items:center!important;justify-content:center!important;font-size:26px!important;line-height:1!important;margin:0!important;padding:0!important;height:auto!important;width:auto!important;position:static!important;transform:none!important}@media (max-width: 768px){html body #root .ap-empty-icon-wrap,html body .ap-empty-icon-wrap{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;border-radius:14px!important;margin-bottom:12px!important}html body #root .ap-empty-icon-wrap i,html body #root .ap-empty-icon-wrap .ti,html body .ap-empty-icon-wrap i,html body .ap-empty-icon-wrap .ti{font-size:22px!important}}@media (max-width: 960px){:root{--section-pad: 72px 5%}.nav-links,.nav-actions{display:none}.nav-ham{display:flex}.footer-body{gap:20px}.footer-brand{flex:0 0 100%}.hero-inner{grid-template-columns:1fr;text-align:center;gap:40px}.hero-desc{margin:0 auto 36px}.hero-btns,.hero-stats{justify-content:center}.hero-visual{display:none}.how-steps,.stats-inner{grid-template-columns:1fr}.stat-item:after{display:none}.charity-cards,.charities-grid,.stats-grid{grid-template-columns:1fr 1fr}.cta-banner{flex-direction:column;text-align:center;padding:48px 6%}.cta-btns{justify-content:center}.contact-wrap,.goals-grid{grid-template-columns:1fr}.values-grid,.team-grid{grid-template-columns:1fr 1fr}.settings-layout{flex-direction:column;padding-bottom:100px}.settings-nav{width:100%}.settings-nav-card{position:static}.settings-nav-links{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.nav-link-item{width:auto;padding:8px 14px;border-radius:8px;border-right:none!important}.nav-link-item.active{border-right:none!important;border-bottom:2px solid var(--teal-600)!important}.chat-main{flex-direction:column}.chat-sidebar{width:100%}.chat-messages{max-height:400px}}@media (max-width: 600px){:root{--section-pad: 60px 5%}.footer-body{gap:20px}.footer-brand{flex:0 0 100%}.footer-bottom{flex-direction:column;text-align:center}.charity-cards,.charities-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card-val{font-size:26px}.values-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.form-row,.form-grid{grid-template-columns:1fr}.role-picker{grid-template-columns:1fr 1fr}.contact-form-card{padding:24px}.otp-wrap{gap:6px}.otp-digit{width:40px;height:50px;font-size:18px}}@media (min-width: 1280px){:root{--container-max: 1180px;--section-pad: 112px 5%}.charity-cards,.charities-grid{grid-template-columns:repeat(3,1fr)}.footer-body{max-width:1180px}}@media (max-width: 480px){:root{--section-pad: 48px 4%}.nav-inner{width:94%}.hero-title{font-size:clamp(26px,8vw,36px)}.hero-desc{font-size:15px}.hero-stats{flex-direction:column;gap:16px}.how-steps{grid-template-columns:1fr;gap:24px}.role-picker{grid-template-columns:1fr}.footer-body{padding:20px 14px 12px;gap:20px}.footer-bottom{padding:10px;gap:6px}.otp-wrap{gap:4px}.otp-digit{width:36px;height:46px;font-size:16px}.nav-ai-label{display:none}}@media (max-height: 500px) and (orientation: landscape){.hero{min-height:auto;padding:60px 0}.mobile-nav{max-height:80vh;overflow-y:auto}}@media (max-width: 600px){body{overflow-x:hidden}.hero-inner{padding:60px 0}.step-card{padding:24px 18px}.charity-card-img{height:160px}}:root,body,.ap-layout{--teal: #3b82f6 !important;--teal2: #60a5fa !important;--teal-dim: rgba(59, 130, 246, .1) !important;--teal-glow: rgba(59, 130, 246, .2) !important;--brand-blue: #3b82f6 !important}::selection{background:#3b82f6!important;color:#fff!important}::-webkit-selection{background:#3b82f6!important;color:#fff!important}::-moz-selection{background:#3b82f6!important;color:#fff!important}