@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";
:root{--primary:#00b8a8;--primary-dark:#00998c;--primary-glow:#00b8a84d;--secondary:#1e479f;--accent:#00cfe6;--success:#21c45d;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f1729;--text-muted:#65758b;--border:#e1e7ef;--glass-bg:#ffffffbf;--glass-border:#ffffff80;--radius-sm:8px;--radius-md:18px;--radius-lg:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 20px 50px #0000001f;--shadow-primary:0 15px 35px -5px #00b8a840;--gradient-brand:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);--gradient-surface:linear-gradient(180deg,#fff0 0%,#fffc 100%);--font-arabic:"Almarai",sans-serif;scroll-behavior:smooth}[data-theme=dark]{--bg-main:#05080f;--bg-card:#090e1a;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#1d283a;--glass-bg:#0f172acc;--glass-border:#ffffff0d;--shadow-md:0 8px 30px #0000004d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}a,button{transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none!important}body{font-family:var(--font-arabic);background:var(--bg-main);color:var(--text-main);line-height:1.6;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.container{width:min(100% - 40px,1200px);margin-inline:auto}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1}h2{font-size:clamp(2rem,5vw,3rem);font-weight:800}.gradient-text{background:linear-gradient(135deg,var(--primary),#b447eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.nav-wrapper{z-index:1000;padding:1.5rem 0;transition:padding .3s;position:fixed;top:0;left:0;right:0}.nav-wrapper.scrolled{padding:.75rem 0}.nav-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.8rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 15px 30px -5px var(--primary-glow);background:var(--primary-dark);transform:translateY(-3px)scale(1.02)}.btn-ghost{color:var(--text-main);border:2px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--border);border-color:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-glow);transform:translateY(-10px)}.input-field{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-main);width:100%;color:var(--text-main);padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.stepper-container{width:100%;margin-bottom:3.5rem}.stepper{justify-content:space-between;align-items:flex-start;max-width:800px;margin:0 auto;display:flex;position:relative}.stepper:before{content:"";background:var(--border);z-index:1;height:2px;position:absolute;top:25px;left:12%;right:12%}.stepper-progress{background:var(--primary);z-index:1;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:25px;right:12%}.step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{background:var(--bg-card);border:4px solid var(--border);width:50px;height:50px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:800;transition:all .4s;display:flex}.step.active .step-circle{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 6px var(--primary-glow);transform:scale(1.1)}.step.completed .step-circle{background:var(--primary);border-color:var(--primary);color:#fff}.step-label{color:var(--text-muted);margin-top:1rem;font-size:.95rem;font-weight:700;transition:color .4s}.step.active .step-label{color:var(--primary)}.step.completed .step-label{color:var(--text-main)}@keyframes stepPulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}to{box-shadow:0 0 0 12px #0000}}.step.active .step-circle{animation:2s infinite stepPulse}.blob{background:linear-gradient(135deg,var(--primary-glow),transparent);filter:blur(80px);z-index:-1;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.grid-modern{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.theme-switch-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.theme-switch-track{background:var(--border);border-radius:var(--radius-full);border:1px solid var(--glass-border);align-items:center;width:58px;height:30px;padding:3px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:inset 0 2px 4px #0000000d}[data-theme=dark] .theme-switch-track{background:var(--primary);border-color:var(--primary-glow)}.theme-switch-thumb{width:22px;height:22px;box-shadow:var(--shadow-sm);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative}[dir=ltr] [data-theme=light] .theme-switch-thumb{transform:translate(0)}[dir=ltr] [data-theme=dark] .theme-switch-thumb{transform:translate(28px)}[dir=rtl] [data-theme=light] .theme-switch-thumb{transform:translate(0)}[dir=rtl] [data-theme=dark] .theme-switch-thumb{transform:translate(-28px)}.theme-switch-icons{opacity:.6;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:0 8px;font-size:11px;display:flex;position:absolute;left:0}.user-menu-container{display:inline-block;position:relative}.user-avatar-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:5px 12px 5px 6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.user-avatar-btn:hover{border-color:var(--primary);background:var(--bg-main);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.user-avatar-btn.active{background:var(--bg-main);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.avatar-content{background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000001a}.user-img{object-fit:cover;width:100%;height:100%}.avatar-info-mini{align-items:center;gap:6px;display:flex}.mini-name{color:var(--text-main);font-size:.9rem;font-weight:700}.chevron-icon{color:var(--text-muted);transition:transform .3s}.chevron-icon.rotate{color:var(--primary);transform:rotate(180deg)}.user-dropdown{top:calc(100% + 12px);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);width:300px;box-shadow:var(--shadow-lg);z-index:1001;border:1px solid var(--glass-border);border-radius:24px;display:none;position:absolute;inset-inline-end:0;overflow:hidden}.user-dropdown.show{animation:.3s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:block}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.user-dropdown-header{background:linear-gradient(to bottom,var(--bg-main),transparent);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:24px;display:flex}.header-avatar{background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 12px #3b82f64d}.header-info{flex-direction:column;gap:2px;display:flex}.user-info-name{color:var(--text-main);font-size:1.1rem;font-weight:800;line-height:1.2}.user-info-email{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.user-badge{background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-full);width:fit-content;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.user-dropdown-body{padding:12px}.user-dropdown-item{color:var(--text-main);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-weight:600;transition:all .2s;display:flex}.item-icon-wrapper{background:var(--bg-main);width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.user-dropdown-item:hover{background:var(--bg-main);color:var(--primary)}.user-dropdown-item:hover .item-icon-wrapper{color:var(--primary);background:#fff;box-shadow:0 2px 6px #0000000d}.user-dropdown-footer{border-top:1px solid var(--border);background:#ffffff05;padding:12px}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-weight:700;transition:all .2s;display:flex}.logout-btn:hover{background:#fef2f2}[data-theme=dark] .logout-btn:hover{background:#ef43431a}.profile-grid{z-index:2;grid-template-columns:320px 1fr;gap:40px;display:grid;position:relative}.profile-header-banner{background:linear-gradient(135deg,var(--primary),#4f46e5);border-radius:32px 32px 0 0;height:200px;position:relative;overflow:hidden}.profile-header-banner:before{content:"";opacity:.2;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2v-4h4v-2h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2v-4h4v-2H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.profile-card-left{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;margin-top:-60px;padding:32px}.profile-avatar-large{background:var(--bg-card);width:120px;height:120px;color:var(--primary);border:6px solid var(--bg-card);border-radius:32px;justify-content:center;align-items:center;margin:0 auto 24px;font-size:3rem;font-weight:800;display:flex;position:relative;box-shadow:0 8px 24px #0000001a}.profile-avatar-large:after{content:"";background:linear-gradient(135deg,var(--primary),#4f46e5);border-radius:inherit;z-index:-1;position:absolute;inset:-6px}.profile-nav-tabs{background:var(--bg-main);border:1px solid var(--border);border-radius:16px;gap:8px;width:fit-content;margin-bottom:32px;padding:6px;display:flex}.profile-tab{cursor:pointer;color:var(--text-muted);border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;transition:all .3s;display:flex}.profile-tab:hover{color:var(--primary);background:#2463eb0d}.profile-tab.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}[data-theme=dark] .profile-tab.active{background:var(--bg-card)}.completeness-container{border-top:1px solid var(--border);text-align:start;margin-top:32px;padding-top:24px}.completeness-label{justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.completeness-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.completeness-fill{background:linear-gradient(to right,var(--primary),#4f46e5);height:100%;transition:width 1s ease-out}.profile-stat-item{background:var(--bg-main);border-radius:16px;align-items:center;gap:12px;padding:12px;transition:transform .2s;display:flex}.profile-stat-item:hover{transform:scale(1.02)}.stat-icon{width:40px;height:40px;color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex}[data-theme=dark] .stat-icon{background:var(--bg-card)}@media (max-width:992px){.profile-grid{grid-template-columns:1fr}.profile-card-left{margin-top:-40px}}.denied-container{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.denied-blob-1{filter:blur(100px);z-index:0;background:radial-gradient(circle,#e61a3c26,#0000);width:600px;height:600px;position:absolute;top:-10%;left:-10%}.denied-blob-2{filter:blur(100px);z-index:0;background:radial-gradient(circle,#1a5ee61a,#0000);width:600px;height:600px;position:absolute;bottom:-10%;right:-10%}.denied-card{z-index:10;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:550px;box-shadow:var(--shadow-lg);border-radius:40px;flex-direction:column;align-items:center;padding:60px 40px;display:flex;position:relative}.denied-icon-glow{color:#ef4444;background:#e61a3c1a;border-radius:30px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:30px;font-size:3rem;display:flex;box-shadow:0 20px 40px -10px #e61a3c4d}.denied-title{background:linear-gradient(135deg,#ef4444,#f87171);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:800}.auth-page-wrapper{background:var(--bg-main);grid-template-columns:1.2fr 1fr;min-height:100vh;display:grid;overflow:hidden}.auth-sidebar{background:var(--primary);background:linear-gradient(135deg,var(--primary)0%,#1e40af 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:80px;display:flex;position:relative;overflow:hidden}.auth-sidebar:before{content:"";filter:blur(80px);background:#ffffff1a;border-radius:50%;width:500px;height:500px;position:absolute;top:-20%;right:-20%}.sidebar-content{z-index:10;position:relative}.auth-form-container{background:var(--bg-main);justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.auth-card{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow-lg);z-index:2;border-radius:32px;padding:48px;position:relative}.auth-header{text-align:flex-start;margin-bottom:32px}.auth-title{letter-spacing:-.02em;margin-bottom:8px;font-size:2.25rem;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:1.1rem}.social-login-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:.875rem;font-weight:700;transition:all .2s;display:flex}.social-login-.btn-ghost:hover{background:var(--bg-main);border-color:var(--primary);transform:translateY(-2px)}@keyframes pulse-primary{0%{box-shadow:0 0 #00b8a866}70%{box-shadow:0 0 0 10px #00b8a800}to{box-shadow:0 0 #00b8a800}}.btn-pulse{border:1px solid var(--primary);background:var(--primary-glow);border-radius:var(--radius-full);font-weight:800;animation:2s infinite pulse-primary;color:var(--primary)!important}.card-glass,.card{border-radius:var(--radius-lg)}.section-label{background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:800;display:inline-block}.auth-divider{color:var(--text-muted);align-items:center;gap:16px;margin-bottom:24px;font-size:.85rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}@media (max-width:1024px){.auth-page-wrapper{grid-template-columns:1fr}.auth-sidebar{display:none}}.spinner{border:4px solid var(--primary-glow);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-loader}@keyframes spin-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:32px;width:100%;max-width:500px;padding:48px;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #00000040}[data-theme=dark] .modal-content{background:#1a202c;border:1px solid #ffffff1a}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-icon-circle{border-radius:35px;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 32px;display:flex;position:relative}.modal-icon-circle.confirm{background:var(--primary-glow);color:var(--primary)}.modal-icon-circle.success{color:#16a34a;background:#f0fdf4}.modal-icon-circle.error{color:#ef4444;background:#fef2f2}.modal-title{color:var(--text-main);margin-bottom:16px;font-size:2rem;font-weight:900}.modal-description{color:var(--text-muted);margin-bottom:40px;font-size:1.15rem;line-height:1.6}.modal-footer{justify-content:center;gap:16px;display:flex}.modal-footer .btn{min-width:140px;padding:1rem 2.5rem;font-size:1rem}