:root{--primary:#344b31;--primary-fg:#fff;--primary-hover:#293d27;--ring:#526a49;--ring-soft:#526a493d;--brand:#344b31;--brand-dark:#293d27;--brand-hover:#526a49;--brand-light:#526a49;--brand-cyan:#526a49;--brand-accent:#f59e0b;--brand-dim:#2563eb1f;--brand-border:#2563eb4d;--brand-red:var(--brand);--brand-red-dark:var(--brand-dark);--brand-red-light:var(--brand-hover);--brand-red-dim:var(--brand-dim);--brand-red-border:var(--brand-border);--surface-0:#edede6;--surface-1:#fff;--surface-2:#f7f7f2;--surface-3:#eaeae2;--surface-4:#deded3;--border-dim:#344b310f;--border:#dedecf;--border-mid:#d6d6cc;--border-hi:#c7c9bb;--text-1:#141913;--text-2:#667062;--text-3:#889182;--text-inv:#fff;--success:#3b7650;--success-dim:#3b76501f;--success-border:#3b765047;--warning:#fe9a00;--warning-dim:#fe9a001f;--warning-border:#fe9a004d;--danger:#ff6467;--danger-dim:#ff64671f;--danger-border:#ff64674d;--info:#526a49;--info-dim:#526a491f;--info-border:#526a4947;--neutral-status:#90a1b9;--neutral-status-dim:#90a1b91f;--neutral-status-border:#90a1b940;--gold:#d97706;--gold-light:#f59e0b;--gold-dim:#f59e0b1f;--gold-border:#f59e0b4d;--sport-football:#22c55e;--sport-basketball:#f97316;--sport-handball:#8b5cf6;--sport-tutoring:#3b82f6;--font-heading:"Plus Jakarta Sans", "Cairo", system-ui, -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", "Cairo", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", monospace;--text-display:clamp(2.4rem, 6vw, 4rem);--text-h1:clamp(1.75rem, 4vw, 2.25rem);--text-h2:clamp(1.375rem, 3vw, 1.625rem);--text-h3:clamp(1.125rem, 2.5vw, 1.25rem);--text-h4:1.0625rem;--text-lg:1.0625rem;--text-base:.9375rem;--text-sm:.875rem;--text-xs:.8125rem;--text-2xs:.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--leading-arabic:1.7;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-xl:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-card:0 1px 2px 0 #0000000d;--shadow-modal:0 10px 15px -3px #00000040, 0 4px 6px -4px #0003;--duration-fast:.1s;--duration-base:.15s;--duration-slow:.2s;--duration-modal:.2s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-accelerate:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1);--transition-base:var(--duration-base) var(--ease-standard);--transition-fast:var(--duration-fast) var(--ease-standard);--transition-slow:var(--duration-slow) var(--ease-decelerate);--container-sm:40rem;--container-md:48rem;--container-lg:64rem;--container-xl:80rem;--container-2xl:90rem;--header-height:4rem;--bottomnav-height:calc(4rem + env(safe-area-inset-bottom,0px));--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--spacing-10:var(--space-10);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--spacing-2xl:var(--space-12);--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-md:var(--text-base);--font-size-lg:var(--text-lg);--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-sm:var(--text-sm);--font-lg:var(--text-lg);--font-xl:1.25rem;--text-md:var(--text-base);--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-medium:var(--fw-medium);--font-bold:var(--fw-bold);--font-family-base:var(--font-body);--font-sans:var(--font-body);--text-primary:var(--text-1);--text-secondary:var(--text-2);--text-inverse:var(--text-inv);--border-color:var(--border);--border-light:var(--border-mid);--border-subtle:var(--border-dim)}[data-theme=light]{--primary:#344b31;--primary-fg:#fff;--primary-hover:#293d27;--ring:#526a49;--ring-soft:#526a493d;--surface-0:#edede6;--surface-1:#fff;--surface-2:#f7f7f2;--surface-3:#eaeae2;--surface-4:#deded3;--border-dim:#344b310f;--border:#dedecf;--border-mid:#d6d6cc;--border-hi:#c7c9bb;--text-1:#141913;--text-2:#667062;--text-3:#889182;--text-inv:#fff;--success:#096;--warning:#e17100;--danger:#e7000b;--danger-dim:#e7000b14;--danger-border:#e7000b40;--shadow-card:0 1px 2px 0 #0000000d;--shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--text-primary:var(--text-1);--text-secondary:var(--text-2);--border-color:var(--border);--border-light:var(--border-mid)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button,a,input,select,textarea,[role=button],[role=tab]{transition-property:opacity,background-color,border-color,color!important;transition-duration:50ms!important}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background-color:var(--surface-0);max-width:100%;min-height:100%;overflow-x:hidden}body{min-height:100dvh;overflow-x:hidden}#root{background-color:var(--surface-0);flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:clip}img,video,canvas,svg{max-width:100%;height:auto;display:block}img{border-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;appearance:none;background:0 0;border:none;outline:none}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{background:0 0}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}::selection{background:var(--brand-dim);color:var(--text-1)}@keyframes as-spin{to{transform:rotate(360deg)}}@keyframes as-fade-in{0%{opacity:0}to{opacity:1}}@keyframes as-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes as-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes as-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes as-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes as-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--leading-normal);color:var(--text-1);background-color:var(--surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);color:var(--text-1);line-height:var(--leading-snug);margin:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{line-height:var(--leading-arabic);letter-spacing:0}.text-display{font-size:var(--text-display);font-weight:var(--fw-black);line-height:var(--leading-tight);letter-spacing:-.025em}[dir=rtl] .text-display{letter-spacing:0;line-height:1.2}.text-h1{font-size:var(--text-h1);font-weight:var(--fw-extrabold);line-height:var(--leading-snug)}.text-h2{font-size:var(--text-h2);font-weight:var(--fw-bold);line-height:var(--leading-snug)}.text-h3{font-size:var(--text-h3);font-weight:var(--fw-bold);line-height:var(--leading-snug)}.text-h4{font-size:var(--text-h4);font-weight:var(--fw-semibold);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-normal)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-snug)}.text-2xs{font-size:var(--text-2xs);line-height:var(--leading-snug)}.text-primary{color:var(--text-1)}.text-muted{color:var(--text-2)}.text-faint{color:var(--text-3)}.text-brand{color:var(--brand-light)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-gold{color:var(--gold)}.label{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}[dir=rtl] .label{letter-spacing:0;text-transform:none}.text-stat{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em}.text-stat-lg{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-h2);font-weight:var(--fw-black);line-height:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[dir=rtl] body,[dir=rtl] p,[dir=rtl] span,[dir=rtl] li{line-height:var(--leading-arabic)}.hm{--hm-gold:var(--gold-light);--hm-brand:var(--brand);--hm-display:"Bebas Neue", var(--font-heading);--hm-gutter:clamp(16px, 5vw, 64px);background:var(--surface-0);color:var(--text-1);overflow-x:clip}.hm-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--text-sm);transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base);text-decoration:none;display:inline-flex}.hm-btn:active{transform:scale(.98)}.hm-btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm);border:1px solid #0000}.hm-btn--primary:hover{background:var(--brand-hover)}.hm-btn--ghost{color:var(--text-1);border:1px solid var(--border);background:var(--surface-2)}.hm-btn--ghost:hover{background:var(--surface-3);border-color:var(--border-mid)}.hm-btn--whatsapp{color:#fff;background:#16a34a;border:1px solid #0000}.hm-hero{min-height:min(84dvh,760px);padding:var(--space-12) var(--hm-gutter) 0;isolation:isolate;flex-direction:column;justify-content:flex-end;display:flex;position:relative}.hm-hero__bg{z-index:-2;filter:saturate(1.05);background-position:50%;background-size:cover;position:absolute;inset:0}.hm-hero__bg:after{content:"";background:linear-gradient(180deg, #08090a73 0%, #08090ad9 60%, var(--surface-0) 98%);position:absolute;inset:0}.hm-hero__slash{display:none}.hm-hero__inner{max-width:760px;padding-bottom:var(--space-8)}.hm-badge{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:var(--text-xs);font-weight:var(--fw-medium);display:inline-flex}.hm-hero__title{margin:var(--space-3) 0 var(--space-2);font-size:clamp(2.4rem,7vw,4.5rem);font-weight:var(--fw-bold);letter-spacing:-.02em;text-wrap:balance;flex-direction:column;line-height:1.15;display:flex}.hm-hero__title-accent{color:var(--brand-light)}.hm-hero__subtitle{max-width:560px;margin:0 0 var(--space-6);font-size:clamp(1rem,2.2vw,1.2rem);line-height:var(--leading-arabic);color:var(--text-2)}.hm-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hm-hero__chips{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hm-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-medium);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.hm-sport--football{--hm-sport:var(--sport-football)}.hm-sport--basketball{--hm-sport:var(--sport-basketball)}.hm-sport--handball{--hm-sport:var(--sport-handball)}.hm-sport--tutoring{--hm-sport:var(--sport-tutoring)}.hm-board{margin:0 calc(var(--hm-gutter) * -1);background:var(--border);border-block:1px solid var(--border);flex-wrap:wrap;align-items:stretch;gap:1px;display:flex}.hm-board__item,.hm-board__field{padding:var(--space-3) var(--hm-gutter);background:var(--surface-1);flex-direction:column;flex:260px;gap:2px;display:flex}.hm-board__label{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.hm-board__value{font-weight:var(--fw-semibold);font-size:var(--text-sm)}.hm-board__field{align-items:center;gap:var(--space-2);font-weight:var(--fw-semibold);font-size:var(--text-sm);white-space:nowrap;flex-direction:row;flex:0 200px}.hm-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.hm-board__field.is-open{color:var(--success)}.hm-board__field.is-closed{color:var(--danger)}.hm-stats{padding:var(--space-8) var(--hm-gutter);gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.hm-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.hm-stat strong{font-family:var(--hm-display);color:var(--text-1);direction:ltr;unicode-bidi:isolate;font-size:clamp(2rem,6vw,3.25rem);font-weight:400;line-height:1}.hm-stat span{color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium)}.hm-section{padding:var(--space-10) 0 var(--space-6)}.hm-head{padding:0 var(--hm-gutter);margin-bottom:var(--space-5)}.hm-head--row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.hm-kicker{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-light);display:inline-block}.hm-title{margin:var(--space-1) 0 0;font-size:clamp(1.4rem,4vw,2.1rem);font-weight:var(--fw-bold);line-height:1.2}.hm-link{color:var(--text-2);font-weight:var(--fw-semibold);font-size:var(--text-sm);flex-shrink:0;text-decoration:none}.hm-link:hover{color:var(--text-1)}[dir=rtl] .hm-link,[dir=rtl] .hm-sport__cta{unicode-bidi:plaintext}.hm-sports{gap:var(--space-4);padding:0 var(--hm-gutter);grid-template-columns:repeat(3,1fr);display:grid}.hm-sport{min-height:220px;padding:var(--space-5);border-radius:var(--radius-lg);color:var(--text-1);background:var(--surface-1);border:1px solid var(--border);transition:border-color var(--transition-base), background var(--transition-base);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.hm-sport:hover{border-color:var(--border-mid);background:var(--surface-2)}.hm-sport__emoji{display:none}.hm-sport__ages{padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--surface-3);border:1px solid var(--border);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-2);align-self:flex-start}.hm-sport__name{margin:auto 0 var(--space-1);font-size:1.4rem;font-weight:var(--fw-bold)}.hm-sport__desc{margin:0 0 var(--space-4);color:var(--text-2);font-size:var(--text-sm);max-width:28ch}.hm-sport__cta{font-weight:var(--fw-semibold);color:var(--brand-light);font-size:var(--text-sm)}.hm-rail{gap:var(--space-3);padding:var(--space-1) var(--hm-gutter) var(--space-4);scroll-snap-type:x mandatory;scroll-padding-inline:var(--hm-gutter);scrollbar-width:none;display:flex;overflow-x:auto}.hm-rail::-webkit-scrollbar{display:none}.hm-card{scroll-snap-align:start;padding:var(--space-3);border-radius:var(--radius-lg);color:var(--text-1);background:var(--surface-1);border:1px solid var(--border);transition:border-color var(--transition-base), background var(--transition-base);flex-direction:column;flex:0 0 160px;align-items:center;text-decoration:none;display:flex}.hm-card:hover{border-color:var(--border-mid);background:var(--surface-2)}.hm-card__top{justify-content:space-between;align-self:stretch;align-items:baseline;display:flex}.hm-card__rating{font-family:var(--hm-display);color:var(--brand-light);font-size:1.8rem;line-height:1}.hm-card__sport{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:.625rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);overflow:hidden}.hm-card__photo{width:92px;height:92px;margin:var(--space-1) 0 var(--space-2);background:var(--surface-2);border:1px solid var(--border-mid);font-size:2rem;font-weight:var(--fw-bold);border-radius:50%;place-items:center;display:grid;overflow:hidden}.hm-card__photo img{object-fit:cover;width:100%;height:100%}.hm-card__name{font-weight:var(--fw-bold);font-size:var(--text-sm);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.hm-card__team{font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--text-3)}.hm-reel{aspect-ratio:9/16;scroll-snap-align:start;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);flex:0 0 150px;position:relative;overflow:hidden}.hm-reel img,.hm-reel__placeholder{object-fit:cover;width:100%;height:100%}.hm-reel__placeholder{background:var(--surface-2)}.hm-reel__play{color:#fff;border:1px solid var(--border-hi);background:#08090abf;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.hm-reel__title{inset-inline:0;padding:var(--space-6) var(--space-2) var(--space-2);color:#fff;font-size:var(--text-xs);font-weight:var(--fw-semibold);background:linear-gradient(#0000,#08090ae6);position:absolute;bottom:0}.hm-week{gap:var(--space-3);padding:0 var(--hm-gutter);grid-template-columns:repeat(auto-fill,minmax(175px,1fr));display:grid}.hm-slot{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);flex-direction:column;gap:2px;display:flex}.hm-slot:hover{border-color:var(--border-mid)}.hm-slot__day{font-weight:var(--fw-bold)}.hm-slot__time{font-family:var(--hm-display);letter-spacing:.02em;white-space:nowrap;text-align:start;direction:ltr;unicode-bidi:isolate;font-size:1.25rem}[dir=rtl] .hm-slot__time{text-align:end}.hm-slot__time{unicode-bidi:plaintext}.hm-slot__group{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--fw-medium)}.hm-cta{margin:var(--space-8) var(--hm-gutter);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--border-mid);box-shadow:var(--shadow-sm);padding:clamp(24px,5vw,44px)}.hm-cta__title{margin:0 0 var(--space-2);font-size:clamp(1.4rem,4vw,2.1rem);font-weight:var(--fw-bold)}.hm-cta__text{margin:0 0 var(--space-5);max-width:520px;color:var(--text-2);line-height:var(--leading-arabic)}.hm-cta .hm-btn--primary{background:var(--brand);color:#fff}.hm-footer{padding:var(--space-10) var(--hm-gutter) calc(var(--space-6) + var(--bottomnav-height));border-top:1px solid var(--border);background:var(--surface-1)}.hm-footer__grid{gap:var(--space-6);grid-template-columns:2fr 1fr 1fr;display:grid}.hm-footer__brand{font-family:var(--hm-display);letter-spacing:.04em;font-size:1.8rem}.hm-footer__brand span{color:var(--hm-gold);margin:0 .15em}.hm-footer h3{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-1)}.hm-footer p,.hm-footer a{margin:0 0 var(--space-1);color:var(--text-2);font-size:var(--text-sm);text-decoration:none;display:block}.hm-footer a{unicode-bidi:plaintext}.hm-footer a:hover{color:var(--text-1)}.hm-footer__rights{margin-top:var(--space-8)!important;color:var(--text-3)!important;font-size:var(--text-xs)!important}@media (width<=760px){.hm-hero{padding-top:var(--space-10)}.hm-stats{row-gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.hm-sports{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--space-2);grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;overflow-x:auto}.hm-sport{scroll-snap-align:start;min-height:230px}.hm-week{gap:var(--space-2);grid-template-columns:1fr 1fr}.hm-slot{padding:var(--space-2) var(--space-3)}.hm-slot__time{font-size:1.1rem}.hm-footer__grid{grid-template-columns:1fr 1fr}.hm-footer__grid>:first-child{grid-column:1/-1}.hm-board__field{flex-basis:100%}}@media (width>=761px){.hm-footer{padding-bottom:var(--space-8)}}.hm-page{padding-bottom:calc(var(--space-12) + var(--bottomnav-height))}@media (width>=761px){.hm-page{padding-bottom:var(--space-16)}}.hm-phero{padding:clamp(32px, 6vw, 56px) var(--hm-gutter) clamp(20px, 4vw, 36px);background:var(--surface-0);border-bottom:1px solid var(--border);position:relative}.hm-phero__title{margin:var(--space-2) 0 0;font-family:var(--hm-display);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(2rem,6vw,3.5rem);font-weight:400;line-height:1}[lang=ar] .hm-phero__title{font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:1.2}.hm-phero__text{margin:var(--space-3) 0 0;max-width:60ch;color:var(--text-2);line-height:var(--leading-arabic);font-size:var(--text-sm)}.hm-phero__actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hm-grid{gap:var(--space-4);padding:0 var(--hm-gutter);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.hm-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hm-tile{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);color:inherit;transition:border-color var(--transition-base);flex-direction:column;text-decoration:none;display:flex;position:relative}.hm-tile:hover{border-color:var(--border-mid)}.hm-tile__emoji{font-size:2rem;line-height:1}.hm-tile__title{font-size:var(--text-h3);font-weight:var(--fw-bold);margin:0}.hm-tile__text{color:var(--text-2);line-height:var(--leading-arabic);font-size:var(--text-sm);unicode-bidi:plaintext;margin:0}.hm-tile .hm-btn{margin-top:auto}.hm-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);align-self:flex-start}.hm-plan{border-top-color:var(--border)}.hm-plan--top{border:1px solid var(--brand);background:var(--surface-1)}.hm-plan__flag{top:calc(-1 * var(--space-3));padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--gold-light);color:var(--text-inv);font-size:var(--text-2xs);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.08em;position:absolute;inset-inline-start:var(--space-6)}.hm-plan__price{align-items:baseline;gap:var(--space-2);font-family:var(--hm-display);color:var(--hm-gold);unicode-bidi:plaintext;font-size:clamp(2.6rem,7vw,3.4rem);line-height:1;display:flex}.hm-plan__price small{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-2);unicode-bidi:plaintext}.hm-plan__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hm-plan__list li{gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);unicode-bidi:plaintext;display:flex}.hm-plan__list li:before{content:"✓";color:var(--success);font-weight:var(--fw-black)}.hm-info{gap:var(--space-3);flex-direction:column;display:flex}.hm-info a,.hm-info span{color:var(--text-2);unicode-bidi:plaintext;text-decoration:none}.hm-tag{unicode-bidi:plaintext}.hm-info a:hover{color:var(--text-1)}.hm-field{gap:var(--space-2);flex-direction:column;display:flex}.hm-field>span{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-2)}.hm-field input,.hm-field select,.hm-field textarea{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);color:var(--text-1);font:inherit}.hm-field textarea{resize:vertical;min-height:120px}.hm-field input:focus,.hm-field select:focus,.hm-field textarea:focus{outline:2px solid var(--brand-red);outline-offset:1px;border-color:#0000}.hm-empty{padding:var(--space-10) var(--hm-gutter);text-align:center;color:var(--text-2)}.hm-chip--btn{--hm-sport:var(--text-2);min-height:40px;padding-inline:var(--space-4);font:inherit;font-weight:var(--fw-semibold);color:var(--text-2);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast)}.hm-chip--btn:hover{color:var(--text-1)}.hm-chip--btn.is-on{color:var(--text-1);background:color-mix(in srgb, var(--hm-sport) 30%, transparent);border-color:var(--hm-sport)}.hm-avatar{border-radius:var(--radius-full);background:var(--surface-3);border:2px solid color-mix(in srgb, var(--hm-sport,var(--hm-brand)) 60%, transparent);width:72px;height:72px;font-family:var(--hm-display);color:var(--text-1);place-items:center;font-size:1.6rem;display:grid;overflow:hidden}.hm-avatar img{object-fit:cover;width:100%;height:100%}.hm-filters{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.hm-search{width:min(100%,420px);min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-1);font:inherit}.hm-search:focus{outline:2px solid var(--brand-red);outline-offset:1px}.hm-players{gap:var(--space-4);padding:0 var(--hm-gutter);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.hm-card--full{flex:initial;width:auto}.hm-card__stats{margin:var(--space-3) 0 0;align-self:stretch;gap:var(--space-2);font-size:var(--text-2xs);display:grid}.hm-card__stats div{gap:2px;display:grid}.hm-card__stats dt{font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:.04em;opacity:.8}.hm-card__stats dd{align-items:center;gap:var(--space-2);margin:0;display:flex}.hm-card__stats b{text-align:end;font-variant-numeric:tabular-nums;min-width:2ch}.hm-bar{border-radius:var(--radius-full);background:#0000002e;flex:1;height:5px;overflow:hidden}.hm-bar>span{border-radius:inherit;background:#1b1405;height:100%;display:block}.hm-card--full .hm-card__sport{max-width:60%}.pay{gap:var(--space-5);padding:var(--space-4);display:grid}.pay-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pay-bar__group{gap:var(--space-2);flex-wrap:wrap;display:flex}.pay-bar select,.pay-bar input{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md,10px);background:var(--surface-2);border:1px solid var(--border);color:var(--text-1);font:inherit}.pay-bar input{flex:180px;min-width:0}.pay-tabs{gap:var(--space-2);display:flex}.pay-tab{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font:inherit;font-weight:var(--fw-semibold);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.pay-tab.is-on{background:var(--brand);color:#fff;border-color:#0000}.pay-tab:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.pay-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.pay-stat{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);gap:2px;display:grid}.pay-stat strong{font-size:var(--text-xl);font-variant-numeric:tabular-nums}.pay-stat span{font-size:var(--text-xs);color:var(--text-2)}.pay-stat--paye strong{color:var(--success)}.pay-stat--impaye strong{color:var(--danger)}.pay-stat--vide strong{color:var(--warning)}.pay-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);color:var(--text-2);font-size:var(--text-sm);line-height:1.5}.pay-note--error{border-color:var(--danger-border);color:var(--text-1)}.pay-scroll{border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto}.pay-grid{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.pay-grid th,.pay-grid td{padding:var(--space-2) var(--space-3);text-align:start;white-space:nowrap}.pay-grid thead th{z-index:2;background:var(--surface-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);position:sticky;top:0}.pay-grid th[scope=row]{z-index:1;background:var(--surface-1);font-weight:var(--fw-semibold);text-align:start;position:sticky;inset-inline-start:0}.pay-grid thead th:first-child{z-index:3}.pay-grid tbody tr+tr th,.pay-grid tbody tr+tr td{border-top:1px solid var(--border-dim)}.pay-row--suspendu th[scope=row]{color:var(--danger)}.pay-row__meta{font-weight:var(--fw-normal);font-size:var(--text-2xs);color:var(--text-3);display:block}.pay-cell{width:100%;min-height:40px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);border:1px solid var(--border-dim);background:var(--surface-2);color:var(--text-3);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);unicode-bidi:plaintext}.pay-cell:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.pay-cell--paye{background:var(--success-dim);border-color:var(--success-border);color:var(--success)}.pay-cell--impaye{background:var(--danger-dim);border-color:var(--danger-border);color:var(--danger)}.pay-cell--suspendu{background:var(--warning-dim);border-color:var(--warning-border);color:var(--warning)}.pay-cell--non_inscrit{opacity:.5}.pay-cell--vide{border-style:dashed}.pay-cell__check{font-size:var(--text-2xs);opacity:.8}.pay-due{gap:var(--space-2);display:grid}.pay-due__item{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);flex-wrap:wrap;display:flex}.pay-due__why{color:var(--text-2);font-size:var(--text-xs)}.pay-due__phone{color:var(--text-2);font-size:var(--text-xs);unicode-bidi:plaintext}@media (width<=760px){.pay{padding:var(--space-3)}.pay-grid th,.pay-grid td{padding:var(--space-1) var(--space-2)}.pay-grid th[scope=row]{white-space:normal;max-width:9rem}}.hm-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden]),select,textarea){border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-1);font-size:var(--text-sm);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base);background-color:#0000;padding:.375rem .75rem}:where(input,select,textarea)::placeholder{color:var(--text-3)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea):focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-soft);outline:none}:where(input,select,textarea):disabled{cursor:not-allowed;opacity:.5}:where(input,select,textarea)[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-dim)}:where(select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2390A1B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:14px;padding-inline-end:2rem}[dir=rtl] :where(select){background-position:.6rem}:where(select) option{background-color:var(--surface-2);color:var(--text-1)}input[type=checkbox],input[type=radio]{appearance:auto;accent-color:var(--primary);cursor:pointer;width:1rem;height:1rem}:where(table){width:100%;font-size:var(--text-sm);caption-side:bottom}:where(thead tr,tbody tr){border-bottom:1px solid var(--border);transition:background-color var(--transition-base)}:where(tbody tr:last-child){border-bottom:0}:where(tbody tr:hover){background-color:color-mix(in srgb, var(--surface-3) 50%, transparent)}:where(th){text-align:start;vertical-align:middle;height:2.5rem;font-weight:var(--fw-medium);color:var(--text-2);white-space:nowrap;padding:0 .5rem}:where(td){vertical-align:middle;padding:.5rem}:where(button:not(:disabled),[role=button]:not([aria-disabled=true])){cursor:pointer}:where(button):focus-visible{box-shadow:0 0 0 3px var(--ring-soft);outline:none}:where(label){font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:1.4}*{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}::-webkit-scrollbar-thumb{background:var(--border-mid)}@media screen and (width<=767px){input,select,textarea{font-size:16px!important}}.ui-card{background-color:var(--surface-1);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.ui-separator{background-color:var(--border);flex-shrink:0;width:100%;height:1px}.ui-separator--vertical{width:1px;height:1rem}.ui-icon-btn{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--text-1);transition:background-color var(--transition-base), color var(--transition-base);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.ui-icon-btn:hover{background-color:var(--surface-3)}.ui-icon-btn--outline{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.admin-layout{background-color:var(--surface-0);color:var(--text-1)}.desktop-sidebar-wrapper{flex-shrink:0;display:none}.sb{background-color:var(--surface-1);border-inline-end:1px solid var(--border);width:16rem;height:100vh;color:var(--text-1);flex-direction:column;display:flex;position:sticky;top:0}.sb-header,.sb-footer{padding:.5rem}.sb-team,.sb-user{border-radius:var(--radius-md);align-items:center;gap:.5rem;min-height:3rem;padding:.5rem;display:flex}.sb-team__logo{border-radius:var(--radius-md);background-color:var(--primary);width:2rem;height:2rem;color:var(--primary-fg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-team__text{text-align:start;flex:1;min-width:0;line-height:1.25;display:grid}.sb-team__name{font-size:var(--text-sm);font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-team__plan{font-size:var(--text-2xs);color:var(--text-2)}.sb-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sb-group{padding:.5rem}.sb-group__label{height:2rem;font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--text-2);align-items:center;padding-inline:.5rem;display:flex}.sb-menu{flex-direction:column;gap:.25rem;display:flex}.sb-item{border-radius:var(--radius-md);width:100%;height:2rem;font-size:var(--text-sm);color:var(--text-1);text-align:start;white-space:nowrap;transition:background-color var(--transition-base), color var(--transition-base);align-items:center;gap:.5rem;padding-inline:.5rem;display:flex;overflow:hidden}.sb-item svg{flex-shrink:0}.sb-item:hover{background-color:var(--surface-3)}.sb-item.is-active{background-color:var(--surface-3);font-weight:var(--fw-medium)}.sb-footer{border-top:1px solid var(--border)}.sb-user__avatar,.admin-header__avatar{border-radius:var(--radius-md);background-color:var(--surface-3);width:2rem;height:2rem;font-size:var(--text-2xs);font-weight:var(--fw-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-header__avatar{border-radius:var(--radius-full)}.admin-layout>.admin-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.admin-header{z-index:90;background-color:var(--surface-0);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;height:4rem;padding-inline:1rem;display:flex;position:sticky;top:0}.admin-header__left,.admin-header__right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.admin-header__title{font-size:var(--text-base);font-weight:var(--fw-semibold);letter-spacing:-.01em;white-space:nowrap;margin:0}.admin-header__slot{scrollbar-width:none;flex:1;align-items:center;min-width:0;margin-inline:.5rem;display:flex;overflow-x:auto}.mobile-sheet{inset-block:0;z-index:1000;background-color:var(--surface-1);border-right:1px solid var(--border);width:18rem;max-width:85vw;box-shadow:var(--shadow-modal);transition:transform var(--duration-slow) var(--ease-standard);position:fixed;left:0;transform:translate(-100%)}.mobile-sheet.open{transform:translate(0)}.mobile-sheet .sb{border:0;width:100%}.mobile-sheet__close{z-index:1;position:absolute;top:.75rem;right:.75rem}.backdrop{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) ease;background:#00000080;position:fixed;inset:0}.backdrop.open{opacity:1;pointer-events:auto}@media (width>=768px){.desktop-sidebar-wrapper{display:block}.mobile-menu-btn,.mobile-sheet,.backdrop{display:none!important}.admin-header{padding-inline:1.5rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--coach-bg:#edede6;--coach-card:#fff;--coach-green:#344b31;--coach-green-soft:#526a49;--coach-text:#141913;--coach-muted:#667062;--coach-line:#dedecf}html,body,#root,.app-layout,.main-content,.admin-layout{background-color:var(--surface-0);color:var(--text-1)}.main-content{font-family:var(--font-body)}.main-content :where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden]),select,textarea){background-color:var(--surface-1);border-color:var(--border-mid);color:var(--text-1)}.hm{--hm-display:var(--font-heading);background-color:var(--surface-0);color:var(--text-1)}.hm-hero__title-accent,.hm-sport__cta,.hm-card__rating{color:var(--brand-light)}.admin-layout,.admin-layout .admin-main,.admin-layout .admin-header,.admin-layout .sb{color:var(--text-1)}.sleek-card,.card,.card-elevated{background-color:var(--surface-1);border-color:var(--border);color:var(--text-1);box-shadow:var(--shadow-card)}.app-layout{background-color:var(--surface-0);min-height:100dvh;color:var(--text-1);flex-direction:column;display:flex;overflow-x:clip}.main-content{width:100%;padding-top:calc(var(--header-height) + var(--safe-top));padding-bottom:var(--bottomnav-height);box-sizing:border-box;flex:1}.admin-layout{flex:1;width:100%;min-height:100dvh;display:flex;overflow:hidden}.reels-layout{background:#000;flex:1;height:100dvh;overflow:hidden}.container{width:100%;padding-inline:var(--space-4);max-width:var(--container-xl);margin-inline:auto}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}@media (width>=640px){.container{padding-inline:var(--space-6)}}@media (width>=1024px){.container{padding-inline:var(--space-8)}}.section{padding-block:var(--space-16)}.section-sm{padding-block:var(--space-10)}.grid-auto{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.surface-1{background-color:var(--surface-1)}.surface-2{background-color:var(--surface-2)}.surface-3{background-color:var(--surface-3)}.card{background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-base)}.card:hover{border-color:var(--border-mid)}.card-elevated{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.divider{background-color:var(--border);width:100%;height:1px}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--fw-semibold);white-space:nowrap;border:1px solid #0000;display:inline-flex}.badge-success{background:var(--success-dim);color:var(--success);border-color:var(--success-border)}.badge-warning{background:var(--warning-dim);color:var(--warning);border-color:var(--warning-border)}.badge-danger{background:var(--danger-dim);color:var(--danger);border-color:var(--danger-border)}.badge-info{background:var(--info-dim);color:var(--info);border-color:var(--info-border)}.badge-gold{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-border)}.badge-neutral{background:var(--neutral-status-dim);color:var(--neutral-status);border-color:var(--neutral-status-border)}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.touch-target-lg{justify-content:center;align-items:center;min-width:56px;min-height:56px;display:inline-flex}.skeleton{background:var(--surface-2);border-radius:var(--radius-sm);animation:1.8s ease-in-out infinite as-pulse}.bottom-nav-mobile{display:flex}@media (width>=768px){.bottom-nav-mobile{display:none!important}}.desktop-only{display:none}@media (width>=768px){.desktop-only{display:flex}.mobile-only{display:none!important}}.admin-sidebar{background:var(--surface-1);border-inline-end:1px solid var(--border);flex-shrink:0;width:240px;height:100dvh;position:sticky;top:0;overflow-y:auto}.admin-main{background:var(--surface-0);flex:1;min-width:0;height:100dvh;overflow-y:auto}@media (width<=767px){.admin-sidebar{display:none}.admin-layout{flex-direction:column}.admin-main{height:auto;min-height:100dvh;padding-bottom:var(--bottomnav-height)}}.reel-phone-frame{background:#000;width:100%;max-width:430px;position:relative;overflow:hidden}@media (width>=768px){.reel-phone-frame{border-radius:var(--radius-xl);border:1px solid var(--border-mid);height:min(90dvh,820px);box-shadow:var(--shadow-lg)}}[dir=rtl] .mr-auto{margin-left:auto;margin-right:0}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}.auth-page{width:100%;min-height:100dvh;padding:var(--space-4,16px);background:var(--surface-0);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--space-4,16px);width:100%;max-width:380px;padding:var(--space-6,24px);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.auth-logo{border-radius:50%;align-self:center}.auth-title{text-align:center;font-size:var(--text-xl);color:var(--text-1);margin:0}.auth-error{color:var(--danger);font-size:var(--text-sm);margin:0}.page-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}