.text-display-2xl{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:1.05;letter-spacing:-.02em}.text-display-xl{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.1;letter-spacing:-.018em}.text-display-lg{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.15;letter-spacing:-.012em}.text-display-md{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:1.25;letter-spacing:-.008em}.text-display-sm{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.3;letter-spacing:0}.text-body-lg{font-family:var(--font-body);font-size:var(--text-md);font-weight:400;line-height:1.6;letter-spacing:0}.text-body-md{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.55;letter-spacing:0}.text-body-sm{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;line-height:1.5;letter-spacing:0}.text-label-md{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;line-height:1.2;letter-spacing:0}.text-label-sm{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.text-caption{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;line-height:1.4;color:var(--color-text-muted)}.text-numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv11" 1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.surface-page{background:var(--color-surface-1);color:var(--color-text-default)}.surface-card{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elevation-lit-edge)}.surface-raised{background:var(--color-surface-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--elevation-lit-edge)}.surface-sunken{background:var(--color-surface-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-sunken)}.hairline{border:0;background:var(--color-border-subtle);height:1px;width:100%;margin:var(--space-4) 0}.hairline--vertical{border:0;background:var(--color-border-subtle);width:1px;height:100%;margin:0 var(--space-4)}:root{--hex-bg-deep: #F2EFE8;--hex-bg: #FAF8F4;--hex-surface: #FFFFFF;--hex-surface-raised: #FBF9F4;--hex-surface-overlay: #F1EDE4;--hex-border: #E2DDD1;--hex-border-subtle: #ECE7DB;--hex-border-hover: #C9C3B3;--hex-accent: #0F766E;--hex-accent-bright: #14857C;--hex-accent-dim: #115E59;--hex-accent-glow: rgba(15, 118, 110, .08);--hex-accent-glow-strong: rgba(15, 118, 110, .14);--hex-hover-overlay: rgba(15, 23, 42, .04);--hex-hover-overlay-strong: rgba(15, 23, 42, .07);--hex-text: #1B2330;--hex-text-secondary: #4D586A;--hex-text-muted: #828B9C;--hex-error: #C2261B;--hex-error-glow: rgba(194, 38, 27, .1);--hex-warning: #B45309;--hex-info: #1D4ED8;--hex-success: #15803D;--hex-dodge: #6B7280;--font-display: "Manrope", system-ui, -apple-system, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--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 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .1);--shadow-xl: 0 24px 64px rgba(15, 23, 42, .14);--shadow-focus: 0 0 0 3px rgba(15, 118, 110, .18);--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: #7C3AED;--hex-role-admin-bg: rgba(124, 58, 237, .1);--hex-role-admin-border: rgba(124, 58, 237, .22);--hex-role-coach: var(--hex-accent);--hex-role-coach-bg: var(--hex-accent-glow);--hex-role-coach-border: var(--hex-accent-glow-strong);--hex-role-student: #1D4ED8;--hex-role-student-bg: rgba(29, 78, 216, .1);--hex-role-student-border: rgba(29, 78, 216, .22);--hex-team-blue: #1D4ED8;--hex-team-blue-dim: rgba(29, 78, 216, .1);--hex-team-blue-subtle: rgba(29, 78, 216, .05);--hex-team-red: #C2261B;--hex-team-red-dim: rgba(194, 38, 27, .1);--hex-team-red-subtle: rgba(194, 38, 27, .05);--hex-purple: #7C3AED;--hex-blue-light: #2563EB;--hex-orange: #C2410C;--hex-rank-gold: #B45309;--hex-error-light: #DC2626;--hex-success-glow: rgba(21, 128, 61, .1);--hex-warning-glow: rgba(180, 83, 9, .1);--hex-purple-glow: rgba(124, 58, 237, .1);--hex-overlay-medium: rgba(15, 23, 42, .4);--hex-overlay-heavy: rgba(15, 23, 42, .6);--header-height: 56px;--mobile-bar-height: 54px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--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));--color-interactive-primary: var(--hex-accent);--color-interactive-primary-hover: var(--hex-accent-bright);--color-interactive-primary-dim: var(--hex-accent-dim);--color-text-default: var(--hex-text);--color-text-secondary: var(--hex-text-secondary);--color-text-muted: var(--hex-text-muted);--color-surface-1: var(--hex-bg);--color-surface-2: var(--hex-surface);--color-surface-3: var(--hex-surface-raised);--color-surface-4: var(--hex-surface-overlay);--color-border-default: var(--hex-border);--color-border-subtle: var(--hex-border-subtle);--color-border-hover: var(--hex-border-hover);--color-success: var(--hex-success);--color-danger: var(--hex-error);--color-warning: var(--hex-warning);--color-info: var(--hex-info);--color-insight: #6D28D9;--color-insight-bg: rgba(109, 40, 217, .08);--color-insight-border: rgba(109, 40, 217, .22);--chart-1: var(--hex-accent);--chart-2: #2563EB;--chart-3: #7C3AED;--chart-4: #DB2777;--chart-5: #EA580C;--chart-6: #CA8A04;--chart-7: #15803D;--chart-8: #475569;--chart-win: var(--hex-success);--chart-loss: var(--hex-error);--chart-grid: var(--hex-border-subtle);--chart-axis: var(--hex-text-muted);--elevation-sunken: inset 0 1px 0 rgba(15, 23, 42, .04);--elevation-surface: var(--shadow-sm);--elevation-raised: var(--shadow-md);--elevation-overlay: var(--shadow-lg);--elevation-modal: var(--shadow-xl);--elevation-lit-edge: inset 0 1px 0 rgba(255, 255, 255, .65)}[data-theme=dark]{--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;--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);--hex-overlay-medium: rgba(0, 0, 0, .45);--hex-overlay-heavy: rgba(0, 0, 0, .65);--elevation-sunken: inset 0 1px 0 rgba(0, 0, 0, .2);--elevation-lit-edge: inset 0 1px 0 rgba(255, 255, 255, .04)}html{height:100%;font-size:16px;color-scheme:light}@media(max-width:480px){html{font-size:15px}}[data-theme=dark] html{color-scheme:dark}body{background:var(--color-surface-1);color:var(--color-text-default);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;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::-webkit-scrollbar-corner{background:transparent}::selection{background:var(--hex-accent-glow-strong);color:var(--hex-text)}:focus-visible{outline:2px solid var(--color-interactive-primary);outline-offset:2px}.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}.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}.cdk-drag-preview{background:var(--color-surface-3);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.cdk-drag-placeholder{opacity:.2}.card-preload-img{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;opacity:0}.text-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.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}@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}:focus-visible{transition:outline-color .12s ease,outline-offset .12s ease!important}}@media(max-width:640px){:root{--page-gutter: 1.25rem}}@media(max-width:480px){:root{--page-gutter: 1rem}}.app-overlay-backdrop{background:#0f172a70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(prefers-reduced-motion:no-preference){.app-overlay-backdrop{animation:fade-in .18s ease-out}}.app-sheet-panel{display:flex}.app-sheet-panel--drawer{height:100vh}@media(prefers-reduced-motion:no-preference){.app-sheet-panel--drawer{animation:app-sheet-in-right .22s cubic-bezier(.2,.8,.3,1)}}.app-sheet-panel--bottom{width:100vw;max-height:90vh}@media(prefers-reduced-motion:no-preference){.app-sheet-panel--bottom{animation:app-sheet-in-bottom .22s cubic-bezier(.2,.8,.3,1)}}.app-dialog-panel{display:flex}@media(prefers-reduced-motion:no-preference){.app-dialog-panel{animation:scale-in .18s cubic-bezier(.2,.8,.3,1)}}@keyframes app-sheet-in-right{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes app-sheet-in-bottom{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}