.user-portal{--color-primary-donatur:#0D9488;--color-primary-dark-donatur:#0F766E;--color-primary-light-donatur:#99F6E4;--bg-light-donatur:#F0FDF9;--bg-dark-donatur:#111827;--bg-surface-light-donatur:#FFFFFF;--bg-surface-dark-donatur:#1F2937;--text-primary-donatur:#1F2937;--text-secondary-donatur:#6B7280;--text-muted-donatur:#9CA3AF}.user-portal .bg-background-light{background-color:var(--bg-light-donatur)}.user-portal .bg-background-dark{background-color:var(--bg-dark-donatur)}.user-portal header{background-color:#FFFFFF;border-bottom:1px solid #f3f4f6}.user-portal .logo-container{width:2rem;height:2rem;background-color:#0D9488;border-radius:.5rem;box-shadow:0 10px 25px -5px rgba(13,148,136,.2)}.user-portal .brand-text{font-weight:900;color:#111827;letter-spacing:-.025em;font-size:1.125rem}.user-portal .bottom-nav{background-color:rgba(255,255,255,.8);backdrop-filter:blur(24px);border-top:1px solid #f3f4f6;box-shadow:0 -10px 30px rgba(0,0,0,.03)}.user-portal .nav-item-active{color:#0D9488}.user-portal .nav-item-inactive{color:#9CA3AF}.user-portal .nav-indicator{width:2rem;height:.25rem;background-color:#0D9488;border-radius:9999px}.user-portal .btn-primary{background-color:#0D9488;color:white;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;transition:all .2s}.user-portal .btn-primary:hover{background-color:#0F766E;transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(13,148,136,.3)}.user-portal .card{background-color:white;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.user-portal .card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.1);transition:all .3s}.user-portal .campaign-card{background:white;border-radius:1rem;overflow:hidden;transition:all .3s}.user-portal .campaign-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(0,0,0,.15)}.user-portal .campaign-badge{background-color:#0D9488;color:white;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.user-portal .progress-bar{background-color:#E5E7EB;height:.5rem;border-radius:9999px;overflow:hidden}.user-portal .progress-fill{background:linear-gradient(90deg,#0D9488,#14B8A6);height:100%;border-radius:9999px;transition:width .5s ease}.user-portal .stat-card{background:linear-gradient(135deg,#F0FDF9,#FFFFFF);border:1px solid #d1fae5;border-radius:1rem;padding:1.25rem}.user-portal .stat-number{font-size:2rem;font-weight:900;color:#0D9488;line-height:1}.user-portal .stat-label{font-size:.875rem;color:#6B7280;font-weight:600;margin-top:.5rem}.user-portal .arabic-text{font-family:Lateef,serif;text-align:right;direction:rtl;line-height:2}.user-portal .ayat-card{background:linear-gradient(135deg,#F0FDF9,#ECFDF5);border-left:4px solid #0d9488;padding:1.5rem;border-radius:.75rem;margin:1rem 0}@keyframes scale-in-center{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.user-portal .scale-in-center{animation:scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-from-top{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.user-portal .slide-in-from-top-1{animation:slide-in-from-top .3s ease-out}.user-portal .badge-success{background-color:#D1FAE5;color:#065F46}.user-portal .badge-pending,.user-portal .badge-success{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.user-portal .badge-pending{background-color:#FEF3C7;color:#92400E}.user-portal .badge-failed{background-color:#FEE2E2;color:#991B1B;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.user-portal input[type=email],.user-portal input[type=number],.user-portal input[type=password],.user-portal input[type=text],.user-portal select,.user-portal textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;transition:all .2s}.user-portal input:focus,.user-portal select:focus,.user-portal textarea:focus{outline:none}.user-portal .avatar{width:2rem;height:2rem;border-radius:9999px;background-color:#F3F4F6;border:2px solid #e5e7eb;overflow:hidden}.user-portal .avatar img{width:100%;height:100%;object-fit:cover}.user-portal .notification-badge{width:.5rem;height:.5rem;background-color:#EF4444;border-radius:9999px;border:2px solid white}.user-portal .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.user-portal .scrollbar-hide::-webkit-scrollbar{display:none}.user-portal .scrollbar-custom{scrollbar-width:thin;scrollbar-color:var(--color-primary-donatur) transparent}.user-portal .scrollbar-custom::-webkit-scrollbar{width:4px}.user-portal .scrollbar-custom::-webkit-scrollbar-track{background:transparent}.user-portal .scrollbar-custom::-webkit-scrollbar-thumb{background-color:var(--color-primary-donatur);border-radius:20px}