:root{--hex-bg-deep: #060910;--hex-bg: #0b0f18;--hex-surface: #141924;--hex-surface-raised: #1c2333;--hex-surface-overlay: #232b3d;--hex-border: #1e2636;--hex-border-subtle: #161d2b;--hex-border-hover: #2a3348;--hex-accent: #0ac8b9;--hex-accent-bright: #2ee6d6;--hex-accent-dim: #077a72;--hex-accent-glow: rgba(255, 255, 255, .04);--hex-accent-glow-strong: rgba(255, 255, 255, .07);--hex-hover-overlay: rgba(255, 255, 255, .035);--hex-hover-overlay-strong: rgba(255, 255, 255, .055);--hex-text: #e8ecf2;--hex-text-secondary: #8b92a5;--hex-text-muted: #4e566a;--hex-error: #ef4444;--hex-error-glow: rgba(239, 68, 68, .12);--hex-warning: #f59e0b;--hex-info: #3b82f6;--hex-success: #22c55e;--hex-dodge: #6b6b76;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif;--text-2xs: .625rem;--text-xs: .72rem;--text-sm: .82rem;--text-base: .9rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--shadow-xs: 0 1px 4px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px rgba(255, 255, 255, .08);--duration-fast: .1s;--duration-normal: .15s;--duration-micro: .2s;--duration-slow: .25s;--duration-enter: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--hex-role-admin: #a855f7;--hex-role-admin-bg: rgba(168, 85, 247, .12);--hex-role-admin-border: rgba(168, 85, 247, .25);--hex-role-coach: var(--hex-accent);--hex-role-coach-bg: var(--hex-hover-overlay-strong);--hex-role-coach-border: var(--hex-border-hover);--hex-role-student: #3b82f6;--hex-role-student-bg: rgba(59, 130, 246, .12);--hex-role-student-border: rgba(59, 130, 246, .25);--hex-team-blue: #2196f3;--hex-team-blue-dim: rgba(33, 150, 243, .12);--hex-team-blue-subtle: rgba(33, 150, 243, .06);--hex-team-red: #ef4444;--hex-team-red-dim: rgba(239, 68, 68, .12);--hex-team-red-subtle: rgba(239, 68, 68, .06);--hex-purple: #a855f7;--hex-blue-light: #60a5fa;--hex-orange: #f97316;--hex-rank-gold: #eab308;--hex-error-light: #fca5a5;--hex-success-glow: rgba(34, 197, 94, .12);--hex-warning-glow: rgba(245, 158, 11, .12);--hex-purple-glow: rgba(168, 85, 247, .12);--hex-overlay-medium: rgba(0, 0, 0, .45);--hex-overlay-heavy: rgba(0, 0, 0, .65);--header-height: 56px;--mobile-bar-height: 54px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--page-max-width: 1280px;--page-max-width-wide: 1400px;--page-gutter: 1.5rem;--page-px-right: max(var(--page-gutter), env(safe-area-inset-right, 0px));--page-px-left: max(var(--page-gutter), env(safe-area-inset-left, 0px))}html{height:100%;font-size:16px!important;--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #013a00;--mat-sys-on-tertiary-container: #77ff61;--mat-sys-on-tertiary-fixed: #002200;--mat-sys-on-tertiary-fixed-variant: #015300;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #02e600;--mat-sys-tertiary-container: #015300;--mat-sys-tertiary-fixed: #77ff61;--mat-sys-tertiary-fixed-dim: #02e600;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem DM Sans;--mat-sys-body-large-font: DM Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem DM Sans;--mat-sys-body-medium-font: DM Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem DM Sans;--mat-sys-body-small-font: DM Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem DM Sans;--mat-sys-display-large-font: DM Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem DM Sans;--mat-sys-display-medium-font: DM Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem DM Sans;--mat-sys-display-small-font: DM Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem DM Sans;--mat-sys-headline-large-font: DM Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem DM Sans;--mat-sys-headline-medium-font: DM Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem DM Sans;--mat-sys-headline-small-font: DM Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem DM Sans;--mat-sys-label-large-font: DM Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem DM Sans;--mat-sys-label-medium-font: DM Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem DM Sans;--mat-sys-label-small-font: DM Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem DM Sans;--mat-sys-title-large-font: DM Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem DM Sans;--mat-sys-title-medium-font: DM Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem DM Sans;--mat-sys-title-small-font: DM Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}@media(max-width:480px){html{font-size:14px!important}}body{color-scheme:dark;background:var(--hex-bg);color:var(--hex-text);font-family:var(--font-body);font-weight:400;font-size:1rem;line-height:1.5;margin:0;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hex-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--hex-text-muted)}.mat-mdc-row{transition:background-color var(--duration-normal) ease}.mat-mdc-row:hover{background:var(--hex-hover-overlay)!important}.mat-mdc-header-row{background:var(--hex-surface)!important;border-bottom:1px solid var(--hex-border)!important}.mat-mdc-header-cell{font-family:var(--font-display)!important;font-size:var(--text-sm)!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--hex-text-secondary)!important}.mat-mdc-cell{color:var(--hex-text)!important;border-bottom-color:var(--hex-border-subtle)!important}.mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--hex-border);--mdc-outlined-text-field-hover-outline-color: var(--hex-text-muted);--mdc-outlined-text-field-focus-outline-color: var(--hex-accent);--mdc-outlined-text-field-label-text-color: var(--hex-text-secondary);--mdc-outlined-text-field-focus-label-text-color: var(--hex-accent);--mdc-outlined-text-field-input-text-color: var(--hex-text);--mdc-outlined-text-field-caret-color: var(--hex-accent)}.mat-mdc-form-field .mdc-text-field--outlined{font-family:var(--font-body)!important}.mat-mdc-unelevated-button,.mat-mdc-outlined-button,.mat-mdc-button{border-radius:var(--radius-md)!important}.mat-mdc-unelevated-button .mat-icon,.mat-mdc-outlined-button .mat-icon,.mat-mdc-button .mat-icon{vertical-align:middle;margin-top:-2px}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: var(--hex-accent) !important;--mdc-filled-button-label-text-color: var(--hex-bg-deep) !important;font-family:var(--font-display)!important;font-weight:600!important;font-size:.9rem!important;letter-spacing:.04em!important;transition:filter var(--duration-normal) ease!important}.mat-mdc-unelevated-button.mat-primary:hover{filter:brightness(.9)}.mat-mdc-unelevated-button.mat-primary:active{filter:brightness(.82)}.mat-mdc-card{background:var(--hex-surface)!important;border:1px solid var(--hex-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.cdk-overlay-pane.mat-mdc-dialog-panel{max-height:calc(100dvh - 2rem)!important}.mat-mdc-dialog-container{--mdc-dialog-container-color: var(--hex-surface) !important;border:1px solid var(--hex-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}.mat-mdc-dialog-container .mdc-dialog__surface{background:var(--hex-surface)!important;border-radius:var(--radius-lg)!important}.mat-mdc-dialog-title{font-family:var(--font-display)!important;font-weight:600!important;font-size:1.35rem!important;letter-spacing:.02em!important;color:var(--hex-text)!important;padding:1.25rem 1.5rem .5rem!important;margin:0!important}.mat-mdc-dialog-content{background:var(--hex-surface)!important;color:var(--hex-text)!important;padding:.75rem 1.5rem .5rem!important;overflow-y:auto!important}.mat-mdc-dialog-actions{background:var(--hex-surface)!important;border-top:1px solid var(--hex-border-subtle);padding:.75rem 1.5rem 1.25rem!important;gap:.5rem!important}.mat-mdc-chip{--mdc-chip-elevated-container-color: var(--hex-surface-overlay) !important;--mdc-chip-label-text-color: var(--hex-text-secondary) !important;border:1px solid var(--hex-border)!important;font-family:var(--font-body)!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:.02em!important}.mat-mdc-chip.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color: var(--hex-hover-overlay-strong) !important;--mdc-chip-label-text-color: var(--hex-accent) !important;border-color:var(--hex-border-hover)!important}.mat-toolbar{background:var(--hex-surface)!important;color:var(--hex-text)!important}.mat-mdc-menu-panel{background:var(--hex-surface-raised)!important;border:1px solid var(--hex-border)!important;border-radius:var(--radius-md)!important}.mat-mdc-menu-item{color:var(--hex-text)!important}.mat-mdc-menu-item:hover{background:var(--hex-hover-overlay)!important}.mat-mdc-select{--mat-select-trigger-text-font: var(--font-display);--mat-select-trigger-text-size: .78rem;--mat-select-trigger-text-tracking: .02em;--mat-select-enabled-trigger-text-color: var(--hex-text-secondary);--mat-select-enabled-arrow-color: var(--hex-text-muted);--mat-select-focused-arrow-color: var(--hex-accent);--mat-select-placeholder-text-color: var(--hex-text-muted)}.champ-filter.mat-mdc-select{padding:.4rem .75rem}.champ-filter.mat-mdc-select .mat-mdc-select-arrow-wrapper{padding-left:.5rem}.champ-filter.mat-mdc-select{border:1px solid var(--hex-border);border-radius:var(--radius-md);background:transparent;transition:border-color var(--duration-normal),color var(--duration-normal),background var(--duration-normal)}.champ-filter.mat-mdc-select:hover{border-color:var(--hex-border-hover);--mat-select-enabled-trigger-text-color: var(--hex-text)}.champ-filter.mat-mdc-select[aria-expanded=true]{border-color:var(--hex-accent);background:var(--hex-hover-overlay-strong);--mat-select-enabled-trigger-text-color: var(--hex-accent);--mat-select-enabled-arrow-color: var(--hex-accent)}.champ-filter{width:auto!important;max-width:160px;flex:0 0 auto}.option-champ{display:flex;align-items:center;gap:.5rem}.option-champ img{border-radius:3px;flex-shrink:0}.mat-mdc-select-panel{background:var(--hex-surface-raised)!important;border:1px solid var(--hex-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:.25rem 0!important}.mat-mdc-option{--mat-option-label-text-font: var(--font-display);--mat-option-label-text-size: .8rem;color:var(--hex-text)!important;min-height:36px!important}.mat-mdc-option:hover,.mat-mdc-option.mat-mdc-option-active{background:var(--hex-hover-overlay)!important}.mat-mdc-option.mdc-list-item--selected{background:var(--hex-hover-overlay-strong)!important;color:var(--hex-accent)!important}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--hex-surface-raised);--mdc-snackbar-supporting-text-color: var(--hex-text);border:1px solid var(--hex-border);border-radius:var(--radius-md)!important}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--hex-accent) !important}.mat-sort-header-arrow{color:var(--hex-accent)!important}.error-banner{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--hex-error-glow);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--hex-error);font-size:.85rem;font-weight:500}.error-banner mat-icon{font-size:18px;width:18px;height:18px}.content-refreshing{position:relative;pointer-events:none}.content-refreshing>*:not(.refresh-overlay){opacity:.4;transition:opacity var(--duration-slow) ease}.refresh-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.skeleton-page{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.skeleton-stats-bar,.skeleton-controls,.skeleton-filter-bar{display:flex;align-items:center;gap:var(--space-3)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem}.cdk-drag-preview{background:var(--hex-surface-raised);border:1px solid var(--hex-border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.cdk-drag-placeholder{opacity:.2}::selection{background:var(--hex-accent-glow-strong);color:var(--hex-text)}.card-preload-img{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;opacity:0}:focus-visible{outline:2px solid var(--hex-accent);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){:root{--page-gutter: 1.25rem}}@media(max-width:480px){:root{--page-gutter: 1rem}.mat-mdc-dialog-container,.cdk-overlay-pane.mat-mdc-dialog-panel{max-width:calc(100vw - 2rem)!important}.mat-mdc-dialog-title{font-size:1.2rem!important;padding:1rem 1rem .5rem!important}.mat-mdc-dialog-content{padding:.5rem 1rem!important}.mat-mdc-dialog-actions{padding:.5rem 1rem 1rem!important;flex-wrap:wrap}.mat-mdc-snack-bar-container{margin:.5rem!important;margin-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))!important}}.mat-drawer-backdrop.mat-drawer-shown{background-color:#060910b3!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}app-skeleton-loader .skeleton{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}