*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sx-font-sans);font-size:var(--sx-text-base);line-height:var(--sx-leading-normal);color:var(--sx-text);background:var(--sx-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{color:var(--sx-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--sx-accent);outline-offset:2px;border-radius:4px}:root{--sx-brand-name: "SportixArena";--sx-space-0: 0;--sx-space-1: 4px;--sx-space-2: 8px;--sx-space-3: 12px;--sx-space-4: 16px;--sx-space-5: 20px;--sx-space-6: 24px;--sx-space-7: 28px;--sx-space-8: 32px;--sx-space-10: 40px;--sx-space-12: 48px;--sx-space-16: 64px;--sx-space-20: 80px;--sx-space-24: 96px;--sx-space-32: 128px;--sx-font-sans: "Inter", "SF Pro Display", "Helvetica Neue", "Cairo", system-ui, -apple-system, Arial, sans-serif;--sx-font-arabic: "Cairo", "Tajawal", "IBM Plex Sans Arabic", "SF Arabic", sans-serif;--sx-font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--sx-font-display: "Inter", "SF Pro Display", sans-serif;--sx-text-xs: .75rem;--sx-text-sm: .875rem;--sx-text-base: 1rem;--sx-text-lg: 1.125rem;--sx-text-xl: 1.25rem;--sx-text-2xl: 1.5rem;--sx-text-3xl: 1.875rem;--sx-text-4xl: 2.25rem;--sx-text-5xl: 3rem;--sx-text-6xl: 3.75rem;--sx-weight-normal: 400;--sx-weight-medium: 500;--sx-weight-semibold: 600;--sx-weight-bold: 700;--sx-weight-extrabold:800;--sx-weight-black: 900;--sx-leading-none: 1;--sx-leading-tight: 1.2;--sx-leading-snug: 1.35;--sx-leading-normal: 1.5;--sx-leading-relaxed: 1.65;--sx-tracking-tighter: -.04em;--sx-tracking-tight: -.02em;--sx-tracking-normal: 0;--sx-tracking-wide: .025em;--sx-tracking-widest: .12em;--sx-radius-none: 0;--sx-radius-xs: 4px;--sx-radius-sm: 8px;--sx-radius-md: 12px;--sx-radius-lg: 16px;--sx-radius-xl: 20px;--sx-radius-2xl: 24px;--sx-radius-3xl: 32px;--sx-radius-pill: 9999px;--sx-duration-instant: 50ms;--sx-duration-fast: .12s;--sx-duration-base: .2s;--sx-duration-slow: .32s;--sx-duration-slower: .5s;--sx-easing-standard: cubic-bezier(.4, 0, .2, 1);--sx-easing-enter: cubic-bezier(0, 0, .2, 1);--sx-easing-exit: cubic-bezier(.4, 0, 1, 1);--sx-easing-spring: cubic-bezier(.34, 1.56, .64, 1);--sx-z-base: 0;--sx-z-raised: 10;--sx-z-sticky: 100;--sx-z-drawer: 200;--sx-z-overlay: 300;--sx-z-modal: 400;--sx-z-popover: 500;--sx-z-toast: 600;--sx-z-tooltip: 700;--sx-container-sm: 640px;--sx-container-md: 768px;--sx-container-lg: 1024px;--sx-container-xl: 1280px;--sx-container-2xl: 1440px;--sx-sidebar-w: 264px;--sx-sidebar-w-collapsed: 72px;--sx-header-h: 64px;--sx-page-pad: var(--sx-space-6);--sx-sport-padel-0: #0F2E1F;--sx-sport-padel-1: #1A4D33;--sx-sport-tennis-0: #2A0A0F;--sx-sport-tennis-1: #7A1F2E;--sx-sport-badminton-0: #0A2A2E;--sx-sport-badminton-1: #1F5C66;--sx-sport-squash-0: #2E1A0A;--sx-sport-squash-1: #7A4A1F;--sx-sport-table_tennis-0: #0A1A2E;--sx-sport-table_tennis-1: #1F3D7A;--sx-sport-pickleball-0: #1F2E0A;--sx-sport-pickleball-1: #4D7A1F;--sx-sport-football-0: #0A1628;--sx-sport-football-1: #1A3A6E;--sx-sport-basketball-0: #2E1200;--sx-sport-basketball-1: #7A4200;--sx-sport-volleyball-0: #1F2E3D;--sx-sport-volleyball-1: #3D5C7A;--sx-sport-cricket-0: #0D2A1F;--sx-sport-cricket-1: #1F5C3D;--sx-sport-rugby-0: #1A2E12;--sx-sport-rugby-1: #3D6E1F;--sx-sport-handball-0: #2E1A0A;--sx-sport-handball-1: #7A4A1F;--sx-sport-gym-0: #1A0A2E;--sx-sport-gym-1: #3D1A6E;--sx-sport-crossfit-0: #2E0A1A;--sx-sport-crossfit-1: #7A1F4A;--sx-sport-yoga-0: #2E1A3D;--sx-sport-yoga-1: #4D2A66;--sx-sport-pilates-0: #2A1A3D;--sx-sport-pilates-1: #5C2A7A;--sx-sport-dance-0: #2E0A2A;--sx-sport-dance-1: #7A1F66;--sx-sport-boxing-0: #2E0A0A;--sx-sport-boxing-1: #7A1F1F;--sx-sport-jiu_jitsu-0: #0A0A2E;--sx-sport-jiu_jitsu-1: #1F1F7A;--sx-sport-karate-0: #2E2A0A;--sx-sport-karate-1: #7A6E1F;--sx-sport-taekwondo-0: #0A2E1A;--sx-sport-taekwondo-1: #1F7A4A;--sx-sport-swimming-0: #001A3D;--sx-sport-swimming-1: #003580;--sx-sport-diving-0: #001A33;--sx-sport-diving-1: #00557A;--sx-sport-surfing-0: #003D3D;--sx-sport-surfing-1: #1F7A7A;--sx-sport-golf-0: #0D2E0D;--sx-sport-golf-1: #1F6E1F;--sx-sport-bowling-0: #2E1A0A;--sx-sport-bowling-1: #7A4A1F;--sx-sport-billiards-0: #0A2E1A;--sx-sport-billiards-1: #1F5C3D;--sx-sport-archery-0: #2E2612;--sx-sport-archery-1: #7A661F;--sx-sport-horse_riding-0: #3A2616;--sx-sport-horse_riding-1: #6B4423;--sx-sport-cycling-0: #1A2E2E;--sx-sport-cycling-1: #1F7A6E;--sx-sport-running-0: #2E1A12;--sx-sport-running-1: #7A4A2E;--sx-sport-climbing-0: #2A1A0A;--sx-sport-climbing-1: #5C3D1F;--sx-sport-ice_skating-0: #0A2433;--sx-sport-ice_skating-1: #1F5C7A;--sx-sport-gymnastics-0: #2E0A24;--sx-sport-gymnastics-1: #7A1F5C;--sx-sport-swim-0: #001A3D;--sx-sport-swim-1: #003580}[dir=rtl] body,[lang=ar] body{font-family:var(--sx-font-arabic)}:root{--sx-bg: #080B14;--sx-bg-elev-1: #0C1120;--sx-bg-elev-2: #131A2D;--sx-bg-elev-3: #1B233B;--sx-bg-elev-4: #232C48;--sx-surface: var(--sx-bg-elev-2);--sx-surface-2: var(--sx-bg-elev-3);--sx-accent: #c9f93e;--sx-accent-hover: #d6ff66;--sx-accent-active: #a5e840;--sx-accent-fg: #080B14;--sx-accent-soft: rgba(201,249,62,.12);--sx-accent-soft-2: rgba(201,249,62,.2);--sx-accent-border: rgba(201,249,62,.3);--sx-accent-glow: 0 8px 32px rgba(201,249,62,.35);--sx-accent-glow-strong: 0 0 60px rgba(201,249,62,.5);--lime-dim: rgba(201,249,62,.12);--sx-secondary: #6366F1;--sx-tertiary: #EC4899;--sx-text: #F5F8FF;--sx-text-muted: #A8B2C8;--sx-text-subtle: #7A859E;--sx-text-faint: #5A6480;--sx-text-inverse: #080B14;--sx-border: rgba(255,255,255,.08);--sx-border-strong: rgba(255,255,255,.14);--sx-border-focus: var(--sx-accent);--sx-divider: rgba(255,255,255,.06);--sx-input-bg: #161E33;--sx-input-bg-focus:#1B2540;--sx-input-border: rgba(255,255,255,.14);--sx-input-border-focus: var(--sx-accent);--sx-input-placeholder: var(--sx-text-subtle);--sx-tier-free: #F59E0B;--sx-tier-club: #3B82F6;--sx-tier-coach: #A855F7;--sx-tier-pro: #c9f93e;--sx-success: #22C55E;--sx-success-bg: rgba(34,197,94,.12);--sx-success-border: rgba(34,197,94,.3);--sx-warning: #F59E0B;--sx-warning-bg: rgba(245,158,11,.12);--sx-warning-border: rgba(245,158,11,.3);--sx-danger: #EF4444;--sx-danger-bg: rgba(239,68,68,.12);--sx-danger-border: rgba(239,68,68,.3);--sx-info: #38BDF8;--sx-info-bg: rgba(56,189,248,.12);--sx-info-border: rgba(56,189,248,.3);--sx-blue: #3B82F6;--sx-cyan: #06B6D4;--sx-teal: #14B8A6;--sx-green: #22C55E;--sx-lime: #c9f93e;--sx-yellow: #F59E0B;--sx-orange: #F97316;--sx-red: #EF4444;--sx-pink: #EC4899;--sx-purple: #A855F7;--sx-indigo: #6366F1;--sx-shadow-xs: 0 1px 2px rgba(0,0,0,.3);--sx-shadow-sm: 0 2px 6px rgba(0,0,0,.4);--sx-shadow-md: 0 4px 16px rgba(0,0,0,.5);--sx-shadow-lg: 0 12px 32px rgba(0,0,0,.55);--sx-shadow-xl: 0 24px 60px rgba(0,0,0,.65);--sx-overlay: rgba(0,0,0,.65);--sx-overlay-2: rgba(6,9,20,.85);--sx-scrim: linear-gradient(180deg, transparent 0%, rgba(6,9,20,.85) 100%)}[data-theme=light]{--sx-bg: #F4F7FB;--sx-bg-elev-1: #FFFFFF;--sx-bg-elev-2: #FFFFFF;--sx-bg-elev-3: #F8FAFD;--sx-bg-elev-4: #EEF2F7;--sx-surface: #FFFFFF;--sx-surface-2: #F8FAFD;--sx-accent: #4D7C0F;--sx-accent-hover: #5D9117;--sx-accent-active: #3F6212;--sx-accent-fg: #FFFFFF;--sx-accent-soft: rgba(77,124,15,.08);--sx-accent-soft-2: rgba(77,124,15,.16);--sx-accent-border: rgba(77,124,15,.28);--sx-accent-glow: 0 8px 24px rgba(77,124,15,.2);--sx-accent-glow-strong: 0 0 32px rgba(77,124,15,.3);--sx-secondary: #4F46E5;--sx-tertiary: #DB2777;--sx-text: #0B1220;--sx-text-muted: #475569;--sx-text-subtle: #64748B;--sx-text-faint: #94A3B8;--sx-text-inverse:#FFFFFF;--sx-border: rgba(11,18,32,.08);--sx-border-strong: rgba(11,18,32,.16);--sx-divider: rgba(11,18,32,.06);--sx-input-bg: #F8FAFD;--sx-input-bg-focus:#FFFFFF;--sx-input-border: rgba(11,18,32,.14);--sx-tier-free: #B45309;--sx-tier-club: #1D4ED8;--sx-tier-coach: #7E22CE;--sx-tier-pro: #4D7C0F;--sx-success: #15803D;--sx-success-bg: rgba(21,128,61,.1);--sx-success-border: rgba(21,128,61,.25);--sx-warning: #B45309;--sx-warning-bg: rgba(180,83,9,.1);--sx-warning-border: rgba(180,83,9,.25);--sx-danger: #B91C1C;--sx-danger-bg: rgba(185,28,28,.1);--sx-danger-border: rgba(185,28,28,.25);--sx-info: #0369A1;--sx-info-bg: rgba(3,105,161,.1);--sx-info-border: rgba(3,105,161,.25);--sx-shadow-xs: 0 1px 2px rgba(11,18,32,.06);--sx-shadow-sm: 0 2px 6px rgba(11,18,32,.08);--sx-shadow-md: 0 4px 16px rgba(11,18,32,.1);--sx-shadow-lg: 0 12px 32px rgba(11,18,32,.12);--sx-shadow-xl: 0 24px 60px rgba(11,18,32,.14);--sx-overlay: rgba(11,18,32,.5);--sx-overlay-2: rgba(11,18,32,.7)}:root{--bg: var(--sx-bg);--bg2: var(--sx-bg-elev-1);--bg3: var(--sx-bg-elev-2);--bg4: var(--sx-bg-elev-3);--card: var(--sx-surface);--card2: var(--sx-surface-2);--lime: var(--sx-accent);--lime2: var(--sx-accent-active);--lime-text: var(--sx-accent-fg);--lp-dark: var(--sx-accent-soft);--lime-05: rgba(201,249,62,.05);--lime-08: var(--sx-accent-soft);--lime-10: rgba(201,249,62,.1);--lime-15: rgba(201,249,62,.15);--lime-20: var(--sx-accent-soft-2);--lime-30: var(--sx-accent-border);--lime-dim: rgba(201,249,62,.12);--lime-glow: var(--sx-accent-glow);--lime-glow-md: var(--sx-accent-glow);--lime-glow-lg: var(--sx-accent-glow-strong);--club: var(--sx-tier-club);--coach: var(--sx-tier-coach);--free: var(--sx-tier-free);--green: var(--sx-success);--pink: var(--sx-tertiary);--cyan: var(--sx-info);--orange: var(--sx-orange);--purple: var(--sx-purple);--blue: var(--sx-blue);--gold: var(--sx-warning);--yellow: var(--sx-warning);--danger: var(--sx-danger);--success: var(--sx-success);--warning: var(--sx-warning);--error: var(--sx-danger);--info: var(--sx-info);--success-bg: var(--sx-success-bg);--warning-bg: var(--sx-warning-bg);--error-bg: var(--sx-danger-bg);--info-bg: var(--sx-info-bg);--text: var(--sx-text);--text2: var(--sx-text-muted);--text3: var(--sx-text-subtle);--border: var(--sx-border);--border2: var(--sx-border-strong);--input-bg: var(--sx-input-bg);--input-border: var(--sx-input-border);--shadow-sm: var(--sx-shadow-sm);--shadow-md: var(--sx-shadow-md);--shadow-lg: var(--sx-shadow-lg);--shadow-xl: var(--sx-shadow-xl);--shadow: var(--sx-shadow-md);--space-1: var(--sx-space-1);--space-2: var(--sx-space-2);--space-3: var(--sx-space-3);--space-4: var(--sx-space-4);--space-5: var(--sx-space-5);--space-6: var(--sx-space-6);--space-8: var(--sx-space-8);--space-10: var(--sx-space-10);--space-12: var(--sx-space-12);--space-16: var(--sx-space-16);--radius-sm: var(--sx-radius-sm);--radius: var(--sx-radius-md);--radius-lg: var(--sx-radius-lg);--radius-xl: var(--sx-radius-2xl);--radius-full: var(--sx-radius-pill);--font-sans: var(--sx-font-sans);--font-mono: var(--sx-font-mono);--text-xs: var(--sx-text-xs);--text-sm: var(--sx-text-sm);--text-base: var(--sx-text-base);--text-lg: var(--sx-text-lg);--text-xl: var(--sx-text-xl);--text-2xl: var(--sx-text-2xl);--text-3xl: var(--sx-text-3xl);--text-4xl: var(--sx-text-4xl);--text-5xl: var(--sx-text-5xl)}.sx-page{min-height:100vh;background:var(--sx-bg);color:var(--sx-text)}.sx-page__container{max-width:var(--sx-container-xl);margin:0 auto;padding:var(--sx-page-pad)}.sx-page__container--narrow{max-width:var(--sx-container-md)}.sx-page__container--wide{max-width:var(--sx-container-2xl)}.sx-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sx-space-4);padding:var(--sx-space-6) 0 var(--sx-space-5);border-bottom:1px solid var(--sx-border);margin-bottom:var(--sx-space-6);flex-wrap:wrap}.sx-page-header__intro{display:flex;flex-direction:column;gap:var(--sx-space-1);min-width:0;flex:1 1 auto}.sx-page-header__eyebrow{font-size:var(--sx-text-xs);font-weight:var(--sx-weight-semibold);letter-spacing:var(--sx-tracking-widest);text-transform:uppercase;color:var(--sx-accent)}.sx-page-header__title{font-family:var(--sx-font-display);font-size:var(--sx-text-3xl);font-weight:var(--sx-weight-extrabold);letter-spacing:var(--sx-tracking-tight);line-height:var(--sx-leading-tight);color:var(--sx-text);margin:0}.sx-page-header__subtitle{font-size:var(--sx-text-sm);color:var(--sx-text-muted);line-height:var(--sx-leading-snug);margin:0}.sx-page-header__actions{display:flex;align-items:center;gap:var(--sx-space-2);flex-wrap:wrap}@media (max-width: 640px){.sx-page-header{padding:var(--sx-space-4) 0;margin-bottom:var(--sx-space-4)}.sx-page-header__title{font-size:var(--sx-text-2xl)}}.sx-hero-header{padding:var(--sx-space-10) var(--sx-space-6);border-radius:var(--sx-radius-2xl);background:linear-gradient(135deg,var(--sx-bg-elev-2) 0%,var(--sx-bg-elev-3) 100%);border:1px solid var(--sx-border);position:relative;overflow:hidden}.sx-hero-header__title{font-size:var(--sx-text-4xl);font-weight:var(--sx-weight-black);letter-spacing:var(--sx-tracking-tight);line-height:var(--sx-leading-tight);margin:0 0 var(--sx-space-2);background:linear-gradient(135deg,var(--sx-text) 0%,var(--sx-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sx-space-2);padding:var(--sx-space-3) var(--sx-space-5);font-family:var(--sx-font-sans);font-size:var(--sx-text-sm);font-weight:var(--sx-weight-semibold);line-height:1;letter-spacing:var(--sx-tracking-wide);border:1px solid transparent;border-radius:var(--sx-radius-md);background:var(--sx-bg-elev-3);color:var(--sx-text);cursor:pointer;transition:background var(--sx-duration-base) var(--sx-easing-standard),border-color var(--sx-duration-base) var(--sx-easing-standard),transform var(--sx-duration-fast) var(--sx-easing-standard),box-shadow var(--sx-duration-base) var(--sx-easing-standard);white-space:nowrap;-webkit-user-select:none;user-select:none}.sx-btn:hover{background:var(--sx-bg-elev-4)}.sx-btn:active{transform:translateY(1px)}.sx-btn:disabled,.sx-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sx-btn--primary{background:var(--sx-accent);color:var(--sx-accent-fg);border-color:var(--sx-accent);box-shadow:var(--sx-accent-glow)}.sx-btn--primary:hover{background:var(--sx-accent-hover);border-color:var(--sx-accent-hover)}.sx-btn--primary:active{background:var(--sx-accent-active)}.sx-btn--secondary{background:transparent;color:var(--sx-text);border-color:var(--sx-border-strong)}.sx-btn--secondary:hover{background:var(--sx-bg-elev-3);border-color:var(--sx-accent-border)}.sx-btn--ghost{background:transparent;color:var(--sx-text-muted);border-color:transparent}.sx-btn--ghost:hover{background:var(--sx-bg-elev-3);color:var(--sx-text)}.sx-btn--danger{background:var(--sx-danger);color:#fff;border-color:var(--sx-danger)}.sx-btn--danger:hover{background:#dc2626}.sx-btn--sm{padding:var(--sx-space-2) var(--sx-space-3);font-size:var(--sx-text-xs)}.sx-btn--lg{padding:var(--sx-space-4) var(--sx-space-6);font-size:var(--sx-text-base)}.sx-btn--block{width:100%}.sx-btn--icon{padding:var(--sx-space-2)}.sx-card{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);padding:var(--sx-space-5);transition:border-color var(--sx-duration-base) var(--sx-easing-standard),transform var(--sx-duration-base) var(--sx-easing-standard),box-shadow var(--sx-duration-base) var(--sx-easing-standard)}.sx-card--interactive{cursor:pointer}.sx-card--interactive:hover{border-color:var(--sx-accent-border);transform:translateY(-2px);box-shadow:var(--sx-shadow-md)}.sx-card--accent{border-color:var(--sx-accent-border);background:linear-gradient(135deg,var(--sx-accent-soft) 0%,var(--sx-surface) 60%)}.sx-card__title{font-size:var(--sx-text-lg);font-weight:var(--sx-weight-bold);color:var(--sx-text);margin:0 0 var(--sx-space-1);letter-spacing:var(--sx-tracking-tight)}.sx-card__subtitle{font-size:var(--sx-text-sm);color:var(--sx-text-muted);margin:0}.sx-kpi{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);padding:var(--sx-space-5);position:relative;overflow:hidden}.sx-kpi__label{font-size:var(--sx-text-xs);font-weight:var(--sx-weight-semibold);color:var(--sx-text-subtle);text-transform:uppercase;letter-spacing:var(--sx-tracking-widest);margin:0 0 var(--sx-space-2)}.sx-kpi__value{font-size:var(--sx-text-3xl);font-weight:var(--sx-weight-black);color:var(--sx-text);margin:0;letter-spacing:var(--sx-tracking-tight);line-height:var(--sx-leading-tight)}.sx-kpi__delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--sx-text-xs);font-weight:var(--sx-weight-semibold);margin-top:var(--sx-space-2)}.sx-kpi__delta--up{color:var(--sx-success)}.sx-kpi__delta--down{color:var(--sx-danger)}.sx-kpi__delta--flat{color:var(--sx-text-subtle)}.sx-input,.sx-select,.sx-textarea{width:100%;padding:var(--sx-space-3) var(--sx-space-4);font-family:var(--sx-font-sans);font-size:var(--sx-text-base);color:var(--sx-text);background:var(--sx-input-bg);border:1px solid var(--sx-input-border);border-radius:var(--sx-radius-md);transition:border-color var(--sx-duration-base) var(--sx-easing-standard),background var(--sx-duration-base) var(--sx-easing-standard),box-shadow var(--sx-duration-base) var(--sx-easing-standard)}.sx-input:focus,.sx-select:focus,.sx-textarea:focus{outline:none;background:var(--sx-input-bg-focus);border-color:var(--sx-input-border-focus);box-shadow:0 0 0 3px var(--sx-accent-soft)}.sx-input::placeholder,.sx-textarea::placeholder{color:var(--sx-input-placeholder)}.sx-textarea{min-height:96px;resize:vertical}.sx-input--error,.sx-select--error{border-color:var(--sx-danger)}.sx-input--error:focus{box-shadow:0 0 0 3px var(--sx-danger-bg)}.sx-label{display:block;font-size:var(--sx-text-sm);font-weight:var(--sx-weight-semibold);color:var(--sx-text);margin-bottom:var(--sx-space-2)}.sx-helper{font-size:var(--sx-text-xs);color:var(--sx-text-subtle);margin-top:var(--sx-space-1)}.sx-helper--error{color:var(--sx-danger)}.sx-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--sx-text-xs);font-weight:var(--sx-weight-semibold);letter-spacing:var(--sx-tracking-wide);border-radius:var(--sx-radius-pill);background:var(--sx-bg-elev-3);color:var(--sx-text-muted);border:1px solid var(--sx-border);white-space:nowrap}.sx-badge--success{background:var(--sx-success-bg);color:var(--sx-success);border-color:var(--sx-success-border)}.sx-badge--warning{background:var(--sx-warning-bg);color:var(--sx-warning);border-color:var(--sx-warning-border)}.sx-badge--danger{background:var(--sx-danger-bg);color:var(--sx-danger);border-color:var(--sx-danger-border)}.sx-badge--info{background:var(--sx-info-bg);color:var(--sx-info);border-color:var(--sx-info-border)}.sx-badge--accent{background:var(--sx-accent-soft);color:var(--sx-accent);border-color:var(--sx-accent-border)}.sx-badge--solid{background:var(--sx-accent);color:var(--sx-accent-fg);border-color:var(--sx-accent)}.sx-table-wrap{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);overflow:hidden}.sx-table{width:100%;border-collapse:collapse;font-size:var(--sx-text-sm)}.sx-table thead th{background:var(--sx-bg-elev-1);color:var(--sx-text-subtle);font-size:var(--sx-text-xs);font-weight:var(--sx-weight-semibold);letter-spacing:var(--sx-tracking-widest);text-transform:uppercase;text-align:start;padding:var(--sx-space-3) var(--sx-space-4);border-bottom:1px solid var(--sx-border)}.sx-table tbody td{padding:var(--sx-space-4);color:var(--sx-text);border-bottom:1px solid var(--sx-divider);vertical-align:middle}.sx-table tbody tr:last-child td{border-bottom:none}.sx-table tbody tr:hover{background:var(--sx-bg-elev-3)}.sx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sx-space-12) var(--sx-space-6);background:var(--sx-surface);border:1px dashed var(--sx-border-strong);border-radius:var(--sx-radius-lg);gap:var(--sx-space-3)}.sx-empty__icon{font-size:48px;opacity:.7;margin-bottom:var(--sx-space-2)}.sx-empty__title{font-size:var(--sx-text-lg);font-weight:var(--sx-weight-bold);color:var(--sx-text);margin:0}.sx-empty__body{font-size:var(--sx-text-sm);color:var(--sx-text-muted);max-width:420px;margin:0;line-height:var(--sx-leading-relaxed)}@keyframes sx-skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.sx-skeleton{background:linear-gradient(90deg,var(--sx-bg-elev-2) 0%,var(--sx-bg-elev-3) 50%,var(--sx-bg-elev-2) 100%);background-size:800px 100%;animation:sx-skeleton-shimmer 1.4s infinite linear;border-radius:var(--sx-radius-sm)}.sx-alert{display:flex;gap:var(--sx-space-3);align-items:flex-start;padding:var(--sx-space-4) var(--sx-space-5);border-radius:var(--sx-radius-md);border:1px solid;background:var(--sx-surface);font-size:var(--sx-text-sm)}.sx-alert--success{background:var(--sx-success-bg);border-color:var(--sx-success-border);color:var(--sx-success)}.sx-alert--warning{background:var(--sx-warning-bg);border-color:var(--sx-warning-border);color:var(--sx-warning)}.sx-alert--danger{background:var(--sx-danger-bg);border-color:var(--sx-danger-border);color:var(--sx-danger)}.sx-alert--info{background:var(--sx-info-bg);border-color:var(--sx-info-border);color:var(--sx-info)}.sx-nav-item{display:flex;align-items:center;gap:var(--sx-space-3);padding:var(--sx-space-3) var(--sx-space-4);color:var(--sx-text-muted);border-radius:var(--sx-radius-md);font-size:var(--sx-text-sm);font-weight:var(--sx-weight-medium);transition:background var(--sx-duration-base) var(--sx-easing-standard),color var(--sx-duration-base) var(--sx-easing-standard)}.sx-nav-item:hover{background:var(--sx-bg-elev-3);color:var(--sx-text);text-decoration:none}.sx-nav-item--active{background:var(--sx-accent-soft);color:var(--sx-accent);font-weight:var(--sx-weight-semibold)}.sx-divider{height:1px;background:var(--sx-divider);border:none;margin:var(--sx-space-5) 0}.sx-stack-1{display:flex;flex-direction:column;gap:var(--sx-space-1)}.sx-stack-2{display:flex;flex-direction:column;gap:var(--sx-space-2)}.sx-stack-3{display:flex;flex-direction:column;gap:var(--sx-space-3)}.sx-stack-4{display:flex;flex-direction:column;gap:var(--sx-space-4)}.sx-stack-5{display:flex;flex-direction:column;gap:var(--sx-space-5)}.sx-stack-6{display:flex;flex-direction:column;gap:var(--sx-space-6)}.sx-row-1{display:flex;align-items:center;gap:var(--sx-space-1)}.sx-row-2{display:flex;align-items:center;gap:var(--sx-space-2)}.sx-row-3{display:flex;align-items:center;gap:var(--sx-space-3)}.sx-row-4{display:flex;align-items:center;gap:var(--sx-space-4)}.sx-row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sx-space-3)}.sx-text-muted{color:var(--sx-text-muted)}.sx-text-subtle{color:var(--sx-text-subtle)}.sx-text-accent{color:var(--sx-accent)}.sx-text-danger{color:var(--sx-danger)}.sx-text-success{color:var(--sx-success)}.sx-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .sx-page-header,[dir=rtl] .sx-table thead th{text-align:right}[dir=rtl] .sx-badge,[dir=rtl] .sx-btn{letter-spacing:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.sx-page-header__actions,.sx-nav-item,.sx-btn{display:none!important}}