@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap";:root{--gold: #D4AF37;--gold-light: #F4E4C1;--gold-dark: #B8941F;--bg: #000000;--bg-card: #111111;--card-border: rgba(212, 175, 55, .15);--text: #ffffff;--text-muted: #999;--danger: #e74c3c}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Tajawal,sans-serif;background:#000;color:var(--text);direction:rtl;overflow-x:hidden;min-height:100vh}#root{min-height:100vh}.main-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 24px;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,.1)}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-left a{display:flex;align-items:center}.header-left img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--gold);transition:transform .3s}.header-left img:hover{transform:scale(1.1)}.header-right{display:flex;align-items:center;gap:12px}.btn-login{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;border:none;padding:8px 20px;border-radius:8px;font-family:Tajawal,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;text-decoration:none}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3766}.user-profile{display:flex;align-items:center;gap:10px;position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--gold);-o-object-fit:cover;object-fit:cover}.user-name{color:var(--gold);font-weight:500;font-size:14px}.btn-logout{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:6px;font-family:Tajawal,sans-serif;font-size:13px;cursor:pointer;transition:all .3s}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(160deg,#000,#0a0a0a 40%,#111);padding:100px 24px 60px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(212,175,55,.04) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;position:relative;z-index:1;max-width:800px}.hero-logo-img{width:120px;height:120px;border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 40px #d4af374d;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.title-line{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.title-subtitle{font-size:1.3rem;color:var(--text-muted);font-weight:300}.hero-description{font-size:1.1rem;color:var(--text-muted);line-height:1.8;max-width:600px;margin:0 auto}.services{padding:80px 24px;background:#000;position:relative}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.section-divider{width:60px;height:3px;background:var(--gold);margin:0 auto 16px;border-radius:2px}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;max-width:900px;margin:0 auto}.service-card{background:#111c;border:1px solid rgba(212,175,55,.1);border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(212,175,55,.08),transparent 70%);opacity:0;transition:opacity .4s}.service-card:hover{transform:translateY(-8px) scale(1.03);border-color:#d4af3766;box-shadow:0 12px 40px #d4af3726}.service-card:hover:before{opacity:1}.service-icon{font-size:2rem;color:var(--gold);margin-bottom:12px;position:relative;z-index:1}.service-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px;position:relative;z-index:1}.service-desc{font-size:.8rem;color:var(--text-muted);line-height:1.5;position:relative;z-index:1}.statistics-section{padding:80px 24px;background:linear-gradient(180deg,#000,#0a0a0a)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px;margin:0 auto}.stat-card{text-align:center;padding:30px 20px;background:#1119;border:1px solid rgba(212,175,55,.1);border-radius:16px;transition:all .3s}.stat-card:hover{border-color:#d4af374d;transform:translateY(-4px)}.stat-icon{font-size:2rem;color:var(--gold);margin-bottom:12px}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:.9rem}.main-footer{background:#0a0a0a;border-top:1px solid rgba(212,175,55,.1);padding:50px 24px 20px}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}.footer-section h4{color:var(--gold);font-size:1rem;font-weight:700;margin-bottom:16px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px}.footer-section a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .3s}.footer-section a:hover{color:var(--gold)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-size:.85rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#000,#0a0a0a 40%,#111);padding:40px 24px;position:relative}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(212,175,55,.04) 0%,transparent 50%);pointer-events:none}.login-card{background:#111111e6;border:1px solid rgba(212,175,55,.15);border-radius:20px;padding:40px;width:100%;max-width:440px;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080}.login-header{text-align:center;margin-bottom:30px}.login-logo{width:80px;height:80px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 30px #d4af3733;margin-bottom:16px}.login-header h1{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.login-header p{color:var(--text-muted);font-size:.9rem}.user-type-tabs{display:flex;gap:8px;margin-bottom:24px}.user-type-tab{flex:1;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:10px;border-radius:10px;font-family:Tajawal,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.user-type-tab.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;border-color:var(--gold)}.user-type-tab:hover:not(.active){border-color:#d4af3766;color:var(--gold)}.form-group{margin-bottom:18px}.form-group label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:6px;font-weight:500}.input-group{position:relative;display:flex;align-items:center}.input-group .icon{position:absolute;right:14px;color:var(--text-muted);font-size:.9rem;z-index:1}.input-group input{width:100%;padding:12px 14px 12px 42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text);font-family:Tajawal,sans-serif;font-size:.95rem;transition:all .3s;direction:rtl}.input-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a}.input-group input::-moz-placeholder{color:#ffffff40}.input-group input::placeholder{color:#ffffff40}.toggle-password{position:absolute;left:14px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:color .3s}.toggle-password:hover{color:var(--gold)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.85rem}.form-options label{color:var(--text-muted);display:flex;align-items:center;gap:6px;cursor:pointer}.form-options input[type=checkbox]{accent-color:var(--gold)}.form-options a{color:var(--gold);text-decoration:none;transition:opacity .3s}.form-options a:hover{opacity:.8}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;border:none;border-radius:10px;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-link{text-align:center;margin-top:20px;color:var(--text-muted);font-size:.9rem}.register-link a,.register-link button{color:var(--gold);text-decoration:none;font-weight:600;background:none;border:none;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.9rem}.back-link{text-align:center;margin-top:20px}.back-link a{color:var(--text-muted);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;transition:color .3s}.back-link a:hover{color:var(--gold)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.modal-content{background:#111111f2;border:1px solid rgba(212,175,55,.2);border-radius:20px;padding:32px;width:100%;max-width:440px;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{color:var(--gold);font-size:1.3rem;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .3s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.modal-close:hover{color:var(--danger);background:#ffffff0d}.success-icon{text-align:center;font-size:3rem;color:var(--gold);margin-bottom:16px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100%);padding:14px 24px;border-radius:12px;font-family:Tajawal,sans-serif;font-size:.95rem;z-index:9999;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #0000004d;animation:slideIn .3s ease forwards;max-width:90%}.toast.success{background:var(--gold);color:#000}.toast.error{background:var(--danger);color:#fff}.toast.info{background:#17a2b8;color:#fff}.toast.hide{animation:slideOut .3s ease forwards}@keyframes slideIn{to{transform:translate(-50%) translateY(0)}}@keyframes slideOut{to{transform:translate(-50%) translateY(-100%);opacity:0}}@media(max-width:768px){.title-line{font-size:2.5rem}.title-subtitle{font-size:1rem}.hero-description{font-size:.95rem}.services-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.stats-grid,.footer-content{grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.8rem}.login-card{padding:28px;margin:0 12px}}@media(max-width:480px){.title-line{font-size:2rem}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.footer-content{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.mobile-spinner-wrapper{display:none}@media(max-width:768px){.desktop-wheel-only{display:none!important}.mobile-spinner-wrapper{display:flex;align-items:center;position:relative;width:100%;min-height:420px;overflow:hidden;padding:20px 0;-moz-user-select:none;user-select:none;-webkit-user-select:none;gap:0}.mobile-spinner-detail{position:absolute;left:16px;top:50%;transform:translateY(-50%) translate(-20px);opacity:0;width:calc(55% - 10px);max-width:220px;background:#111111f2;border:1px solid rgba(212,175,55,.25);border-radius:18px;padding:20px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0009;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:20;text-align:center}.mobile-spinner-detail.visible{opacity:1;transform:translateY(-50%) translate(0)}.detail-icon{width:56px;height:56px;border-radius:50%;background:#d4af371a;border:2px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px;color:#d4af37}.detail-title{font-size:1.1rem;font-weight:800;color:#d4af37;margin-bottom:6px;font-family:Tajawal,sans-serif}.detail-desc{font-size:.75rem;color:#aaa;line-height:1.6;margin-bottom:14px;font-family:Tajawal,sans-serif}.detail-action{width:100%;padding:10px 16px;border-radius:10px;border:1px solid rgba(212,175,55,.4);background:linear-gradient(135deg,#d4af3726,#d4af370d);color:#d4af37;font-family:Tajawal,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s}.detail-action:active{background:linear-gradient(135deg,#d4af374d,#d4af371a);transform:scale(.97)}.mobile-spinner-container{position:absolute;right:-220px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.mobile-spinner-wheel{position:relative;width:360px;height:360px;cursor:grab}.mobile-spinner-wheel:active{cursor:grabbing}.spinner-track{position:absolute;top:50%;left:50%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;border:1px solid rgba(212,175,55,.08);pointer-events:none}.spinner-item{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#111111e6;border:1.5px solid rgba(212,175,55,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;color:#d4af37;pointer-events:none;will-change:transform,opacity}.spinner-item.selected{width:56px;height:56px;margin:-28px 0 0 -28px;background:#d4af3726;border-color:#d4af37;border-width:2px;box-shadow:0 0 18px #d4af3766,0 0 40px #d4af371f;font-size:22px}.spinner-item-label{position:absolute;bottom:-22px;font-size:.6rem;font-weight:700;color:#d4af37;white-space:nowrap;font-family:Tajawal,sans-serif;text-shadow:0 1px 4px rgba(0,0,0,.8)}.spinner-nav{position:absolute;right:80px;width:34px;height:34px;border-radius:50%;background:#d4af3714;border:1px solid rgba(212,175,55,.2);color:#d4af37;font-size:13px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:20}.spinner-nav:active{background:#d4af3740;transform:scale(.9)}.spinner-nav-up{top:15px}.spinner-nav-down{bottom:15px}.spinner-hint{position:absolute;bottom:5px;left:50%;transform:translate(-50%);color:#d4af3766;font-size:.7rem;font-family:Tajawal,sans-serif;animation:pulseHint 2.5s ease-in-out infinite;pointer-events:none}@keyframes pulseHint{0%,to{opacity:.4}50%{opacity:.8}}}@media(max-width:380px){.mobile-spinner-container{right:-230px}.mobile-spinner-detail{left:10px;max-width:170px;padding:14px 10px}.detail-title{font-size:.95rem}.detail-desc{font-size:.7rem}}.profile-page{padding:120px 0 60px;min-height:100vh;background:var(--bg)}.profile-header{background:#1e293b66;border:1px solid var(--border);border-radius:20px;padding:30px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-header-content{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;box-shadow:0 10px 30px #d4af3733}.profile-title h1{color:var(--gold);margin:0 0 5px;font-size:24px}.profile-title p{color:var(--text-muted);font-size:16px;margin:0;direction:ltr}.profile-layout{display:flex;gap:30px;align-items:flex-start}@media(max-width:900px){.profile-layout{flex-direction:column}}.profile-tabs{flex:0 0 250px;background:#1e293b66;border:1px solid var(--border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:100px}@media(max-width:900px){.profile-tabs{flex:1 1 auto;width:100%;position:static;flex-direction:row;overflow-x:auto;padding:15px}}.tab-btn{display:flex;align-items:center;gap:12px;width:100%;padding:15px;background:transparent;border:none;border-radius:12px;color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .3s ease;text-align:right;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:#fff}.tab-btn.active{background:#d4af371a;color:var(--gold);font-weight:700}.text-destructive{color:#ef4444}.text-destructive:hover{background:#ef44441a;color:#f87171}.profile-content{flex:1;min-width:0}.profile-card{background:#1e293b66;border:1px solid var(--border);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card h3{color:var(--gold);margin:0 0 20px;font-size:22px;border-bottom:1px solid var(--border);padding-bottom:15px}.section-desc{color:var(--text-muted);margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;right:15px;color:var(--text-muted)}.input-with-icon input,.form-group input[type=text],.form-group input[type=email],.native-select{width:100%;padding:14px 18px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:14px;font-family:inherit;font-size:15px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a;box-sizing:border-box}.input-with-icon input{padding-right:45px}.input-with-icon input:focus,.form-group input:focus,.native-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4af3726,inset 0 2px 4px #0000001a;background:#0f172acc}.native-select option{background:#0f172a;color:#fff}.error-text{color:#ef4444;font-size:13px;margin-top:5px}.hint-text{color:var(--text-muted);font-size:13px;margin-top:5px;display:block}.disabled-input{background:#0f172a80!important;color:var(--text-muted)!important;cursor:not-allowed;border-color:transparent!important}.derived-data-box{background:#0f172a80;border:1px dashed var(--border);border-radius:12px;padding:15px;display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.d-item label{font-size:12px;color:var(--text-muted);margin-bottom:5px;display:block}.d-item span{font-weight:700;color:#fff}.alt-phones-section{background:#0f172a4d;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:30px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.btn-sm{background:transparent;border:none;font-size:14px;cursor:pointer}.text-gold{color:var(--gold)}.alt-phone-row{display:flex;gap:15px;align-items:center;margin-bottom:15px}.btn-icon.danger{background:transparent;border:1px solid #ef4444;color:#ef4444;width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.form-actions{display:flex;justify-content:flex-end}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.service-card{background:#0f172a80;border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.service-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 8px 25px #d4af3726;background:#1e293bb3}.s-icon{width:64px;height:64px;background:#d4af371a;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:15px;color:var(--gold);transition:transform .3s ease}.service-card:hover .s-icon{transform:scale(1.1)}.s-info h4{color:#fff;margin:0 0 8px;font-size:18px;font-weight:700}.s-info p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.dashboard-modal{max-width:800px!important;width:90%!important;max-height:90vh;overflow-y:auto;padding:0!important}.dashboard-modal .modal-header{background:#0f172acc;display:flex;align-items:center;gap:20px;padding:30px;border-bottom:1px solid var(--border);margin:0;border-radius:20px 20px 0 0}.dashboard-modal .m-icon{font-size:48px;background:#d4af371a;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px}.dashboard-modal .m-title h2{color:#fff;margin:0 0 5px;font-size:26px}.dashboard-modal .m-title p{color:var(--text-muted);margin:0;font-size:15px}.dashboard-modal .modal-body{padding:30px}.badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block}.badge-success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.soon-badge{text-align:center;padding:40px 20px;color:var(--text-muted)}.soon-badge svg{color:var(--gold);margin-bottom:15px;opacity:.5}.soon-badge span{display:block;font-size:24px;color:#fff;font-weight:700;margin-bottom:10px}.academy-stats h5{color:var(--gold);margin:0 0 15px;font-size:18px}.table-wrapper{background:#0f172acc;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px}.table-wrapper table{width:100%;border-collapse:collapse;text-align:right}.table-wrapper th{background:#ffffff0d;padding:15px;color:#ccc;font-weight:400;border-bottom:1px solid var(--border)}.table-wrapper td{padding:15px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:15px;font-weight:500}.text-success{color:#22c55e}.text-danger{color:#ef4444}.empty-state{text-align:center;padding:40px 20px;background:#0f172a80;border-radius:12px;color:var(--text-muted);border:1px dashed var(--border)}.fade-in{animation:fadeIn .4s ease forwards}.danger-zone{border:1px solid #ef444455;background:#ef44440d;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.dz-text h4{color:#ef4444;margin:0 0 5px}.dz-text p{color:var(--text-muted);margin:0;font-size:14px}.btn-danger{background:#ef4444;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px}.profile-header-new{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px}.profile-nav-bar{background:#0f172ab3;border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;padding:10px;gap:15px;margin-bottom:25px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.profile-nav-bar::-webkit-scrollbar{display:none}.profile-nav-tab{flex:1;text-align:center;padding:12px 20px;border-radius:12px;color:var(--text-muted);font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none;background:transparent;opacity:.7;white-space:nowrap}.profile-nav-tab:hover{color:var(--gold);opacity:1}.profile-nav-tab.active{background:var(--gold);color:#000;opacity:1;transform:scale(1.02)}.profile-nav-tab.danger-tab{color:#ef4444}.profile-nav-tab.danger-tab:hover{background:#ef44441a}.profile-main-box{background:#0f172ab3;border:1px solid var(--border);border-radius:25px;padding:30px;min-height:500px;position:relative;box-shadow:0 10px 30px #0000004d}.profile-services-layout{position:relative;min-height:500px}.profile-spinner-sidebar{position:fixed;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50}[dir=rtl] .profile-spinner-sidebar{right:auto;left:0}.profile-spin-nav{background:#0f172ae6;border:1px solid rgba(212,175,55,.4);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--gold);cursor:pointer;transition:all .3s ease;z-index:55}.profile-spin-nav:hover{background:#d4af374d;transform:scale(1.15)}.profile-spinner-track{position:relative;width:140px;height:350px;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;margin-right:-70px}[dir=rtl] .profile-spinner-track{margin-right:0;margin-left:-70px}.profile-spinner-track:active{cursor:grabbing}.profile-spin-item{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:#111111f2;border:2px solid rgba(212,175,55,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);pointer-events:none;will-change:transform,opacity}.profile-spin-item.front{background:linear-gradient(135deg,var(--gold),var(--gold-dark, #b8860b));color:#000;border-color:var(--gold);box-shadow:0 0 30px #d4af3799;width:84px;height:84px;margin:-42px 0 0 -42px}.profile-spin-item .spin-icon{font-size:28px;display:flex;align-items:center;justify-content:center}.profile-spin-item.front .spin-icon{font-size:32px}.profile-spin-item .spin-label{font-size:9px;font-weight:700;white-space:nowrap;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);color:var(--gold);text-shadow:0 1px 4px rgba(0,0,0,.9)}.profile-services-panel{background:#0f172ab3;border:1px solid var(--border);border-radius:25px;padding:30px;margin-right:55px;min-height:500px;box-shadow:0 10px 30px #0000004d}[dir=rtl] .profile-services-panel{margin-right:0;margin-left:55px}@media(max-width:768px){.profile-spinner-sidebar{position:fixed;top:auto;bottom:20px;right:10px;transform:none;flex-direction:row}[dir=rtl] .profile-spinner-sidebar{right:auto;left:10px}.profile-spinner-track{width:200px;height:80px;margin-right:-40px}[dir=rtl] .profile-spinner-track{margin-right:0;margin-left:-40px}.profile-services-panel{margin-right:0}[dir=rtl] .profile-services-panel{margin-left:0}}