/* ===================================================================== ASABEELS TRAINING PLATFORM — APP.CSS ===================================================================== QUICK MAINTENANCE GUIDE Search this file for: [GLOBAL] General page/layout rules [MARKETPLACE] Courses and Coach cards [RTL] Arabic / RTL rules [PORTAL] Authenticated sidebar/workspace [CHAT] Support assistant [SLIDER] Home Coach / Partner slider [PAGINATION] Pagination [ADMIN] Admin / wizard / 360 UI IMPORTANT: The final [SLIDER] section at the BOTTOM is the single control point for the home Coach/Partner carousel. ===================================================================== */ /* ======================= [GLOBAL] ======================= */ *{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f8fa;color:#1f2937}header{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:white;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:1.2rem;color:#111827;text-decoration:none}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}a{color:#374151;text-decoration:none}main{max-width:1180px;margin:auto;padding:40px 24px;min-height:80vh}.hero{padding:64px;border-radius:24px;background:#111827;color:white;margin-bottom:40px}.hero h1{font-size:2.6rem;max-width:760px}.btn,button{display:inline-block;border:0;border-radius:10px;padding:10px 16px;background:#111827;color:white;cursor:pointer}.hero .btn{background:white;color:#111827}.btn.secondary{background:#374151;color:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:18px 0 36px}.card,.form-card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:22px}.card form{margin-top:16px}.form-card{max-width:640px}.form-card label{display:block;margin:12px 0}.form-card input,.form-card select,.form-card textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;margin-top:5px}.inline{display:inline}.alert{background:#dcfce7;padding:12px;border-radius:8px;margin-bottom:16px}.error{background:#fee2e2;padding:12px;border-radius:8px;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.stats>div{background:white;padding:22px;border-radius:14px;border:1px solid #e5e7eb}.stats b{font-size:1.5rem;display:block}.stats span{color:#6b7280}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table{background:white;border-radius:14px;border:1px solid #e5e7eb;margin:14px 0 30px}.table>div{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb}.table>div:last-child{border-bottom:0}.avatar{width:72px;height:72px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-size:1.8rem}footer{text-align:center;padding:28px;color:#6b7280}@media(max-width:760px){header{align-items:flex-start;gap:14px;flex-direction:column}.hero{padding:36px 24px}.hero h1{font-size:2rem}.split{grid-template-columns:1fr}} .certificate{max-width:900px;margin:30px auto;padding:70px 50px;border:8px double #222;text-align:center;background:#fff}.certificate h1{font-size:42px;margin:20px 0}.certificate h2{font-size:30px;margin:18px 0}.table>div{gap:16px;align-items:center}.table form{margin:4px 0}.table select{padding:8px}.card a{text-decoration:none}.card a:hover{text-decoration:underline}@media print{header,footer,.btn,nav{display:none!important}.certificate{border:8px double #000;margin:0;max-width:none}.form-card{box-shadow:none;border:none}} .course-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:14px;background:#e5e7eb}.coach-photo{height:190px}.course-hero-image{width:100%;max-height:440px;object-fit:cover;border-radius:18px;margin:18px 0}.topic-list{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 24px}.topic-list li{padding:8px 0;border-bottom:1px solid #f1f5f9}.topic-list li:last-child{border-bottom:0} .page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-head h1{margin-top:0}.page-head p{color:#6b7280}.wide-form{max-width:850px}.form-card h2{margin-top:28px;padding-top:18px;border-top:1px solid #e5e7eb}.form-card h2:first-child{margin-top:0;padding-top:0;border-top:0}.form-card input[type=checkbox]{width:auto;margin-right:8px}.topic-row{margin:12px 0}.remove-topic{background:#7f1d1d}.finance-table>div{display:grid;grid-template-columns:1.4fr 1fr 1fr auto}.finance-table small,.table small{display:block;color:#6b7280;margin-top:4px}.finance-actions{padding:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:520px}.finance-actions form{background:#f8fafc;padding:14px;border-radius:10px}.finance-actions label{display:block;margin:8px 0}.finance-actions input,.finance-actions textarea{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px}.coach-edit-avatar{width:110px;height:110px;object-fit:cover}.edit-preview{max-width:360px}.btn.secondary{background:#475569}@media(max-width:850px){.page-head{flex-direction:column}.finance-table>div{display:flex;flex-direction:column;align-items:flex-start}.finance-actions{grid-template-columns:1fr;min-width:0}.split{grid-template-columns:1fr}} /* V1.7 portal UI */ :root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--success:#166534;--warning:#92400e;--danger:#991b1b}.site-header{min-height:72px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center}.public-nav,.account-nav{display:flex;align-items:center;gap:16px}.link-button{background:transparent;color:#334155;padding:0}.rolebar{background:#fff;border-bottom:1px solid var(--line)}.rolebar-inner{max-width:1180px;margin:auto;padding:10px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.role-links{display:flex;gap:16px;flex-wrap:wrap}.role-links a{font-size:.92rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:#64748b}.eyebrow.light{color:#cbd5e1}.muted{color:var(--muted)}.action-row,.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn.light{background:#fff;color:#0f172a}.btn.outline-light{background:transparent;border:1px solid #94a3b8}.btn.full{width:100%;text-align:center}.badge-row{display:flex;gap:8px;margin:4px 0 10px}.badge{display:inline-block;border-radius:999px;background:#e2e8f0;color:#334155;padding:4px 9px;font-size:.78rem;font-weight:700}.badge.success,.status-approved{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-rejected{background:#fee2e2;color:#991b1b}.status-draft{background:#e2e8f0;color:#475569}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:34px 0 14px}.section-head h2{margin:0}.section-head p{margin:5px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:22px 0 34px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}.quick-card strong{font-size:1.05rem;color:var(--ink)}.quick-card span{color:var(--muted);line-height:1.5}.modern-table>div{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(130px,.6fr) minmax(180px,.8fr)}.modern-table small{color:var(--muted)}.empty-row{color:var(--muted)}.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:34px;text-align:center}.image-placeholder{height:180px;border-radius:12px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);display:grid;place-items:center;color:#64748b;font-weight:800;margin-bottom:14px}.marketplace-card{display:flex;flex-direction:column}.marketplace-card h3{margin:4px 0 8px}.card-meta,.card-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-meta{font-size:.84rem;color:var(--muted);margin-top:auto;padding-top:12px}.card-footer{border-top:1px solid #f1f5f9;margin-top:14px;padding-top:14px}.form-section{padding:4px 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.form-section:last-of-type{border-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{margin:0}.check{display:flex!important;align-items:center;gap:8px;padding-top:25px}.check input{width:auto!important;margin:0!important}.form-actions{display:flex;align-items:center;gap:16px;margin-top:20px}.danger{background:#991b1b;color:#fff}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.sticky-card{position:sticky;top:150px}.timeline{display:grid;gap:0}.timeline-item{border-left:3px solid #cbd5e1;padding:2px 0 18px 18px;display:flex;flex-direction:column;gap:5px}.timeline-item:last-child{padding-bottom:2px}.timeline-item span,.timeline-item small{color:var(--muted)} @media(max-width:900px){.public-nav{order:3;width:100%;overflow:auto}.site-header{flex-wrap:wrap}.rolebar-inner{align-items:flex-start;flex-direction:column}.modern-table>div{display:flex;flex-direction:column;align-items:flex-start}.detail-layout{grid-template-columns:1fr}.sticky-card{position:static}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.account-nav{margin-left:auto}.page-head .action-row{width:100%}.page-head .action-row .btn{flex:1;text-align:center}.card-footer{align-items:flex-start;flex-direction:column}} /* V1.8 admin operations */ .filterbar{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.filterbar input,.filterbar select{min-width:190px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.85rem;border-bottom:1px solid #e7e9ee;vertical-align:top}th{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:#68707d}.btn.small{padding:.5rem .75rem;font-size:.85rem}.btn.danger{background:#a52828;border-color:#a52828;color:#fff}.profile-photo{width:110px;height:110px;object-fit:cover;border-radius:16px;margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:140px 1fr;gap:.55rem 1rem}.detail-grid dt{font-weight:700;color:#68707d}.detail-grid dd{margin:0}.two-col{display:grid;grid-template-columns:1.35fr .85fr;gap:1rem;margin-bottom:1rem}.badge.approved{background:#e8f7ed;color:#18723a}.badge.pending{background:#fff4d6;color:#8a5b00}.badge.rejected{background:#fdeaea;color:#9b2525}@media(max-width:850px){.two-col{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.filterbar>*{width:100%}} /* V1.9 provider profiles, reviews, marketplace filters */ .profile-hero{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin-bottom:24px}.public-avatar{width:150px;height:150px;border-radius:22px;object-fit:cover;background:#e2e8f0}.public-avatar.placeholder{display:grid;place-items:center;font-size:3rem;font-weight:800;color:#475569}.rating{font-size:1.1rem;font-weight:800;margin:10px 0;color:#b45309}.rating span{font-size:.9rem;font-weight:500;color:#64748b}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:700}.review-list{display:grid;gap:14px}.rating-stars{color:#b45309;letter-spacing:.08em;font-size:1.15rem;margin:6px 0}.review-form{margin-top:24px;max-width:700px}.review-form label{display:block;margin:12px 0}.review-form select,.review-form textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;margin-top:5px}.filterbar.form-card{max-width:none;display:flex;align-items:end;gap:12px;margin-bottom:24px;padding:16px}.filterbar.form-card label{margin:0;min-width:150px}.filterbar.form-card input,.filterbar.form-card select{margin-top:5px}@media(max-width:700px){.profile-hero{grid-template-columns:1fr}.filterbar.form-card{align-items:stretch;flex-direction:column}.filterbar.form-card label{width:100%}} /* V1.10 student experience */ .payment-card label,.payment-box label{display:block;margin:12px 0}.payment-card input,.payment-card textarea,.payment-box input,.payment-box textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;margin-top:5px}.payment-box{margin:22px 0;padding:18px;background:#f8fafc;border-radius:12px}.error-inline{color:#991b1b;font-weight:700}.notification-list{display:grid;gap:10px}.notification-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;display:flex;justify-content:space-between;gap:20px}.notification-item.unread{border-left:5px solid #0f172a}.notification-item p{margin:5px 0;color:#64748b}.favorite-form{display:inline-flex}.favorite-button{background:#fff;color:#0f172a;border:1px solid #cbd5e1} /* V1.13 analytics */ .analytics-bars{height:240px;display:flex;align-items:end;gap:4px;padding:18px 4px 4px;border-bottom:1px solid #e2e8f0;overflow-x:auto}.analytics-day{height:100%;min-width:12px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.bar-stack{height:200px;width:100%;display:flex;align-items:end;justify-content:center;gap:2px}.bar{display:block;width:42%;min-height:2px;border-radius:5px 5px 0 0}.bar.revenue{background:#0f172a}.bar.registrations{background:#94a3b8}.analytics-day small{height:18px;white-space:nowrap;font-size:.68rem;color:#64748b}.chart-legend{display:flex;gap:18px;margin-top:12px;color:#64748b;font-size:.85rem}.chart-legend span{display:flex;align-items:center;gap:6px}.legend{width:12px;height:12px;border-radius:3px;display:inline-block}.legend.revenue{background:#0f172a}.legend.registrations{background:#94a3b8}.stats small{display:block;color:#64748b;margin-top:6px;font-size:.78rem} /* V1.17 public marketplace redesign */ .marketplace-intro{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding:8px 0 26px}.marketplace-intro h1{font-size:2.35rem;line-height:1.08;margin:7px 0 10px;color:#0f172a;max-width:760px}.marketplace-intro p{max-width:760px;color:#64748b;font-size:1.03rem;line-height:1.7;margin:0}.marketplace-count{min-width:145px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px 22px;text-align:center;box-shadow:0 10px 30px rgba(15,23,42,.04)}.marketplace-count strong{display:block;font-size:1.8rem;color:#0f172a}.marketplace-count span{font-size:.8rem;color:#64748b}.marketplace-filter{border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.04)} .course-card-grid,.coach-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 38px}.course-card,.coach-public-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 10px 32px rgba(15,23,42,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.course-card:hover,.coach-public-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.11);border-color:#cbd5e1}.course-card-click,.coach-card-click{display:flex;flex-direction:column;height:100%;color:#0f172a;text-decoration:none!important}.course-card-media{height:205px;position:relative;background:#e2e8f0;overflow:hidden}.course-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-card-media img{transform:scale(1.025)}.course-cover-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:linear-gradient(135deg,#0f172a,#334155);color:#fff}.course-cover-placeholder span{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;font-size:2.2rem;font-weight:900;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18)}.course-cover-placeholder small{letter-spacing:.05em;color:#e2e8f0}.course-card-badges{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:8px;justify-content:space-between}.course-card-badges span{background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:999px;padding:6px 10px;font-size:.73rem;font-weight:800;color:#334155}.course-card-badges .free{background:#dcfce7;color:#166534}.course-card-body{padding:20px 20px 16px;display:flex;flex-direction:column;flex:1}.course-provider{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.7rem;font-weight:800}.course-card h2{font-size:1.17rem;line-height:1.35;margin:6px 0 9px;color:#0f172a}.course-summary{color:#64748b;line-height:1.55;font-size:.9rem;margin:0 0 14px;min-height:64px}.course-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:5px 0 14px}.course-facts>div{background:#f8fafc;border-radius:12px;padding:10px;display:grid;grid-template-columns:auto 1fr;column-gap:7px}.course-facts>div>span{grid-row:1/3}.course-facts strong{font-size:.82rem;color:#1e293b}.course-facts small{font-size:.72rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-coach-line{display:flex;align-items:center;gap:9px;padding-top:2px}.mini-avatar{width:34px;height:34px;border-radius:50%;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8rem;flex:0 0 34px}.mini-avatar-photo{object-fit:cover;display:block;border:1px solid #e2e8f0}.course-coach-line div{display:flex;flex-direction:column}.course-coach-line small{font-size:.68rem;color:#94a3b8}.course-coach-line strong{font-size:.82rem}.course-card-status{display:flex;justify-content:space-between;gap:8px;color:#64748b;font-size:.72rem;margin-top:auto;padding-top:14px}.course-card-footer{border-top:1px solid #f1f5f9;padding:14px 20px 17px;display:flex;justify-content:space-between;align-items:center}.course-card-footer>div{display:flex;flex-direction:column}.course-card-footer small{font-size:.68rem;color:#94a3b8}.course-card-footer strong{font-size:1rem;color:#0f172a}.course-card-action{font-weight:800;font-size:.82rem;color:#0f172a} .coach-public-card{position:relative}.coach-card-top{height:172px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:grid;place-items:center;position:relative}.coach-card-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 8px 25px rgba(15,23,42,.14)}.coach-card-avatar.placeholder{display:grid;place-items:center;background:#0f172a;color:#fff;font-size:2.5rem;font-weight:900}.verified-pill{position:absolute;right:14px;top:14px;background:#dcfce7;color:#166534;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:800}.coach-card-body{padding:20px;flex:1}.coach-card-body h2{font-size:1.2rem;margin:0 0 5px}.coach-headline{font-weight:700;color:#475569;margin:0 0 10px;min-height:42px}.coach-meta-row{display:flex;gap:8px;justify-content:space-between;font-size:.73rem;color:#64748b;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:10px 0}.coach-specialties{margin:12px 0 8px}.coach-specialties .chip{font-size:.7rem;padding:5px 8px}.coach-bio-preview{color:#64748b;font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.666em;max-height:2.666em;margin-bottom:0}.coach-card-footer{border-top:1px solid #f1f5f9;padding:15px 20px;display:flex;justify-content:space-between;font-weight:800;font-size:.82rem} .course-detail-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:30px;background:#0f172a;color:#fff;border-radius:26px;padding:36px;margin-bottom:28px;overflow:hidden}.course-detail-copy{display:flex;flex-direction:column;justify-content:center}.course-detail-copy h1{font-size:2.45rem;line-height:1.08;margin:10px 0 14px}.course-detail-copy .eyebrow{color:#cbd5e1}.course-detail-lead{color:#cbd5e1;line-height:1.7;font-size:1rem;max-width:700px}.course-detail-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:19px}.course-detail-highlights>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);padding:12px;border-radius:13px;display:flex;flex-direction:column}.course-detail-highlights small{color:#94a3b8;font-size:.68rem}.course-detail-highlights strong{font-size:.87rem;margin:3px 0}.course-detail-highlights span{font-size:.72rem;color:#cbd5e1}.course-detail-media{min-height:330px}.course-detail-media img,.detail-cover-placeholder{width:100%;height:100%;min-height:330px;border-radius:18px;object-fit:cover}.detail-cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#334155,#475569)}.detail-cover-placeholder span{width:96px;height:96px;border-radius:28px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:3rem;font-weight:900}.detail-cover-placeholder small{color:#cbd5e1}.course-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:26px;align-items:start}.course-detail-main{display:grid;gap:20px}.detail-section{padding:26px}.detail-section h2{margin:7px 0 16px}.prose-text{line-height:1.85;color:#475569}.agenda-list{display:grid;gap:0}.agenda-item{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #f1f5f9}.agenda-item:last-child{border-bottom:0}.agenda-number{width:42px;height:42px;border-radius:13px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:900;font-size:.77rem}.agenda-item h3{margin:1px 0 5px;font-size:1rem}.agenda-item p{margin:0;color:#64748b;line-height:1.55}.detail-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-info-grid>div{background:#f8fafc;border:1px solid #f1f5f9;border-radius:13px;padding:13px;display:flex;flex-direction:column}.detail-info-grid small{font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.detail-info-grid strong{font-size:.87rem;margin-top:4px}.bundle-list{display:grid;gap:9px}.bundle-list>div{display:flex;gap:10px;align-items:center;background:#f8fafc;border-radius:12px;padding:12px}.course-register-card{position:sticky;top:150px;padding:24px}.register-price{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e2e8f0;padding:8px 0 16px;margin-bottom:14px}.register-price small{color:#64748b}.register-price strong{font-size:1.45rem}.registration-progress{display:grid;grid-template-columns:1fr 1fr;gap:9px}.registration-progress>div{background:#f8fafc;border-radius:11px;padding:11px;display:flex;flex-direction:column}.registration-progress span{font-size:.68rem;color:#94a3b8}.registration-progress strong{font-size:.82rem}.register-summary{margin:16px 0;color:#475569;font-size:.84rem;line-height:1.5}.register-summary p{margin:8px 0}.register-primary{font-size:.95rem;padding:13px 16px}.full-favorite{display:block;margin-top:9px}.favorite-button.full{width:100%;text-align:center;padding:11px}.register-help{color:#64748b;font-size:.78rem;line-height:1.5}.notice-box{background:#f8fafc;border:1px solid #e2e8f0;padding:13px;border-radius:11px;color:#475569;font-size:.84rem} @media(max-width:980px){.course-card-grid,.coach-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-detail-hero{grid-template-columns:1fr}.course-detail-layout{grid-template-columns:1fr}.course-register-card{position:static}.course-detail-media{min-height:260px}.course-detail-media img,.detail-cover-placeholder{min-height:260px}.marketplace-intro{align-items:flex-start}} @media(max-width:650px){.course-card-grid,.coach-card-grid{grid-template-columns:1fr}.marketplace-intro{flex-direction:column}.marketplace-count{width:100%;text-align:left}.course-detail-hero{padding:24px}.course-detail-copy h1{font-size:1.9rem}.course-detail-highlights{grid-template-columns:1fr}.detail-info-grid{grid-template-columns:1fr}.course-facts{grid-template-columns:1fr}.course-card-status{flex-direction:column}.course-summary{min-height:0}} .home-hero{background:linear-gradient(125deg,#0f172a 0%,#1e293b 60%,#334155 100%);box-shadow:0 18px 50px rgba(15,23,42,.14)}.home-course-grid{margin-top:16px}.event-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 38px}.event-showcase-card{padding:0;overflow:hidden}.event-showcase-card>a{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:16px;padding:20px;text-decoration:none!important}.event-date-block{background:#0f172a;color:#fff;border-radius:14px;padding:12px;text-align:center}.event-date-block strong{display:block;font-size:1.7rem}.event-date-block span{font-size:.7rem;letter-spacing:.12em;color:#cbd5e1}.event-showcase-copy h3{margin:6px 0;font-size:1.05rem}.event-showcase-copy p{margin:0 0 7px;color:#64748b;font-size:.84rem;line-height:1.5}.event-showcase-copy small{color:#64748b}.event-arrow{font-size:1.35rem;font-weight:900}@media(max-width:760px){.event-showcase-grid{grid-template-columns:1fr}}@media(max-width:520px){.event-showcase-card>a{grid-template-columns:62px 1fr}.event-arrow{display:none}} .institute-card-top{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.institute-card-logo{width:126px;height:96px;border-radius:18px;object-fit:contain;background:#fff;border:1px solid #e2e8f0;padding:10px;box-shadow:0 8px 25px rgba(15,23,42,.08)}.institute-card-logo.placeholder{display:grid;place-items:center;background:#0f172a;color:#fff;font-size:2.7rem;font-weight:900;border:0}.institute-public-card .coach-headline{min-height:auto} /* V1.18 authenticated workspace sidebar */ .portal-shell{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 72px)} .portal-sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:24px 16px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto} .sidebar-user{padding:4px 10px 18px;border-bottom:1px solid #e2e8f0;margin-bottom:12px;display:flex;flex-direction:column;gap:5px}.sidebar-user strong{font-size:.95rem;color:#0f172a} .sidebar-nav{display:flex;flex-direction:column;gap:4px;align-items:stretch}.sidebar-nav a{padding:10px 11px;border-radius:9px;color:#475569;font-size:.9rem;font-weight:650}.sidebar-nav a:hover{background:#f1f5f9;color:#0f172a;text-decoration:none}.sidebar-divider{height:1px;background:#e2e8f0;margin:10px 0} .portal-main{max-width:none;width:100%;padding:34px 34px 50px;min-width:0}.partner-logo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partner-upload-card{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:14px}.partner-form-preview{width:62px;height:62px;object-fit:contain;border-radius:50%;background:#fff;border:1px solid #e2e8f0;padding:5px}.course-partner-logos{display:flex;gap:9px;align-items:center;margin:0 0 13px;flex-wrap:wrap}.course-partner-logo{width:54px;height:54px;border-radius:50%;object-fit:contain;background:#fff;border:2px solid rgba(255,255,255,.8);padding:5px;box-shadow:0 5px 18px rgba(0,0,0,.16)}.course-rating-inline{display:flex;gap:8px;align-items:center;margin:7px 0 2px;color:#fbbf24;font-weight:800}.course-rating-inline small{color:#cbd5e1;font-weight:600}.admin-payment-box{margin:18px 0}.admin-payment-box input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.payment-link-button{display:block;text-align:center;background:#166534!important;margin-bottom:12px;padding:13px 16px!important}.review-rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-score{background:#f8fafc;border-radius:12px;padding:12px}.review-score strong{display:block;margin-bottom:5px} @media(max-width:980px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #e2e8f0}.sidebar-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.portal-main{padding:26px 22px}.partner-logo-form-grid{grid-template-columns:1fr}} @media(max-width:650px){.sidebar-nav{grid-template-columns:1fr 1fr}.portal-main{padding:22px 16px}.public-nav{display:none}.review-rating-grid{grid-template-columns:1fr}} /* V1.19 Partner / Member terminology, authorization, certificate templates */ .course-card-badges .authorized{background:#e0f2fe!important;color:#075985!important}.authorization-card{border-left:4px solid #0284c7}.authorization-card h2{margin-bottom:12px}.bundle-list>div{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e2e8f0}.bundle-list>div:last-child{border-bottom:0}.bundle-list small{display:block;color:#64748b;margin-top:3px}.bundle-item-row{margin:12px 0}.certificate-template-preview{aspect-ratio:297/210;background:#fff;border:4px solid #0f2f66}.sidebar-nav a[href*="certificate-templates"]{font-weight:800} /* V1.21 Arabic / RTL localization */ html,body,button,input,select,textarea{font-family:'Tajawal',Arial,sans-serif} body{font-family:'Tajawal',Arial,sans-serif} .language-switcher{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;padding:5px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;white-space:nowrap} .language-switcher a{color:#64748b;font-weight:700}.language-switcher a.active{color:#0f172a}.language-switcher span{color:#cbd5e1} html[dir="rtl"] body{direction:rtl;text-align:right} html[dir="rtl"] .site-header,html[dir="rtl"] .page-head,html[dir="rtl"] .section-head,html[dir="rtl"] .action-row,html[dir="rtl"] .row-actions,html[dir="rtl"] .card-meta,html[dir="rtl"] .card-footer{direction:rtl} html[dir="rtl"] th,html[dir="rtl"] td{text-align:right} html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right} html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="number"]{direction:ltr;text-align:left} html[dir="rtl"] .portal-sidebar{border-right:0;border-left:1px solid #e2e8f0} html[dir="rtl"] .timeline-item{border-left:0;border-right:3px solid #cbd5e1;padding-left:0;padding-right:18px} html[dir="rtl"] .authorization-card{border-left:1px solid #e5e7eb;border-right:4px solid #0284c7} html[dir="rtl"] .form-card input[type=checkbox]{margin-right:0;margin-left:8px} html[dir="rtl"] .event-showcase-card>a,html[dir="rtl"] .course-card-click,html[dir="rtl"] .coach-card-click{direction:rtl} html[dir="rtl"] .coach-card-footer strong,html[dir="rtl"] .event-arrow{transform:scaleX(-1)} html[dir="rtl"] .marketplace-count{text-align:right} html[dir="rtl"] .filterbar{direction:rtl} html[dir="rtl"] .finance-table>div,html[dir="rtl"] .modern-table>div{direction:rtl} html[dir="rtl"] .certificate-template-preview{direction:rtl} @media(max-width:980px){html[dir="rtl"] .portal-sidebar{border-left:0}} /* V1.23 public chat, consistent media, premium Coach profile */ .course-card{height:100%;overflow:hidden}.course-card-click{height:100%;display:flex;flex-direction:column}.course-card-body{display:flex;flex-direction:column;flex:1}.course-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5;min-height:3em;max-height:3em;margin-bottom:14px}.course-card-media{background:linear-gradient(135deg,#f8fafc,#eef2f7);display:grid;place-items:center;overflow:hidden}.course-card-media img{width:100%;height:220px;object-fit:contain;object-position:center;background:#f8fafc;padding:8px}.course-detail-media{background:linear-gradient(135deg,#eef2f7,#fff);display:grid;place-items:center}.course-detail-media img{width:100%;height:100%;max-height:440px;object-fit:contain;object-position:center;padding:14px}.coach-card-media,.coach-premium-photo,.upload-preview-frame{background:linear-gradient(135deg,#f8fafc,#eef2f7);display:grid;place-items:center;overflow:hidden}.coach-card-media img{width:100%;height:260px;object-fit:contain;object-position:center;padding:8px}.upload-preview-frame{width:180px;height:150px;border:1px solid #e2e8f0;border-radius:16px;margin-top:12px}.upload-preview-frame img{width:100%;height:100%;object-fit:contain;object-position:center;padding:6px} .coach-premium-hero{display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px;align-items:center;padding:34px;background:linear-gradient(135deg,#0f172a,#172554 58%,#1e3a8a);color:#fff;border-radius:28px;box-shadow:0 24px 65px rgba(15,23,42,.18);margin-bottom:20px}.coach-premium-photo{height:360px;border-radius:24px;background:rgba(255,255,255,.96)}.coach-premium-photo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px}.coach-photo-placeholder{width:150px;height:150px;border-radius:50%;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:4rem;font-weight:900}.coach-premium-copy .eyebrow{color:#bfdbfe}.coach-premium-copy h1{font-size:2.45rem;margin:8px 0 4px}.coach-premium-copy h2{font-size:1.15rem;font-weight:600;color:#dbeafe;margin:0 0 16px}.coach-meta-row{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;color:#e2e8f0}.coach-rating{color:#fbbf24}.coach-rating small{color:#cbd5e1}.coach-premium-copy .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.coach-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.coach-socials a{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);padding:8px 11px;border-radius:999px;font-size:.82rem;font-weight:700}.coach-counter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.coach-counter-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;text-align:center;box-shadow:0 7px 22px rgba(15,23,42,.04)}.coach-counter-grid strong{display:block;font-size:2rem;color:#0f172a}.coach-counter-grid span{color:#64748b;font-size:.84rem}.coach-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.coach-profile-layout>div{display:grid;gap:20px}.coach-story{line-height:1.85}.coach-contact-card{position:sticky;top:100px;height:max-content}.coach-contact-card p{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid #f1f5f9}.coach-contact-card small{color:#94a3b8}.coach-course-grid{margin-top:10px}.course-card.compact .course-card-media img{height:180px} .public-chat{position:fixed;bottom:22px;right:22px;z-index:80}.chat-launcher{display:flex;align-items:center;gap:9px;border-radius:999px;padding:13px 18px;background:#0f2f66;box-shadow:0 16px 42px rgba(15,47,102,.28)}.chat-launcher span{font-size:1.25rem}.chat-window{position:absolute;right:0;bottom:62px;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100vh - 105px));background:#fff;border:1px solid #dbe3ee;border-radius:22px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.24)}.chat-header{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(135deg,#0f2f66,#173f7d);color:#fff;padding:17px 18px;min-height:auto!important;border:0!important}.chat-header>div{display:flex;flex-direction:column}.chat-header .eyebrow{color:#bfdbfe}.chat-header strong{font-size:1rem}.chat-header small{font-size:.75rem;color:#dbeafe}.chat-header small.online{color:#86efac}.chat-header button{background:rgba(255,255,255,.1);width:34px;height:34px;border-radius:50%;padding:0;font-size:1.3rem}.chat-content{height:calc(100% - 83px);overflow:auto;padding:16px}.chat-step h3{margin:0 0 5px}.chat-step>p{color:#64748b;font-size:.85rem;line-height:1.55}.chat-step label{display:block;margin:10px 0;font-size:.82rem;font-weight:700}.chat-step input,.chat-step textarea{width:100%;padding:10px 11px;border:1px solid #cbd5e1;border-radius:10px;margin-top:5px}.chat-status{font-size:.8rem;padding:0 0 8px;color:#166534}.chat-status.bad{color:#991b1b}.chat-text-action{background:transparent;color:#475569;padding:8px 0}.chat-faq-wrap{border-bottom:1px solid #e2e8f0;padding-bottom:12px}.chat-faqs{display:flex;gap:7px;overflow:auto;padding-top:8px}.chat-faqs button{background:#eff6ff;color:#1e3a8a;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;font-size:.75rem;white-space:nowrap}.chat-messages{display:flex;flex-direction:column;gap:9px;min-height:210px;max-height:310px;overflow:auto;padding:12px 2px}.chat-bubble{max-width:84%;border-radius:15px;padding:9px 12px;line-height:1.5;font-size:.85rem}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-bubble.guest{align-self:flex-end;background:#0f2f66;color:#fff;border-bottom-right-radius:4px}.chat-bubble.admin{align-self:flex-start;background:#ecfdf5;color:#14532d;border-bottom-left-radius:4px}.chat-bubble.bot{align-self:flex-start;background:#f1f5f9;color:#334155;border-bottom-left-radius:4px}.chat-bubble small{display:block;font-size:.68rem;opacity:.7;margin-bottom:4px}.chat-compose{border-top:1px solid #e2e8f0;padding-top:10px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.chat-compose textarea{resize:none;margin:0}.chat-security-note{display:block;text-align:center;color:#64748b;margin-top:8px}.chat-admin-thread{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto}.chat-admin-thread .chat-bubble.admin{align-self:flex-end}.chat-table>div{grid-template-columns:1.4fr .6fr .8fr}.chat-table>div>div:last-child{display:flex;justify-content:flex-end;gap:10px;align-items:center} html[dir="rtl"] .public-chat{right:auto;left:22px}html[dir="rtl"] .chat-window{right:auto;left:0}html[dir="rtl"] .chat-bubble.guest{align-self:flex-start;border-bottom-right-radius:15px;border-bottom-left-radius:4px}html[dir="rtl"] .chat-bubble.admin,html[dir="rtl"] .chat-bubble.bot{align-self:flex-end;border-bottom-left-radius:15px;border-bottom-right-radius:4px} @media(max-width:900px){.coach-premium-hero{grid-template-columns:1fr}.coach-premium-photo{max-width:420px;width:100%;margin:auto}.coach-counter-grid{grid-template-columns:repeat(2,1fr)}.coach-profile-layout{grid-template-columns:1fr}.coach-contact-card{position:static}}@media(max-width:650px){.course-card-media img{height:200px}.coach-premium-hero{padding:22px}.coach-premium-copy h1{font-size:1.85rem}.coach-counter-grid{grid-template-columns:1fr 1fr}.public-chat{bottom:14px;right:14px}html[dir="rtl"] .public-chat{left:14px}.chat-launcher strong{display:none}.chat-launcher{width:50px;height:50px;padding:0;justify-content:center}.chat-window{bottom:58px}.chat-table>div{display:flex;flex-direction:column!important}.chat-table>div>div:last-child{justify-content:flex-start}} .course-image,.course-hero-image,.coach-photo,.public-avatar,.institute-card-logo{object-fit:contain!important;object-position:center!important;background:#f8fafc}.course-image{padding:6px}.course-hero-image{padding:12px}.public-avatar{padding:6px} .course-card-media{height:220px}.course-card-media img{height:100%!important;object-fit:contain!important;object-position:center!important;background:#f8fafc;padding:8px}.coach-card-avatar{object-fit:contain!important;object-position:center!important;background:#fff;padding:4px} /* V1.24.1 floating support assistant hardening */ .public-chat{position:fixed!important;inset:auto 22px 22px auto!important;z-index:10000!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important} .public-chat .chat-launcher{position:relative!important;z-index:10002!important;margin:0!important} .public-chat .chat-window{position:fixed!important;right:22px!important;left:auto!important;bottom:84px!important;top:auto!important;z-index:10001!important;width:min(390px,calc(100vw - 28px))!important;height:min(650px,calc(100dvh - 110px))!important;margin:0!important;transform:none!important} html[dir="rtl"] .public-chat{right:auto!important;left:22px!important} html[dir="rtl"] .public-chat .chat-window{right:auto!important;left:22px!important} @media(max-width:650px){.public-chat{right:14px!important;bottom:14px!important}html[dir="rtl"] .public-chat{right:auto!important;left:14px!important}.public-chat .chat-window{right:14px!important;bottom:74px!important;width:calc(100vw - 28px)!important;height:min(620px,calc(100dvh - 96px))!important}html[dir="rtl"] .public-chat .chat-window{right:auto!important;left:14px!important}} /* V1.25 home Coach slider, footer, contact and Coach Spotlight */ .coach-home-slider-wrap{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:16px 0 42px}.coach-home-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px}.coach-home-slider::-webkit-scrollbar{display:none}.home-coach-slide{flex:0 0 205px;scroll-snap-align:start;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:14px;text-align:center;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:.2s}.home-coach-slide:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.1);text-decoration:none}.home-coach-photo{height:185px;border-radius:15px;background:#f8fafc;display:grid;place-items:center;overflow:hidden;margin-bottom:12px}.home-coach-photo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:6px}.home-coach-photo span{width:78px;height:78px;border-radius:50%;background:#0f2f66;color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:800}.home-coach-slide strong,.home-coach-slide small{display:block}.home-coach-slide small{color:#64748b;margin-top:4px}.slider-arrow{width:42px;height:42px;border-radius:50%;padding:0;font-size:1.7rem;background:#fff;color:#0f172a;border:1px solid #dbe3ee;box-shadow:0 8px 20px rgba(15,23,42,.08)} .site-footer{text-align:initial;background:#0f172a;color:#cbd5e1;padding:46px 6% 20px;margin-top:50px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px}.site-footer h3{color:#fff;margin:0 0 14px}.site-footer a,.site-footer span{display:block;color:#cbd5e1;margin:8px 0}.site-footer a:hover{color:#fff}.footer-brand{display:flex!important;color:#fff!important;margin:0 0 15px!important}.footer-brand img{height:48px;max-width:190px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.footer-brand-block p{max-width:440px;line-height:1.8}.footer-bottom{max-width:1180px;margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#94a3b8}.legal-page{max-width:900px;margin:auto}.legal-copy{line-height:1.9;white-space:normal}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-message-copy{line-height:1.8;white-space:normal}.spotlight-coach-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.spotlight-coach-option{border:1px solid #e2e8f0;border-radius:14px;padding:10px!important;margin:0!important;display:flex!important;align-items:flex-start;gap:8px}.spotlight-coach-option input{width:auto!important}.spotlight-coach-option span{display:grid;grid-template-columns:42px 1fr;column-gap:9px;align-items:center}.spotlight-coach-option img{width:42px;height:42px;border-radius:50%;object-fit:contain;background:#f8fafc;grid-row:1/3}.spotlight-coach-option small{color:#64748b}.timeline-item a{font-weight:700;color:#1d4ed8} html[dir="rtl"] .coach-home-slider{direction:rtl} @media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}.coach-home-slider-wrap{grid-template-columns:1fr}.slider-arrow{display:none}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.home-coach-slide{flex-basis:175px}.home-coach-photo{height:160px}} .spotlight-vote-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.7rem}.spotlight-vote-row form{margin:0}.spotlight-callout{border-style:dashed}.status-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0} /* V1.26.1 compact course pagination */ .course-pagination{ display:flex; align-items:center; justify-content:center; gap:.45rem; margin:2rem auto 1rem; direction:ltr; } .course-pagination .page-nav, .course-pagination .page-number{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #d9dee7; border-radius:10px; background:#fff; color:#172033; text-decoration:none; font-weight:700; line-height:1; } .course-pagination .page-nav{ font-size:1.65rem; } .course-pagination .page-number.active{ background:#172033; border-color:#172033; color:#fff; } .course-pagination .disabled{ opacity:.38; cursor:not-allowed; } .course-pagination a:hover{ border-color:#172033; transform:translateY(-1px); } /* V1.27 public engagement */ .hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important} .public-engagement-form{max-width:900px;margin:1.5rem auto} .survey-question{display:block;margin:1.25rem 0} .home-promo{position:fixed;z-index:9995;background:#111a2c;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28);opacity:0;transition:.25s ease;display:flex;gap:1rem;align-items:center} .home-promo-side{bottom:100px;inset-inline-end:24px;width:min(420px,calc(100vw - 32px));padding:1.25rem;border-radius:18px;transform:translateX(calc(100% + 40px));flex-wrap:wrap} [dir=rtl] .home-promo-side{transform:translateX(calc(-100% - 40px))} .home-promo-top{top:82px;left:50%;width:min(900px,calc(100vw - 32px));padding:1rem 1.25rem;border-radius:0 0 16px 16px;transform:translate(-50%,-130%)} .home-promo.show{opacity:1;transform:translate(0,0)} .home-promo-top.show{transform:translate(-50%,0)} .home-promo-copy{flex:1;min-width:220px;font-weight:600} .home-promo-close{border:0;background:rgba(255,255,255,.12);color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.2rem} @media(max-width:640px){.home-promo-side{inset-inline:16px;bottom:88px;width:auto}.home-promo-top{top:72px}.marketplace-filter{grid-template-columns:1fr!important}} /* V1.27.1 Admin Marketing & Engagement visibility */ .sidebar-section-label{ margin:14px 8px 5px; padding-top:10px; border-top:1px solid #e2e8f0; color:#0f172a; font-size:.72rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; } .sidebar-feature-link{background:#eef2ff!important;color:#172554!important;font-weight:850!important} .engagement-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .engagement-admin-card{display:flex;flex-direction:column;gap:16px} .engagement-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .engagement-admin-head h2{margin:0 0 6px}.engagement-admin-head p{margin:0;color:#64748b} .status-pill{padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap} .status-on{background:#dcfce7;color:#166534}.status-off{background:#f1f5f9;color:#64748b} .engagement-stats{padding:10px 0;color:#475569} .admin-feature-settings{scroll-margin-top:100px} @media(max-width:800px){.engagement-admin-grid{grid-template-columns:1fr}} /* V1.27.2 navigation interaction hardening */ .site-header{ position:sticky!important; top:0!important; z-index:20050!important; isolation:isolate; } .site-header .brand, .site-header .public-nav, .site-header .account-nav, .site-header a, .site-header button, .site-header form{ position:relative; z-index:20051; pointer-events:auto!important; } .home-promo{z-index:9995!important;} .public-chat{z-index:10000!important;} /* V1.28 operations, wizard, 360째 review and image-preview UI */ .nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#e8edf7;font-size:12px;font-weight:800;margin-inline-start:auto}.nav-count.urgent{background:#ffe5e5;color:#9e1b1b}.sidebar-nav>a{display:flex;align-items:center;gap:8px}.wizard-progress{display:grid;grid-template-columns:repeat(8,minmax(80px,1fr));gap:8px;margin-bottom:22px;overflow-x:auto;padding-bottom:6px}.wizard-dot{border:1px solid #dce3ec;background:#fff;border-radius:12px;padding:10px 8px;display:flex;align-items:center;gap:7px;min-width:105px;cursor:pointer}.wizard-dot span{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef2f7;font-weight:800}.wizard-dot small{font-weight:700}.wizard-dot.active{border-color:#1f5d48;box-shadow:0 0 0 2px rgba(31,93,72,.08)}.wizard-dot.active span,.wizard-dot.done span{background:#1f5d48;color:#fff}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-actions{display:flex;justify-content:space-between;gap:12px;position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:16px 0;border-top:1px solid #e8edf2;z-index:5}.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.review-card{border:1px solid #e2e8ef;border-radius:14px;background:#fff;padding:15px;display:flex;flex-direction:column;gap:5px;min-width:0}.review-card small{color:#6e7781;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.review-card strong{font-size:17px;overflow-wrap:anywhere}.review-card span{color:#5f6872}.auto-image-preview{margin-top:8px;display:flex;align-items:center;gap:10px;min-height:44px}.auto-image-preview img{width:96px;height:72px;object-fit:contain;border:1px solid #dfe5ec;border-radius:10px;background:#fff}.auto-image-preview span,.auto-image-preview small{color:#707986}.task-list{display:grid;gap:10px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;border:1px solid #e1e7ee;border-radius:14px;padding:14px 16px;background:#fff}.task-row:hover{border-color:#9fb7ad}.task-row.urgent{border-inline-start:5px solid #b82d2d}.task-row div{display:flex;flex-direction:column;gap:3px}.task-row small{color:#6d7580}.task-count{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:50%;background:#eef3f8;font-weight:800;font-size:18px}.section-head{display:flex;align-items:center;justify-content:space-between}.payment-proof-preview{max-width:720px;max-height:620px;width:auto;height:auto;object-fit:contain;border:1px solid #dce3ea;border-radius:14px;background:#fff}.decision-zone{border:2px solid #d9e2ea}.timeline{display:grid;gap:10px}.timeline>div{display:grid;gap:3px;border-inline-start:3px solid #dfe6ec;padding:7px 12px}.timeline span,.timeline small{color:#66707a} @media(max-width:1100px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-progress{grid-template-columns:repeat(8,120px)}} @media(max-width:640px){.review-grid{grid-template-columns:1fr}.wizard-actions{flex-wrap:wrap}.payment-proof-preview{max-width:100%}} /* V1.29 unified animated result experience */ .result-page-wrap{max-width:860px;margin:42px auto 72px;padding:0 18px}.result-card{background:#fff;border:1px solid #e7ecf3;border-radius:24px;padding:42px 38px;text-align:center;box-shadow:0 20px 55px rgba(15,47,102,.10);overflow:hidden;position:relative}.result-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#5469d4,#4f46e5)}.result-check{width:94px;height:94px;margin:0 auto 18px}.result-check svg{width:100%;height:100%}.result-check-circle{stroke:#22c55e;stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:result-circle .65s ease-out forwards}.result-check-path{stroke:#22c55e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:result-check .42s .5s ease-out forwards}.result-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#4f46e5}.result-card h1{font-size:clamp(27px,4vw,38px);margin:8px 0 12px;color:#172033}.result-message{max-width:690px;margin:0 auto;color:#667085;font-size:17px;line-height:1.8}.result-reference{display:inline-flex;gap:10px;align-items:center;background:#f8fafc;border:1px solid #e7ecf3;border-radius:10px;padding:9px 14px;margin-top:20px;color:#667085}.result-reference strong{color:#172033}.result-next{max-width:660px;margin:30px auto 0;text-align:start;background:#f8fafc;border:1px solid #e7ecf3;border-radius:16px;padding:20px}.result-next h2{font-size:16px;margin:0 0 14px;color:#172033}.result-step{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;margin:11px 0}.result-step span{width:28px;height:28px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.result-step p{margin:2px 0 0;color:#475467;line-height:1.65}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.result-actions .btn.ghost{background:transparent;border:1px solid #d7dce5;color:#344054}@keyframes result-circle{to{stroke-dashoffset:0}}@keyframes result-check{to{stroke-dashoffset:0}}@media(max-width:640px){.result-card{padding:34px 20px}.result-actions{flex-direction:column}.result-actions .btn{width:100%}} /* V1.29 universal success toast for smaller form actions */ .global-success-toast{position:fixed;z-index:30000;inset:auto 20px 20px auto;max-width:420px;background:#fff;border:1px solid #dcfce7;border-radius:15px;padding:14px 16px;box-shadow:0 16px 45px rgba(15,23,42,.18);display:flex;gap:12px;align-items:flex-start;animation:successToastIn .35s ease-out}.global-success-toast .gst-check{width:30px;height:30px;min-width:30px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.global-success-toast strong{display:block;margin-bottom:2px}.global-success-toast p{margin:0;color:#667085;line-height:1.45}.global-success-toast button{border:0;background:transparent;font-size:20px;cursor:pointer;color:#98a2b3}.global-success-toast[dir=rtl]{inset:auto auto 20px 20px}@keyframes successToastIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} /* V1.30 Home templates and hero controls */ .home-hero{position:relative;overflow:hidden}.home-hero.has-background{background-image:linear-gradient(rgba(30,41,59,var(--hero-overlay)),rgba(30,41,59,var(--hero-overlay))),var(--hero-bg)!important;background-size:cover!important;background-position:center!important}.home-hero .hero-cta{background:#fff!important;color:#4338ca!important;border:1px solid #fff!important}.home-hero .hero-cta:hover{transform:translateY(-1px);opacity:.94}.home-template-focus .home-hero{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.home-template-focus .home-hero h1{max-width:900px;font-size:clamp(2.2rem,5vw,4.4rem)}.home-template-editorial .home-hero{border-radius:0;background:linear-gradient(135deg,#111827,#312e81)}.home-template-editorial .home-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-template-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.home-template-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:7px;cursor:pointer}.home-template-card:has(input:checked){outline:3px solid rgba(79,70,229,.18);border-color:#4f46e5}.template-mini{height:110px;border-radius:10px;background:#f3f4f6;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.template-mini i{grid-column:1/-1;background:#4f46e5;border-radius:7px}.template-mini b{background:#fff;border-radius:5px}.template-mini-focus i{height:65px}.template-mini-editorial{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.home-template-picker{grid-template-columns:1fr}.home-template-editorial .home-course-grid{grid-template-columns:1fr}} /* V1.31.2 Communications workspace redesign */ .authenticated-header{position:relative!important;top:auto!important;z-index:30!important} .communications-page{max-width:1080px;margin:0 auto}.communications-head{margin-bottom:22px}.communications-head h1{margin:.35rem 0 .4rem;font-size:2rem}.comm-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px;margin-bottom:22px}.comm-panel-head{margin-bottom:22px}.comm-panel-head h2{margin:5px 0 6px;font-size:1.35rem}.comm-panel-head p{margin:0;color:#64748b}.comm-panel-head-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.comm-grid{display:grid;gap:16px;margin-bottom:18px}.comm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.comm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.comm-span-2{grid-column:span 2}.comm-grid label{display:block;margin:0;min-width:0}.comm-grid label>span:first-child,.comm-field-label{display:block;font-weight:700;font-size:.9rem;color:#334155;margin-bottom:7px}.comm-grid input,.comm-grid select,.comm-grid textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font:inherit}.comm-grid textarea{resize:vertical;line-height:1.55}.comm-grid input:focus,.comm-grid select:focus,.comm-grid textarea:focus{outline:2px solid rgba(15,23,42,.12);border-color:#64748b}.comm-delivery{min-width:0}.comm-channel-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comm-channel{display:flex!important;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:12px;padding:11px 13px!important;margin:0!important;background:#f8fafc;cursor:pointer}.comm-channel input[type=checkbox]{width:auto!important;margin:0!important;flex:0 0 auto}.comm-channel span{display:flex!important;flex-direction:column;margin:0!important}.comm-channel strong{font-size:.9rem}.comm-channel small{color:#64748b;margin-top:2px}.comm-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid #f1f5f9}.comm-template-create{padding:20px;margin-bottom:18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.comm-template-create[hidden]{display:none}.comm-template-list{display:grid;gap:10px}.comm-template-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.comm-template-info{display:flex;flex-direction:column;gap:4px;min-width:0}.comm-template-info strong{color:#0f172a}.comm-template-info span{color:#64748b;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-template-row form{margin:0}.comm-template-row .btn{white-space:nowrap} html[dir="rtl"] .communications-page{text-align:right}html[dir="rtl"] .comm-grid input[dir="ltr"]{text-align:left} @media(max-width:900px){.comm-grid-3{grid-template-columns:1fr 1fr}.comm-grid-3>label:first-child{grid-column:span 2}.comm-span-2{grid-column:span 2}.comm-panel-head-row{align-items:flex-start}} @media(max-width:650px){.comm-panel{padding:18px}.comm-grid-3,.comm-grid-2,.comm-channel-row{grid-template-columns:1fr}.comm-grid-3>label:first-child,.comm-span-2{grid-column:span 1}.comm-panel-head-row,.comm-actions{align-items:stretch;flex-direction:column}.comm-panel-head-row .btn,.comm-actions .btn{width:100%;text-align:center}.comm-template-row{grid-template-columns:1fr auto}.comm-template-row form{grid-column:1/-1}.comm-template-row form .btn{width:100%}} /* V1.32 About, Agreements & Staff */ .about-hero{margin:20px 0;border-radius:22px;overflow:hidden;max-height:420px}.about-hero img{width:100%;height:420px;object-fit:cover}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-grid .panel:first-child{grid-column:1/-1}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:7px;font-weight:700}.two-col,.three-col{display:grid;gap:16px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.check-row{display:flex!important;align-items:center;gap:9px!important}.check-row input{width:auto}.heading-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.agreement-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.inline-form,.sign-box{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.sign-box{margin-top:16px;padding:16px;border:1px solid #e7e1ef;border-radius:14px}.agreement-card{margin-bottom:18px}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 0}.table-wrap{overflow:auto}.actions{display:flex;gap:10px}.rich-copy{white-space:normal;line-height:1.8}@media(max-width:900px){.about-grid,.two-col,.three-col,.permission-grid{grid-template-columns:1fr}.heading-actions{flex-direction:column}.about-hero img{height:260px}} /* V1.32.5 unified success result modal */ .result-page-wrap{max-width:none!important;margin:0!important;padding:0!important;position:fixed;inset:0;z-index:40000;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:22px!important;overflow:auto}.result-card{width:min(720px,100%);max-height:calc(100vh - 44px);overflow:auto!important;margin:auto;background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:24px;padding:38px 34px;text-align:center;box-shadow:0 28px 90px rgba(15,23,42,.32);position:relative;animation:resultModalIn .28s ease-out}.result-card:before{height:6px}.result-modal-close{position:absolute;top:15px;inset-inline-end:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.result-modal-close:hover{background:#e2e8f0;color:#0f172a}.result-page-wrap .result-check{width:82px;height:82px}.result-page-wrap .result-next{max-height:260px;overflow:auto}.result-page-wrap .result-actions{position:sticky;bottom:-38px;background:#fff;padding:16px 0 2px;margin-top:22px}.result-noscript-note{margin:14px auto 0;color:#64748b;font-size:.85rem}@keyframes resultModalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:640px){.result-page-wrap{padding:12px!important;align-items:flex-end}.result-card{max-height:calc(100vh - 24px);border-radius:22px 22px 16px 16px;padding:34px 18px 22px}.result-page-wrap .result-actions{bottom:-22px}.result-modal-close{top:11px;inset-inline-end:11px}} /* V1.33 granular staff permissions and agreement templates */ .permission-presets{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding:.8rem 0} .permission-groups{display:grid;gap:1rem} .permission-group{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;background:#fff} .permission-group-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem} .permission-group-heading h3{margin:0;font-size:1rem} .granular-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem} .permission-card{display:flex;gap:.7rem;align-items:flex-start;border:1px solid #e8ebf0;border-radius:12px;padding:.8rem;cursor:pointer;background:#fafbfc} .permission-card input{margin-top:.2rem;flex:0 0 auto} .permission-card span{display:grid;gap:.2rem} .permission-card small{color:#64748b;font-family:monospace;font-size:.72rem;overflow-wrap:anywhere} .agreement-language-columns textarea{min-height:360px} .inline-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center} .btn.small{padding:.45rem .7rem;font-size:.82rem} @media(max-width:820px){.granular-permission-grid{grid-template-columns:1fr}.permission-group-heading{align-items:flex-start;flex-direction:column}.agreement-language-columns{grid-template-columns:1fr!important}} /* V1.33.1 Session marketplace and Admin session review */ .session-marketplace-filter{max-width:none;display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(180px,.8fr) minmax(160px,.7fr) auto auto;gap:12px;align-items:end;padding:18px 20px} .session-marketplace-filter label{margin:0;color:#475569;font-size:.78rem;font-weight:800}.session-marketplace-filter input,.session-marketplace-filter select{width:100%;min-width:0;margin-top:6px} .session-card-grid .session-card{min-width:0}.session-card-media .session-cover-placeholder{width:100%}.session-card .course-card-status span:last-child{font-weight:800;color:#334155} .session-detail-hero .session-detail-media{min-width:0}.session-detail-placeholder{border-radius:18px}.session-reserve-card form{margin-top:14px}.session-reserve-card label{display:block;margin:12px 0;color:#475569;font-size:.84rem;font-weight:700}.session-reserve-card select,.session-reserve-card textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #d7dee8;border-radius:10px;background:#fff;color:#0f172a} .admin-session-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;margin-bottom:22px;box-shadow:0 10px 30px rgba(15,23,42,.045)}.admin-session-hero-media{height:190px;background:linear-gradient(135deg,#f8fafc,#eef2f7);border-radius:16px;display:grid;place-items:center;overflow:hidden}.admin-session-hero-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px}.admin-session-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.admin-session-placeholder span{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:2rem;font-weight:900}.admin-session-placeholder small{color:#e2e8f0}.admin-session-hero-copy h1{font-size:2rem;line-height:1.15;margin:7px 0 7px}.admin-session-hero-copy p{margin:0 0 13px;color:#64748b}.admin-session-chips{display:flex;gap:8px;flex-wrap:wrap}.admin-session-chips span{padding:7px 10px;background:#f1f5f9;border-radius:999px;color:#334155;font-size:.76rem;font-weight:800}.admin-session-chips .status-approved{background:#dcfce7;color:#166534}.admin-session-chips .status-pending{background:#fef3c7;color:#92400e}.admin-session-chips .status-rejected{background:#fee2e2;color:#991b1b} .session-review-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:20px;align-items:start}.session-review-main,.session-slots-card{padding:24px}.session-review-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.session-review-heading h2,.session-slots-card h2{margin:6px 0 14px}.session-approval-actions{display:flex;gap:8px;flex-wrap:wrap}.session-approval-actions form{margin:0}.session-admin-description{padding:14px 0 18px}.session-admin-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.session-slot-list{display:grid;gap:9px;max-height:490px;overflow:auto;padding-inline-end:3px}.session-slot-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:11px 12px}.session-slot-row>div{display:flex;flex-direction:column;gap:3px}.session-slot-row strong{font-size:.83rem;color:#1e293b}.session-slot-row small{font-size:.74rem;color:#64748b}.session-reservations-section{margin-top:26px}.session-reservations-table{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.session-reservations-table table{min-width:880px}.session-reservation-action{display:flex;gap:7px;align-items:center;margin:0!important}.session-reservation-action select{min-width:145px;padding:8px;border:1px solid #d7dee8;border-radius:8px;background:#fff} html[dir="rtl"] .session-reservations-table th,html[dir="rtl"] .session-reservations-table td{text-align:right} @media(max-width:1050px){.session-marketplace-filter{grid-template-columns:1fr 1fr}.session-review-layout{grid-template-columns:1fr}.session-slots-card{position:static}.session-admin-facts{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.admin-session-hero{grid-template-columns:1fr}.admin-session-hero-media{height:240px}.session-review-heading{flex-direction:column}.session-approval-actions{width:100%}.session-approval-actions form{flex:1}.session-approval-actions button{width:100%}.session-admin-facts{grid-template-columns:1fr}.session-marketplace-filter{grid-template-columns:1fr}.session-marketplace-filter>*{width:100%}} /* V1.34 go-live OTP + mobile support chat polish */ .otp-page-shell{max-width:680px;margin:0 auto;padding:34px 18px 54px}.otp-card{max-width:580px;margin:0 auto;padding:30px}.otp-step-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eef4ff;color:#274690;font-size:.72rem;font-weight:800;padding:7px 11px;margin-bottom:12px}.otp-required-note{display:flex;flex-direction:column;gap:5px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:13px;padding:14px 16px;margin:18px 0}.otp-required-note strong{color:#172033}.otp-required-note span{color:#64748b;font-size:.88rem;line-height:1.55}.otp-form{margin-top:18px}.otp-code-input{direction:ltr!important;text-align:center!important;font-size:30px!important;letter-spacing:10px!important;font-weight:800!important;padding:15px!important}.otp-resend-form{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:15px}.otp-resend-form .link-button{font-weight:800;text-decoration:underline}.otp-expiry{text-align:center;font-size:.78rem;margin-top:12px} .public-chat{z-index:30000!important}.public-chat .chat-window{z-index:30001!important}.public-chat .chat-launcher{z-index:30002!important}.chat-launcher-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.chat-launcher-copy strong{font-size:.83rem}.chat-launcher-copy small{font-size:.66rem;opacity:.78;margin-top:3px}.chat-header{position:sticky!important;top:0!important;z-index:4!important}.chat-header-identity{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px}.chat-header-identity>div{display:flex;flex-direction:column}.chat-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:#173f7d;font-weight:900;font-size:1rem;flex:0 0 auto} @media(max-width:650px){.public-chat{right:10px!important;bottom:10px!important}html[dir="rtl"] .public-chat{right:auto!important;left:10px!important}.public-chat .chat-launcher{width:auto!important;height:auto!important;min-height:50px;padding:9px 14px!important;gap:9px!important}.public-chat .chat-launcher strong{display:block!important}.chat-launcher-copy{display:flex!important}.public-chat .chat-window{top:10px!important;bottom:10px!important;right:10px!important;left:10px!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:18px!important}html[dir="rtl"] .public-chat .chat-window{right:10px!important;left:10px!important}.chat-header{padding:14px 15px!important}.chat-content{height:calc(100% - 72px)!important;padding:14px!important}.chat-messages{max-height:calc(100dvh - 330px)!important}.chat-launcher-icon{font-size:1.1rem}} /* V1.35 go-live mobile navigation + final UI polish */ .mobile-nav-toggle,.mobile-nav-panel{display:none} .mobile-nav-toggle{width:44px;height:44px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.05)} .mobile-nav-toggle span{display:block;width:20px;height:2px;background:#172033;border-radius:999px;transition:.2s ease} .mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0} .mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .mobile-nav-panel{position:absolute;top:100%;inset-inline:12px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 22px 55px rgba(15,23,42,.16);padding:12px;z-index:40000} .mobile-nav-panel[hidden]{display:none!important} .mobile-nav-links{display:grid;gap:4px}.mobile-nav-links>a,.mobile-nav-link-button{display:flex;width:100%;align-items:center;justify-content:flex-start;padding:11px 12px;border-radius:10px;border:0;background:transparent;color:#172033;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;text-align:start}.mobile-nav-links>a:hover,.mobile-nav-link-button:hover{background:#f5f7fb}.mobile-nav-primary{background:#172033!important;color:#fff!important}.mobile-nav-divider{height:1px;background:#e8edf3;margin:6px 0}.mobile-nav-language{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px 2px}.mobile-nav-language a{font-size:.82rem;font-weight:800;color:#64748b}.mobile-nav-language a.active{color:#172033}.mobile-nav-open{overflow:hidden} @media(max-width:760px){ .site-header{min-height:64px!important;padding:10px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;position:sticky!important;top:0!important} .site-header .brand{min-width:0}.site-header .brand img{height:38px!important;max-width:145px!important}.site-header .brand>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px} .site-header>.public-nav,.site-header>.account-nav{display:none!important}.mobile-nav-toggle{display:flex!important}.mobile-nav-panel{display:block} .portal-shell{display:block!important}.portal-sidebar{position:static!important;height:auto!important;padding:12px 10px!important}.sidebar-user{padding:8px 7px 12px!important}.sidebar-nav{display:flex!important;overflow-x:auto!important;gap:7px!important;padding-bottom:4px!important;scrollbar-width:thin}.sidebar-nav>a,.sidebar-nav .sidebar-feature-link{flex:0 0 auto!important;white-space:nowrap!important;padding:9px 11px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important}.sidebar-nav .sidebar-section-label,.sidebar-nav .sidebar-divider{display:none!important} .portal-main{padding:18px 12px 28px!important}.page-head,.page-heading,.section-head{align-items:flex-start!important}.page-head h1,.page-heading h1{font-size:1.65rem!important;line-height:1.2!important}.form-card,.card,.panel{border-radius:14px!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:720px}.site-footer{padding-inline:16px!important}.footer-grid{grid-template-columns:1fr!important;gap:24px!important}.footer-bottom{text-align:center!important} .course-card-grid{grid-template-columns:1fr!important}.course-detail-hero{grid-template-columns:1fr!important}.course-detail-media{min-height:230px!important}.course-detail-layout{grid-template-columns:1fr!important}.course-register-card{position:static!important} .filterbar,.marketplace-filter{grid-template-columns:1fr!important;padding:14px!important}.filterbar>*{width:100%!important}.form-grid,.form-grid.two,.detail-info-grid{grid-template-columns:1fr!important}.action-row,.row-actions,.heading-actions{align-items:stretch!important}.action-row .btn,.row-actions .btn{flex:1 1 auto;text-align:center} .global-success-toast{inset-inline:10px!important;bottom:12px!important;max-width:none!important}.result-page-wrap{z-index:50000!important} } @media(max-width:420px){.site-header .brand>span:last-child{display:none}.site-header .brand img{max-width:125px!important}.portal-main{padding-inline:10px!important}} .translation-toolbar{display:flex;justify-content:flex-end;gap:10px;margin:0 0 12px}.translation-restore-link{display:block;margin-top:7px;padding:0;background:transparent;color:#9b2525;text-decoration:underline;font-size:.78rem;font-weight:800}.translation-restore-link:hover{color:#6f1717} @media(max-width:760px){.translation-toolbar{justify-content:stretch}.translation-toolbar .btn{width:100%}} .image-load-fallback{min-height:120px;width:100%;display:grid;place-items:center;padding:16px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-size:.82rem;font-weight:800;text-align:center} /* V1.36 sidebar organization, active state and desktop mobile-toggle guard */ @media (min-width:901px){ .site-header .mobile-nav-toggle{display:none!important;} } .portal-sidebar{background:#fff;border-inline-end:1px solid #e3eaf3;} .sidebar-nav{gap:4px;} .sidebar-nav .sidebar-section-label{ margin:15px 10px 6px;padding-top:12px;border-top:1px solid #e8eef6; color:#778398;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase; } .sidebar-nav .sidebar-section-label:first-of-type{margin-top:4px;padding-top:4px;border-top:0;} .sidebar-nav>a{ position:relative;border-radius:10px;padding:10px 12px;transition:background .16s ease,color .16s ease,box-shadow .16s ease; } .sidebar-nav>a:hover{background:#eff6ff;color:#1d4ed8;} .sidebar-nav>a.active,.sidebar-nav>a[aria-current="page"]{ background:#2563eb!important;color:#fff!important;font-weight:850!important; box-shadow:0 6px 16px rgba(37,99,235,.18); } .sidebar-nav>a.active::before,.sidebar-nav>a[aria-current="page"]::before{ content:"";position:absolute;inset-block:9px;inset-inline-start:0;width:3px;border-radius:999px;background:#bfdbfe; } .sidebar-nav>a.active .nav-count,.sidebar-nav>a[aria-current="page"] .nav-count{background:rgba(255,255,255,.2)!important;color:#fff!important;} .sidebar-logout-form{margin:8px 0 4px;padding:0;} .sidebar-logout{ width:100%;display:flex;align-items:center;gap:9px;border:1px solid #fecaca;background:#fff7f7;color:#b42318; border-radius:10px;padding:10px 12px;font:inherit;font-weight:800;cursor:pointer;text-align:start; } .sidebar-logout:hover{background:#fee2e2;border-color:#fca5a5;} @media (max-width:900px){ .sidebar-nav>a.active,.sidebar-nav>a[aria-current="page"]{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;} .sidebar-logout-form{flex:0 0 auto;margin:0;} .sidebar-logout{width:auto;white-space:nowrap;padding:9px 11px;} } /* Home Coach / Partner slider: exact complete cards per viewport */ .coach-home-slider{ gap:16px; scroll-padding:0; } .coach-home-slider .home-coach-slide{ flex:0 0 calc((100% - 48px) / 4); min-width:0; scroll-snap-align:start; } @media (max-width: 980px){ .coach-home-slider .home-coach-slide{ flex-basis:calc((100% - 16px) / 2); } } @media (max-width: 600px){ .coach-home-slider .home-coach-slide{ flex-basis:100%; } } /* FINAL home Coach / Partner slider sizing: exactly 4 full cards */ .coach-home-slider{ display:grid !important; grid-auto-flow:column; grid-auto-columns:calc((100% - 48px) / 4); gap:16px !important; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; padding:8px 0 !important; } .coach-home-slider::-webkit-scrollbar{ display:none; } .coach-home-slider .home-coach-slide{ width:100% !important; min-width:0 !important; max-width:none !important; flex:none !important; scroll-snap-align:start; } @media (max-width:980px){ .coach-home-slider{ grid-auto-columns:calc((100% - 16px) / 2); } } @media (max-width:600px){ .coach-home-slider{ grid-auto-columns:100%; } } /* V1.37.3 FINAL carousel viewport Desktop = exactly 4 complete cards, tablet = 2, mobile = 1. The slider is explicitly constrained to its grid column so no partial fifth card can bleed out. */ .coach-home-slider-wrap{ width:100%; min-width:0; } .coach-home-slider-wrap > .coach-home-slider{ width:100% !important; max-width:100% !important; min-width:0 !important; display:flex !important; gap:16px !important; overflow-x:hidden !important; overflow-y:hidden !important; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:8px 0 !important; } .coach-home-slider-wrap > .coach-home-slider > .home-coach-slide{ flex:0 0 calc((100% - 48px) / 4) !important; width:calc((100% - 48px) / 4) !important; min-width:calc((100% - 48px) / 4) !important; max-width:calc((100% - 48px) / 4) !important; box-sizing:border-box !important; scroll-snap-align:start; } @media (max-width:980px){ .coach-home-slider-wrap > .coach-home-slider > .home-coach-slide{ flex-basis:calc((100% - 16px) / 2) !important; width:calc((100% - 16px) / 2) !important; min-width:calc((100% - 16px) / 2) !important; max-width:calc((100% - 16px) / 2) !important; } } @media (max-width:600px){ .coach-home-slider-wrap > .coach-home-slider > .home-coach-slide{ flex-basis:100% !important; width:100% !important; min-width:100% !important; max-width:100% !important; } } /* ===================================================================== [SLIDER] HOME COACH / PARTNER SLIDER — EDIT THIS SECTION ===================================================================== DESKTOP = EXACTLY 4 COMPLETE CARDS TABLET = EXACTLY 2 COMPLETE CARDS MOBILE = EXACTLY 1 COMPLETE CARD Desktop formula: calc((100% - 48px) / 4) 48px = three gaps × 16px. To change desktop to 3 cards: calc((100% - 32px) / 3) ===================================================================== */ .coach-home-slider-wrap { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; min-width: 0; margin: 16px 0 42px; } .coach-home-slider-wrap > .coach-home-slider { display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 16px !important; overflow-x: hidden !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 8px 0 !important; } .coach-home-slider::-webkit-scrollbar { display: none; } /* ----- DESKTOP: EXACTLY 4 ----- */ .coach-home-slider-wrap > .coach-home-slider > .home-coach-slide { flex: 0 0 calc((100% - 48px) / 4) !important; width: calc((100% - 48px) / 4) !important; min-width: calc((100% - 48px) / 4) !important; max-width: calc((100% - 48px) / 4) !important; box-sizing: border-box !important; scroll-snap-align: start; } /* ----- TABLET: EXACTLY 2 ----- */ @media (max-width: 980px) { .coach-home-slider-wrap > .coach-home-slider > .home-coach-slide { flex-basis: calc((100% - 16px) / 2) !important; width: calc((100% - 16px) / 2) !important; min-width: calc((100% - 16px) / 2) !important; max-width: calc((100% - 16px) / 2) !important; } } /* ----- MOBILE: EXACTLY 1 ----- */ @media (max-width: 600px) { .coach-home-slider-wrap { grid-template-columns: minmax(0, 1fr); } .coach-home-slider-wrap > .coach-home-slider > .home-coach-slide { flex-basis: 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .slider-arrow { display: none; } } /* ----- RTL ----- */ html[dir="rtl"] .coach-home-slider { direction: rtl; } /* ===================== END [SLIDER] ===================== */ /* V1.37.3 - Provider profile completion modal */ .profile-completion-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)} .profile-completion-modal{width:min(520px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 80px rgba(15,23,42,.3);position:relative;text-align:start} .profile-completion-modal h2{margin:0 0 10px;font-size:1.55rem}.profile-completion-modal p{margin:0 0 16px;color:#64748b;line-height:1.7} .profile-completion-modal ul{margin:0 0 22px;padding-inline-start:22px;line-height:1.9}.profile-completion-modal .profile-modal-actions{display:flex;gap:10px;flex-wrap:wrap} .profile-completion-modal .profile-modal-close{position:absolute;inset-inline-end:14px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#64748b} @media(max-width:600px){.profile-completion-modal{padding:24px 20px}.profile-completion-modal .profile-modal-actions .btn{width:100%;text-align:center}} /* V1.38 Modern Violet Theme + Analytics */ :root{--primary:#7e4ee6;--primary-dark:#6637cf;--primary-soft:#f1ebff;--ink:#17152b;--muted:#706b80;--line:#e8e3f1;--soft:#faf9fc} body{background:#f8f7fb;color:var(--ink)}a{color:#6540c8}.btn,button{background:linear-gradient(135deg,var(--primary),#9569ef);box-shadow:0 6px 16px rgba(126,78,230,.16)}.btn:hover,button:hover{background:var(--primary-dark)}.btn.secondary{background:#27243a}.brand-mark{background:linear-gradient(135deg,var(--primary),#9b73ef)}.eyebrow{color:var(--primary);}.card,.form-card,.panel,.quick-card,.stats>div,.table{border-color:var(--line);box-shadow:0 8px 28px rgba(47,35,77,.045)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(126,78,230,.12)} .analytics-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#21183b,#7042d2 65%,#9165ea);color:#fff;border-radius:24px;padding:28px 30px;margin:0 0 18px;box-shadow:0 18px 45px rgba(78,47,145,.18)}.analytics-hero h2{font-size:1.7rem;margin:5px 0}.analytics-hero p{margin:0;color:#e9ddff}.analytics-hero .eyebrow{color:#d9c6ff}.live-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);padding:10px 14px;border-radius:999px;white-space:nowrap}.live-pill span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#70f0a5;margin-right:7px;box-shadow:0 0 0 5px rgba(112,240,165,.14)}.analytics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}.metric-card small,.metric-card span{display:block;color:var(--muted)}.metric-card strong{display:block;font-size:1.7rem;margin:7px 0;color:var(--ink)}.analytics-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-bottom:24px}.period-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.period-grid>div{background:var(--primary-soft);border-radius:14px;padding:14px}.period-grid b,.period-grid span{display:block}.period-grid b{font-size:1.35rem;color:var(--primary-dark)}.period-grid span{font-size:.8rem;color:var(--muted);margin-top:3px}.mini-bars{height:100px;display:flex;gap:7px;align-items:end;margin-top:18px}.mini-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.mini-bars i{width:70%;min-height:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--primary),#b69af5)}.mini-bars small{font-size:.68rem;color:var(--muted)}.registration-detail-panel{padding:0;overflow:hidden}.registration-detail-table th{width:220px;background:#fbf9ff;color:#5f5770}.registration-detail-table td{background:#fff}.registration-detail-table th,.registration-detail-table td{padding:15px 18px;text-transform:none;letter-spacing:0;font-size:.94rem}.panel form label{display:block;margin:12px 0}.panel form input,.panel form select,.panel form textarea{width:100%;padding:10px;border:1px solid #d8d1e5;border-radius:9px;margin-top:5px} @media(max-width:1100px){.analytics-grid{grid-template-columns:repeat(3,1fr)}.analytics-split{grid-template-columns:1fr}}@media(max-width:650px){.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-hero{align-items:flex-start;flex-direction:column}.registration-detail-table th,.registration-detail-table td{display:block;width:100%}.registration-detail-table th{padding-bottom:5px}.registration-detail-table td{padding-top:5px}.period-grid{grid-template-columns:1fr 1fr}} /* ===================================================================== V1.38.1 — ASABEELS BRAND SYSTEM: NAVY + TEAL Full application theme aligned to the ASABEEL logo. ===================================================================== */ :root{ --primary:#16b8b2;--primary-dark:#0d918e;--primary-soft:#e9f9f8; --brand-navy:#10233d;--brand-navy-dark:#091829;--brand-navy-mid:#183b59; --brand-teal:#16b8b2;--brand-teal-bright:#22c9c2;--brand-teal-soft:#e9f9f8; --ink:#142033;--muted:#64748b;--line:#e3eaf0;--soft:#f6f8fb; --surface:#fff;--surface-alt:#f8fbfc;--shadow:0 10px 30px rgba(16,35,61,.07); } html{background:var(--soft)} body{font-family:'Tajawal',Inter,Arial,sans-serif!important;background:var(--soft)!important;color:var(--ink)!important;line-height:1.6} body::selection{background:#b9efec;color:var(--brand-navy-dark)} a{color:#087f7c;transition:color .18s ease,background .18s ease,transform .18s ease} a:hover{color:var(--brand-navy)} main{padding-top:34px} /* Header / public navigation */ .site-header,header.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 4px 20px rgba(16,35,61,.045);backdrop-filter:blur(12px);padding-top:14px;padding-bottom:14px} .brand{color:var(--brand-navy)!important;font-weight:800}.brand img{filter:none}.brand-mark{background:linear-gradient(135deg,var(--brand-navy),var(--brand-teal))!important;box-shadow:0 7px 18px rgba(16,35,61,.16)} .public-nav a,.account-nav a{color:#33485f;font-weight:600;padding:7px 4px;border-radius:8px}.public-nav a:hover,.account-nav a:hover{color:var(--brand-teal);text-decoration:none}.language-switcher{background:#f3f7f9;border:1px solid var(--line);border-radius:999px;padding:5px 9px}.language-switcher a.active{color:var(--brand-navy);font-weight:800} .mobile-nav-panel{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}.mobile-nav-primary{background:var(--brand-teal)!important;color:#fff!important}.mobile-nav-toggle span{background:var(--brand-navy)!important} /* Buttons */ .btn,button:not(.link-button):not(.mobile-nav-toggle):not(.mobile-nav-link-button){background:linear-gradient(135deg,var(--brand-teal),#0ca39f)!important;color:#fff!important;border:1px solid transparent!important;border-radius:11px!important;box-shadow:0 7px 18px rgba(22,184,178,.18)!important;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease} .btn:hover,button:not(.link-button):not(.mobile-nav-toggle):not(.mobile-nav-link-button):hover{background:linear-gradient(135deg,#119d99,#087c7a)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 10px 22px rgba(22,184,178,.22)!important;text-decoration:none} .btn.secondary{background:var(--brand-navy)!important}.btn.secondary:hover{background:var(--brand-navy-dark)!important}.btn.light{background:#fff!important;color:var(--brand-navy)!important;border-color:#dbe5eb!important;box-shadow:none!important}.btn.outline-light{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}.danger,.btn.danger{background:#b42318!important}.link-button,.mobile-nav-link-button{color:#40566c!important;box-shadow:none!important}.link-button:hover{color:var(--brand-teal)!important} /* Public hero / sections */ .hero,.home-hero,.home-template-editorial .home-hero{background:linear-gradient(135deg,var(--brand-navy-dark) 0%,var(--brand-navy-mid) 58%,#117f7c 100%)!important;box-shadow:0 20px 55px rgba(9,24,41,.16)} .home-hero.has-background{background-image:linear-gradient(rgba(9,24,41,var(--hero-overlay)),rgba(12,67,76,var(--hero-overlay))),var(--hero-bg)!important} .hero h1,.home-hero h1{letter-spacing:-.02em}.hero p,.home-hero p{color:#dce9ee}.home-hero .hero-cta,.hero .btn{background:#fff!important;color:var(--brand-navy)!important;border-color:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}.home-hero .hero-cta:hover,.hero .btn:hover{color:#087f7c!important;background:#f8ffff!important} .section-head h2,.page-head h1,.page-heading h1{color:var(--brand-navy);letter-spacing:-.015em}.eyebrow{color:#0b8f8b!important}.eyebrow.light{color:#a7e8e4!important} /* Cards and marketplace */ .card,.form-card,.panel,.quick-card,.stats>div,.table,.metric-card,.agreement-card,.session-reservations-table,.admin-session-hero{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow)!important} .card,.quick-card,.metric-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.marketplace-card:hover,.quick-card:hover{transform:translateY(-3px);border-color:#bfe9e7!important;box-shadow:0 16px 38px rgba(16,35,61,.1)!important} .marketplace-card h3,.quick-card strong,.card h2,.card h3,.panel h2,.panel h3{color:var(--brand-navy)} .card-footer{border-top-color:#edf2f5!important}.image-placeholder,.session-detail-placeholder{background:linear-gradient(135deg,#edf7f7,#f7fafc)!important;color:#55717c!important} .course-image,.coach-photo,.course-hero-image{box-shadow:0 5px 18px rgba(16,35,61,.08)} /* Forms */ .form-card input,.form-card select,.form-card textarea,.panel input,.panel select,.panel textarea,.filterbar input,.filterbar select,input,select,textarea{border-color:#d7e2e8!important;background:#fff;color:var(--ink);border-radius:10px!important} input:focus,select:focus,textarea:focus{outline:0!important;border-color:var(--brand-teal)!important;box-shadow:0 0 0 3px rgba(22,184,178,.13)!important}.form-section{border-bottom-color:#e8eef2!important}.form-card h2{border-top-color:#e8eef2!important;color:var(--brand-navy)} /* Tables */ table{background:#fff}th{background:#f3f8f9;color:#385269!important;border-bottom-color:#dce8ec!important}td{border-bottom-color:#edf2f5!important}.table>div{border-bottom-color:#edf2f5!important}.table-wrap{border-radius:16px}.registration-detail-table th{background:#eff8f8!important;color:#355468!important}.registration-detail-table td{background:#fff!important}.finance-actions form{background:#f5fafb!important} /* Status badges */ .badge{background:#edf3f6!important;color:#40566c!important}.badge.success,.status-approved{background:#e8f8ef!important;color:#14733b!important}.status-pending{background:#fff6df!important;color:#95620a!important}.status-rejected{background:#fff0ef!important;color:#a9342c!important}.status-draft{background:#edf3f6!important;color:#52677b!important}.nav-count{background:var(--brand-teal)!important;color:#fff!important} /* Authenticated portal */ .portal-shell{background:var(--soft)!important}.portal-sidebar{background:linear-gradient(180deg,var(--brand-navy-dark) 0%,var(--brand-navy) 62%,#123b4c 100%)!important;border-inline-end:0!important;box-shadow:8px 0 30px rgba(9,24,41,.08)} .sidebar-user{border-bottom-color:rgba(255,255,255,.1)!important}.sidebar-user strong{color:#fff!important}.sidebar-user .eyebrow{color:#83ddd8!important}.sidebar-section-label{color:#7f9caf!important}.sidebar-nav a,.sidebar-nav .sidebar-feature-link{color:#dbe8ee!important;border-radius:10px;transition:.18s ease}.sidebar-nav a:hover,.sidebar-nav .sidebar-feature-link:hover{background:rgba(22,184,178,.13)!important;color:#fff!important;text-decoration:none}.sidebar-nav a[aria-current="page"],.sidebar-nav a.active{background:linear-gradient(135deg,rgba(22,184,178,.28),rgba(22,184,178,.12))!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--brand-teal)}.sidebar-divider{border-color:rgba(255,255,255,.1)!important}.portal-main{background:var(--soft)!important} /* Admin analytics */ .analytics-hero{background:linear-gradient(135deg,var(--brand-navy-dark),var(--brand-navy-mid) 62%,#118c88)!important;box-shadow:0 20px 50px rgba(9,24,41,.18)!important}.analytics-hero p{color:#d8ecee!important}.analytics-hero .eyebrow{color:#83ddd8!important}.live-pill{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.18)!important}.live-pill span{background:#47e0a0!important;box-shadow:0 0 0 5px rgba(71,224,160,.14)!important}.metric-card strong{color:var(--brand-navy)!important}.period-grid>div{background:var(--brand-teal-soft)!important}.period-grid b{color:#087f7c!important}.mini-bars i{background:linear-gradient(var(--brand-teal),#6adbd6)!important} /* Sessions / details / content */ .admin-session-placeholder{background:linear-gradient(135deg,var(--brand-navy-dark),var(--brand-navy-mid))!important}.admin-session-chips span,.session-slot-row{background:#f2f7f9!important}.topic-list{border-color:var(--line)!important;box-shadow:var(--shadow)}.timeline-item{border-left-color:#9ddedb!important} /* Pagination */ .pagination a,.pagination span,.pager a,.pager span{border-color:#dce7eb!important;background:#fff!important;color:#40566c!important}.pagination .active,.pagination [aria-current="page"],.pager .active{background:var(--brand-navy)!important;color:#fff!important;border-color:var(--brand-navy)!important}.pagination a:hover,.pager a:hover{background:var(--brand-teal-soft)!important;color:#087f7c!important;border-color:#aee2df!important} /* Footer */ .site-footer,footer{background:var(--brand-navy-dark)!important;color:#b9cad4!important;border-top:0!important}.site-footer a,footer a{color:#d9e8ed!important}.site-footer a:hover,footer a:hover{color:#62d5d0!important}.site-footer strong,.site-footer h3,.site-footer h4,footer strong{color:#fff!important}.footer-bottom{border-top-color:rgba(255,255,255,.1)!important} /* Modal / alerts */ .alert{background:#e9f8ef!important;color:#16653a;border:1px solid #cbeed9}.error{background:#fff0ef!important;color:#9f2d27;border:1px solid #f5d0cd}.profile-completion-modal,.modal-card{border-color:#dce7eb!important;box-shadow:0 28px 70px rgba(9,24,41,.22)!important} /* RTL details */ html[dir="rtl"] .sidebar-nav a[aria-current="page"],html[dir="rtl"] .sidebar-nav a.active{box-shadow:inset -3px 0 0 var(--brand-teal)} /* Mobile portal remains branded rather than reverting to white legacy tabs */ @media(max-width:900px){ .portal-sidebar{background:var(--brand-navy)!important;box-shadow:none!important} .sidebar-nav>a,.sidebar-nav .sidebar-feature-link{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important;color:#e6f0f4!important} .sidebar-nav>a:hover,.sidebar-nav .sidebar-feature-link:hover{background:rgba(22,184,178,.18)!important} } @media(max-width:760px){.site-header,header.site-header{padding:12px 18px}.hero,.home-hero{border-radius:18px!important}.card,.form-card,.panel,.quick-card,.stats>div,.table,.metric-card{border-radius:15px!important}} /* V1.38.6 account-type chooser + admin destructive action */ .account-type-modal{position:fixed;inset:0;z-index:10000;background:rgba(9,24,41,.62);display:grid;place-items:center;padding:20px}.account-type-modal.is-hidden{display:none}.account-type-dialog{width:min(900px,96vw);background:#fff;border-radius:24px;padding:32px;box-shadow:0 30px 90px rgba(9,24,41,.3);text-align:center}.account-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.account-type-card{appearance:none;border:1px solid #dce7eb;background:#fff;border-radius:20px;padding:28px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:190px;transition:.2s}.account-type-card:hover{transform:translateY(-4px);border-color:#18b8b2;box-shadow:0 16px 35px rgba(9,24,41,.12)}.account-type-card strong{font-size:1.2rem;color:#10233d}.account-type-card small{color:#64748b;line-height:1.7}.account-type-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eaf9f8;color:#10233d;font-weight:800;font-size:1.25rem}.danger-zone{border:1px solid #f0c7c7!important;background:#fffafa}.btn.danger{background:#a32626!important;border-color:#a32626!important;color:#fff!important}.clean-db-modal{display:none;position:fixed;inset:0;z-index:10001;background:rgba(9,24,41,.68);place-items:center;padding:20px}.clean-db-modal.is-open{display:grid}.clean-db-dialog{width:min(560px,96vw);background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 90px rgba(9,24,41,.3)}@media(max-width:720px){.account-type-grid{grid-template-columns:1fr}.account-type-dialog{padding:22px}.account-type-card{min-height:auto;padding:20px}} /* V1.39.7 registration account-type modal close control */ .account-type-modal-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid #e5eaf0;border-radius:50%;background:#fff;color:#10233d;font-size:27px;line-height:32px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center} [dir="rtl"] .account-type-modal-close{right:auto;left:16px} .account-type-modal-close:hover{background:#f6f8fb} /* V1.40.0 launch-stage homepage */ .home-market-cta{margin:34px 0;padding:32px 36px;border-radius:22px;background:linear-gradient(135deg,#fff,#eefafa);border:1px solid #d9eceb;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:28px}.home-market-cta h2{margin:.25rem 0 .5rem;color:var(--brand-navy);font-size:1.75rem}.home-market-cta p{margin:0;color:var(--muted);max-width:760px}.home-value-section{margin:46px 0}.home-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-value-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.home-value-grid strong{display:block;color:var(--brand-navy);font-size:1.12rem;margin-bottom:8px}.home-value-grid p{margin:0;color:var(--muted)}.home-launch-cta{margin:48px 0 16px;padding:38px;border-radius:24px;background:linear-gradient(135deg,var(--brand-navy-dark),var(--brand-navy-mid) 58%,var(--brand-teal));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 20px 50px rgba(9,24,41,.18)}.home-launch-cta h2{color:#fff;margin:.3rem 0 .5rem;font-size:2rem}.home-launch-cta p{color:#dce9ee;margin:0;max-width:720px}.home-launch-cta .action-row{flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.home-market-cta,.home-launch-cta{padding:24px;display:block}.home-market-cta .btn,.home-launch-cta .action-row{margin-top:18px}.home-value-grid{grid-template-columns:1fr}} /* V1.40.1 launch-state landing pages */ .launch-empty{position:relative;overflow:hidden;min-height:430px;margin:22px 0 34px;padding:64px clamp(24px,6vw,78px);border-radius:30px;background:linear-gradient(135deg,#091829 0%,#123653 58%,#18B8B2 100%);color:#fff;box-shadow:0 24px 70px rgba(9,24,41,.18)}.launch-empty:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.16);border-radius:22px;pointer-events:none}.launch-copy{position:relative;z-index:2;max-width:820px}.launch-empty .eyebrow{color:#9ff4ef}.launch-empty h1{font-size:clamp(36px,5vw,66px);line-height:1.08;margin:10px 0}.launch-empty h2{font-size:clamp(20px,2.4vw,30px);font-weight:600;margin:0 0 14px;color:#e8fbfa}.launch-empty p{font-size:18px;line-height:1.9;max-width:760px;color:#d9e7ee}.launch-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.13);font-size:30px;margin-bottom:18px}.launch-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}.launch-orb-a{width:330px;height:330px;inset:-110px auto auto -90px}.launch-orb-b{width:230px;height:230px;inset:auto -55px -80px auto}.launch-interest{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;margin-top:26px;max-width:800px}.launch-interest input{border:0;border-radius:12px;padding:14px 16px;background:#fff;color:#142033}.launch-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.launch-empty .btn{background:#fff;color:#10233D;border-color:#fff}.launch-empty .btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.launch-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.launch-benefits div{padding:18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:16px}.launch-benefits b{display:block;color:#7ce7df;font-size:12px;margin-bottom:8px}.launch-benefits strong{font-size:15px}.launch-recommend{margin:20px 0 44px}.launch-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.launch-mini-card{position:relative;padding:20px;border:1px solid #E5EAF0;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(16,35,61,.06);text-decoration:none;color:#142033}.launch-mini-card span{display:block;color:#18B8B2;font-size:12px;font-weight:800;margin-bottom:8px}.launch-mini-card strong{display:block;font-size:18px}.launch-mini-card small{color:#64748B}.launch-mini-card b{position:absolute;inset-inline-end:18px;bottom:16px}.marketplace-count.is-small{display:none!important}@media(max-width:760px){.launch-empty{padding:42px 22px;min-height:0}.launch-interest{grid-template-columns:1fr}.launch-benefits,.launch-mini-grid{grid-template-columns:1fr}.launch-empty h1{font-size:38px}} /* V1.40.3 provider growth */ .growth-hero{margin:28px 0;padding:58px clamp(26px,6vw,72px);border-radius:28px;background:linear-gradient(135deg,#091829,#123653 58%,#18B8B2);color:#fff;box-shadow:0 22px 60px rgba(9,24,41,.18)}.growth-hero h1{color:#fff;font-size:clamp(36px,5vw,64px);max-width:900px;margin:12px 0}.growth-hero p{color:#dce9ee;font-size:18px;max-width:760px;line-height:1.9}.growth-hero .btn{margin-top:16px;background:#fff;color:#10233d}.growth-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 50px}.growth-feature-grid article,.growth-steps>div{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.growth-feature-grid strong{color:var(--brand-navy);font-size:18px}.growth-feature-grid p{color:var(--muted);margin-bottom:0}.growth-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0 50px}.growth-steps b,.onboarding-grid b{display:block;color:var(--brand-teal);font-size:12px;margin-bottom:8px}.provider-onboarding{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:18px 0;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,#10233d,#123653);color:#fff}.provider-onboarding h2{color:#fff;margin:5px 0}.provider-onboarding p{color:#cbdbe2;margin:0}.completion-ring{min-width:118px;height:118px;border:8px solid #21c7c0;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center}.completion-ring strong{font-size:25px}.completion-ring span{font-size:10px}.onboarding-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.onboarding-grid a{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--brand-navy);box-shadow:var(--shadow)}.referral-strip,.provider-trustbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:#eaf9f8;border:1px solid #cdecea;margin:14px 0}.provider-trustbar{justify-content:flex-start;flex-wrap:wrap}.provider-trustbar span{font-weight:800;color:#0d6d69}.provider-trustbar a{margin-inline-start:auto}.pro-card{width:min(900px,100%);min-height:480px;margin:40px auto 20px;padding:52px;border-radius:30px;background:linear-gradient(135deg,#091829,#123653 62%,#18b8b2);color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(9,24,41,.25)}.pro-card:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.2);border-radius:22px}.pro-card-brand{font-weight:900;letter-spacing:3px;color:#72e1db}.pro-card-main{position:relative;z-index:2;margin-top:90px}.pro-card h1{font-size:48px;color:#fff;margin:8px 0}.pro-card p{color:#dce9ee;font-size:18px}.provider-badges{display:flex;gap:10px;flex-wrap:wrap}.provider-badges span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.pro-card-url{margin-top:60px!important;font-size:13px!important}.pro-card-actions{justify-content:center;margin-bottom:50px}@media(max-width:760px){.growth-feature-grid,.growth-steps,.onboarding-grid{grid-template-columns:1fr}.provider-onboarding{display:block}.completion-ring{margin-top:18px}.pro-card{padding:30px;min-height:400px}.pro-card h1{font-size:34px}.provider-trustbar a{margin-inline-start:0;width:100%}}@media print{.site-header,.site-footer,.pro-card-actions,.portal-sidebar{display:none!important}.pro-card{box-shadow:none;margin:0;width:100%;min-height:100vh;border-radius:0}.container{max-width:none!important}} /* V1.40.9 Saudi Riyal sign */ /* V1.40.10 course sharing */ .course-share-box{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border,#e5eaf0);display:grid;gap:.55rem}.course-share-box>strong{font-size:.95rem}.course-share-box>small{color:var(--muted,#64748b)}.course-share-actions{display:flex;flex-wrap:wrap;gap:.45rem}.share-chip{appearance:none;border:1px solid #dbe3ec;background:#fff;color:#18324d;border-radius:999px;padding:.5rem .75rem;font:inherit;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.2}.share-chip:hover{border-color:#18b8b2;color:#0d7773}.share-chip.whatsapp{background:#effcf7}.share-copy-status{min-height:1.1em;color:#0d7773!important;font-weight:700} /* V1.40.13: keep course action text readable in RTL; never mirror it. */ .course-card-action{direction:inherit!important;unicode-bidi:plaintext!important;transform:none!important;writing-mode:horizontal-tb!important} html[dir="rtl"] .course-card-action{direction:rtl!important;text-align:right!important;transform:none!important} /* V1.40.16 hero: two-tone headline + generated default visual */ .home-hero.hero-two-tone{} .home-hero .hero-two-tone span{color:#fff}.home-hero .hero-two-tone strong{color:#f6bd2f;font-weight:900}.home-hero.hero-design-new,.home-hero.has-background{background-image:linear-gradient(90deg,rgba(9,24,41,.94),rgba(9,24,41,.78) 52%,rgba(9,24,41,.38)),var(--hero-bg,url('../images/default-home-hero.jpg'));background-size:cover;background-position:center} /* V1.40.18: original hero retained; headline uses Asabeels theme colors only */ .home-hero .hero-theme-title span{color:#fff;font-weight:900} .home-hero .hero-theme-title strong{color:#21C7C0;font-weight:900} .home-hero .hero-theme-title .hero-title-white{color:#fff;font-weight:900} /* V1.40.19 — Course provider identity + Member payment choices */ .course-provider-identity{margin-top:1rem;padding:1rem;border:1px solid #dfe8ed;border-radius:16px;background:#f8fbfc;display:grid;gap:.75rem}.course-provider-label{font-size:.76rem;font-weight:800;color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.04em}.course-provider-person{display:flex;align-items:center;gap:.75rem}.course-provider-person img,.course-provider-avatar-fallback{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 14px rgba(16,35,61,.10);flex:none}.course-provider-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#10233d,#18b8b2);color:#fff;font-size:1.2rem;font-weight:800}.course-provider-person div{min-width:0;display:grid;gap:.12rem}.course-provider-person strong{color:#142033;line-height:1.25}.course-provider-person small{color:#64748b}.course-provider-trainer{padding-top:.7rem;border-top:1px dashed #dbe5ea}.course-provider-trainer img,.course-provider-trainer .course-provider-avatar-fallback{width:42px;height:42px} .payment-proof-panel{overflow:hidden}.payment-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.payment-panel-head h2{margin:.2rem 0 0}.payment-amount{font-size:1.2rem;color:#10233d}.payment-method-block{border:1px solid #dfe8ed;border-radius:16px;padding:1rem;margin-top:.85rem;background:#fff}.payment-method-block>strong{display:block;color:#10233d;font-size:1rem}.payment-method-block>.muted{margin:.28rem 0 .75rem}.online-payment-block{background:linear-gradient(135deg,#f4fbfb,#fff)}.bank-payment-block{background:#f8fbfc}.bank-instructions{margin:.7rem 0;color:#425466}.bank-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.bank-info-grid>div{background:#fff;border:1px solid #e5edf1;border-radius:12px;padding:.75rem;min-width:0}.bank-info-grid small,.bank-info-grid strong{display:block}.bank-info-grid small{color:#64748b;margin-bottom:.25rem}.bank-info-grid strong{overflow-wrap:anywhere;color:#142033}.bank-iban strong{direction:ltr;text-align:left}.payment-status-message{margin-top:.85rem}.proof-upload-block form{margin-top:.75rem} html[dir="rtl"] .course-provider-person{text-align:right}html[dir="rtl"] .bank-iban strong{text-align:right}.registration-detail-table td,.registration-detail-table th{vertical-align:middle} @media(max-width:700px){.bank-info-grid{grid-template-columns:1fr}.payment-panel-head{align-items:flex-start;flex-direction:column}} /* V1.40.26 — Mobile-first public UI refinement (built on V1.40.25 / V1.40.23 baseline) */ @media (max-width:760px){ html,body{max-width:100%;overflow-x:hidden} body{font-size:15px;line-height:1.65} main{width:100%;max-width:100%;padding:18px 12px 34px!important;min-height:70vh} .site-header,header.site-header{height:64px!important;min-height:64px!important;padding:8px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;overflow:visible!important} .site-header .brand{height:48px!important;min-width:0!important;max-width:calc(100vw - 76px)!important;display:flex!important;align-items:center!important;overflow:hidden!important} .site-header .brand img{display:block!important;width:auto!important;height:42px!important;max-height:42px!important;max-width:155px!important;object-fit:contain!important;padding:0!important;margin:0!important} .site-header .brand>span:not(.brand-mark){font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .mobile-nav-toggle{display:flex!important;width:42px!important;height:42px!important;margin:0!important;justify-self:end!important;align-self:center!important} html[dir="rtl"] .mobile-nav-toggle{justify-self:start!important} .public-nav,.account-nav{display:none!important} .mobile-nav-panel{inset-inline:10px!important;top:calc(100% + 6px)!important;max-height:calc(100dvh - 82px)!important;overflow:auto!important} .hero,.home-hero{padding:30px 20px!important;margin-bottom:26px!important;border-radius:20px!important;min-height:0!important} .hero h1,.home-hero h1,.hero-theme-title{font-size:clamp(1.75rem,8vw,2.25rem)!important;line-height:1.3!important;margin:8px 0 12px!important} .hero p,.home-hero p{font-size:.95rem!important;line-height:1.8!important;margin:0 0 18px!important} .hero .action-row,.home-hero .action-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important} .hero .action-row .btn,.home-hero .action-row .btn{width:100%!important;text-align:center!important;padding:12px 14px!important} .section-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:26px 0 12px!important} .section-head h2{font-size:1.45rem!important;line-height:1.35!important} .section-head>a{align-self:flex-start!important;font-weight:800!important} html[dir="rtl"] .section-head>a{align-self:flex-end!important} .home-market-cta,.home-launch-cta{margin:24px 0!important;padding:22px 18px!important;border-radius:18px!important} .home-market-cta h2,.home-launch-cta h2{font-size:1.45rem!important;line-height:1.45!important} .home-market-cta .btn,.home-launch-cta .btn{width:100%!important;text-align:center!important} .home-value-section{margin:30px 0!important}.home-value-grid{gap:12px!important}.home-value-grid article{padding:18px!important} .course-card-grid,.coach-card-grid,.home-course-grid{grid-template-columns:1fr!important;gap:14px!important;margin:18px 0 28px!important} .course-card,.coach-public-card{border-radius:17px!important;box-shadow:0 6px 20px rgba(15,23,42,.06)!important} .course-card-media{height:190px!important}.course-card-media img{height:190px!important;padding:0!important;object-fit:cover!important} .course-card-body{padding:16px 16px 13px!important}.course-card h2{font-size:1.08rem!important}.course-summary{font-size:.86rem!important} .course-card-footer{padding:12px 16px 14px!important}.course-facts{grid-template-columns:1fr 1fr!important;gap:7px!important}.course-facts>div{padding:9px!important} .coach-card-top{height:150px!important}.coach-card-avatar{width:96px!important;height:96px!important}.coach-card-body{padding:16px!important}.coach-card-footer{padding:13px 16px!important} .coach-card-media img{height:210px!important;object-fit:cover!important;padding:0!important} .course-detail-hero{padding:18px!important;gap:16px!important;border-radius:18px!important;margin-bottom:16px!important} .course-detail-copy h1{font-size:1.65rem!important;line-height:1.35!important;margin:7px 0 10px!important} .course-detail-lead{font-size:.9rem!important;line-height:1.75!important} .course-detail-highlights{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important}.course-detail-highlights>div{padding:10px!important} .course-detail-media{min-height:0!important;height:auto!important}.course-detail-media img,.detail-cover-placeholder{width:100%!important;height:auto!important;min-height:0!important;max-height:300px!important;object-fit:contain!important;padding:6px!important} .course-detail-layout{gap:14px!important}.course-detail-main{gap:12px!important}.detail-section{padding:17px!important;border-radius:15px!important}.detail-section h2{font-size:1.2rem!important;margin:5px 0 12px!important} .agenda-item{grid-template-columns:38px 1fr!important;gap:10px!important;padding:12px 0!important}.agenda-number{width:36px!important;height:36px!important} .detail-info-grid{grid-template-columns:1fr!important;gap:8px!important}.detail-info-grid>div{padding:11px!important} .course-register-card{padding:17px!important;border-radius:15px!important}.register-price strong{font-size:1.25rem!important}.registration-progress{grid-template-columns:1fr 1fr!important;gap:7px!important} .course-provider-identity{padding:.8rem!important}.course-provider-person img,.course-provider-avatar-fallback{width:46px!important;height:46px!important} .course-share-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.share-chip{text-align:center!important;padding:.65rem .5rem!important} .payment-proof-panel{padding:16px!important}.payment-method-block{padding:.85rem!important;border-radius:13px!important}.bank-info-grid{grid-template-columns:1fr!important} .card,.form-card,.panel,.quick-card,.stats>div,.table,.metric-card{padding:16px!important} .form-grid,.two-col,.split{grid-template-columns:1fr!important}.form-actions{flex-direction:column!important;align-items:stretch!important}.form-actions .btn{width:100%!important;text-align:center!important} .filterbar,.filterbar.form-card,.marketplace-filter{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.filterbar input,.filterbar select,.filterbar.form-card label{min-width:0!important;width:100%!important} .profile-hero,.coach-premium-hero{grid-template-columns:1fr!important;gap:16px!important;padding:18px!important;text-align:center!important}.public-avatar{width:110px!important;height:110px!important;margin:auto!important}.coach-premium-photo{height:260px!important}.coach-premium-copy h1{font-size:1.8rem!important}.coach-meta-row,.coach-socials,.chip-row{justify-content:center!important} .site-footer{padding:30px 18px 20px!important}.footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px 18px!important}.footer-brand-block{grid-column:1/-1!important}.footer-brand{justify-content:flex-start!important}.footer-brand img{height:34px!important;max-width:140px!important;object-fit:contain!important}.footer-brand-block p{max-width:none!important;font-size:.88rem!important;line-height:1.75!important}.footer-grid h3{font-size:.95rem!important;margin-bottom:10px!important}.footer-grid>div:not(.footer-brand-block) a,.footer-grid>div:not(.footer-brand-block) span{font-size:.82rem!important;line-height:1.7!important}.footer-bottom{margin-top:24px!important;padding-top:18px!important;display:grid!important;gap:8px!important;font-size:.76rem!important;text-align:center!important} .public-chat .chat-launcher{max-width:155px!important} } @media (max-width:420px){ main{padding-inline:10px!important}.site-header,header.site-header{padding-inline:10px!important}.site-header .brand img{max-width:145px!important;height:40px!important}.hero,.home-hero{padding:26px 17px!important}.course-detail-highlights{grid-template-columns:1fr!important}.course-facts{grid-template-columns:1fr!important}.registration-progress{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important}.footer-brand-block{grid-column:auto!important}.course-share-actions{grid-template-columns:1fr!important} } /* V1.40.27 — Mobile home Coach photo: always show the complete uploaded image */ @media (max-width:760px){ .coach-home-slider-wrap .home-coach-photo{ height:auto!important; min-height:0!important; aspect-ratio:4 / 5!important; overflow:hidden!important; background:#f8fafc!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:6px!important; } .coach-home-slider-wrap .home-coach-photo img{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; padding:0!important; margin:0!important; transform:none!important; } } /* V1.40.45: footer copyright and company/CR share one row */ .footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;text-align:initial!important} .footer-bottom>div{margin:0!important} .footer-operator{white-space:nowrap} @media(max-width:760px){.footer-bottom{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:initial!important}.footer-bottom>div{font-size:.72rem!important}.footer-operator{white-space:nowrap}} @media(max-width:420px){.footer-bottom{gap:7px!important}.footer-bottom>div{font-size:.66rem!important}}