.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:#fff;--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:#fff;border-bottom:1px solid #f3f4f6}.user-portal .logo-container{background-color:#0d9488;border-radius:.5rem;width:2rem;height:2rem;box-shadow:0 10px 25px -5px #0d948833}.user-portal .brand-text{color:#111827;letter-spacing:-.025em;font-size:1.125rem;font-weight:900}.user-portal .bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#fffc;border-top:1px solid #f3f4f6;box-shadow:0 -10px 30px #00000008}.user-portal .nav-item-active{color:#0d9488}.user-portal .nav-item-inactive{color:#9ca3af}.user-portal .nav-indicator{background-color:#0d9488;border-radius:9999px;width:2rem;height:.25rem}.user-portal .btn-primary{color:#fff;background-color:#0d9488;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s}.user-portal .btn-primary:hover{background-color:#0f766e;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0d94884d}.user-portal .card{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.user-portal .card:hover{transition:all .3s;box-shadow:0 10px 25px -5px #0000001a}.user-portal .campaign-card{background:#fff;border-radius:1rem;transition:all .3s;overflow:hidden}.user-portal .campaign-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000026}.user-portal .campaign-badge{color:#fff;background-color:#0d9488;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.user-portal .progress-bar{background-color:#e5e7eb;border-radius:9999px;height:.5rem;overflow:hidden}.user-portal .progress-fill{background:linear-gradient(90deg,#0d9488 0%,#14b8a6 100%);border-radius:9999px;height:100%;transition:width .5s}.user-portal .stat-card{background:linear-gradient(135deg,#f0fdf9 0%,#fff 100%);border:1px solid #d1fae5;border-radius:1rem;padding:1.25rem}.user-portal .stat-number{color:#0d9488;font-size:2rem;font-weight:900;line-height:1}.user-portal .stat-label{color:#6b7280;margin-top:.5rem;font-size:.875rem;font-weight:600}.user-portal .arabic-text{text-align:right;direction:rtl;font-family:Lateef,serif;line-height:2}.user-portal .ayat-card{background:linear-gradient(135deg,#f0fdf9 0%,#ecfdf5 100%);border-left:4px solid #0d9488;border-radius:.75rem;margin:1rem 0;padding:1.5rem}@keyframes scale-in-center{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-portal .scale-in-center{animation:.3s cubic-bezier(.25,.46,.45,.94) both scale-in-center}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-portal .slide-in-from-top-1{animation:.3s ease-out slide-in-from-top}.user-portal .badge-success{color:#065f46;background-color:#d1fae5;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.user-portal .badge-pending{color:#92400e;background-color:#fef3c7;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.user-portal .badge-failed{color:#991b1b;background-color:#fee2e2;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.user-portal input[type=text],.user-portal input[type=email],.user-portal input[type=password],.user-portal input[type=number],.user-portal textarea,.user-portal select{border:1px solid #e5e7eb;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.user-portal input:focus,.user-portal textarea:focus,.user-portal select:focus{outline:none}.user-portal .avatar{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:9999px;width:2rem;height:2rem;overflow:hidden}.user-portal .avatar img{object-fit:cover;width:100%;height:100%}.user-portal .notification-badge{background-color:#ef4444;border:2px solid #fff;border-radius:9999px;width:.5rem;height:.5rem}.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:0 0}.user-portal .scrollbar-custom::-webkit-scrollbar-thumb{background-color:var(--color-primary-donatur);border-radius:20px}