@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap";:root{--color-primary-25: #f4f1ff;--color-primary-50: #ece7ff;--color-primary-100: #dad1ff;--color-primary-200: #b8acff;--color-primary-300: #9686ff;--color-primary-400: #7b62fe;--color-primary-500: #8152F7;--color-primary-600: #6a39e0;--color-primary-700: #5527c0;--color-primary-800: #2b1180;--color-primary-900: #010243;--color-secondary-50: #fffdf0;--color-secondary-100: #fffbe0;--color-secondary-200: #fff6b3;--color-secondary-300: #ffef85;--color-secondary-400: #ffe857;--color-secondary-500: #F6D803;--color-secondary-600: #d9bf03;--color-secondary-700: #b39d02;--color-secondary-800: #8c7b02;--color-secondary-900: #665901;--color-success-25: #f0fdf4;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065f46;--color-success-900: #064e3b;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-surface-primary: #ffffff;--color-surface-secondary: #f5f5f5;--color-surface-tertiary: #e5e7eb;--color-surface-elevated: #ffffff;--color-surface-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-text-tertiary: var(--color-gray-500);--color-text-inverse: #ffffff;--color-text-disabled: var(--color-gray-400);--color-border-primary: var(--color-gray-200);--color-border-secondary: var(--color-gray-300);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-border-success: var(--color-success-500)}:root{--font-primary: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08);--shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 12px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 16px -3px rgba(0, 0, 0, .1);--shadow-2xl: 0 16px 24px -4px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: 0 0 #0000;--shadow-focus-primary: 0 0 0 3px rgba(102, 126, 234, .1);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .1);--shadow-focus-success: 0 0 0 3px rgba(16, 185, 129, .1);--shadow-focus-warning: 0 0 0 3px rgba(245, 158, 11, .1);--shadow-primary: 0 2px 8px rgba(102, 126, 234, .12);--shadow-secondary: 0 2px 8px rgba(217, 70, 239, .12);--shadow-success: 0 2px 8px rgba(16, 185, 129, .12);--shadow-warning: 0 2px 8px rgba(245, 158, 11, .12);--shadow-error: 0 2px 8px rgba(239, 68, 68, .12);--shadow-info: 0 2px 8px rgba(59, 130, 246, .12);--elevation-1: var(--shadow-sm);--elevation-2: var(--shadow-base);--elevation-3: var(--shadow-md);--elevation-4: var(--shadow-lg);--elevation-5: var(--shadow-xl)}:root{--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-400: .4s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--duration-1500: 1.5s;--duration-2000: 2s;--duration-3000: 3s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-anticipate: cubic-bezier(.25, .46, .45, .94);--ease-overshoot: cubic-bezier(.25, .46, .45, .94);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-sharp: cubic-bezier(.4, 0, .6, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-decelerated: cubic-bezier(0, 0, .2, 1);--ease-accelerated: cubic-bezier(.4, 0, 1, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-button: cubic-bezier(.25, .46, .45, .94);--ease-card: cubic-bezier(.25, .1, .25, 1);--ease-modal: cubic-bezier(.2, 0, 0, 1);--ease-tooltip: cubic-bezier(.25, .46, .45, .94);--ease-drag: cubic-bezier(.25, .1, .25, 1);--transition-fast: all var(--duration-150) var(--ease-out);--transition-base: all var(--duration-200) var(--ease-out);--transition-slow: all var(--duration-300) var(--ease-in-out);--transition-colors: color var(--duration-150) var(--ease-out), background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out);--transition-transform: transform var(--duration-200) var(--ease-out);--transition-opacity: opacity var(--duration-200) var(--ease-out);--transition-shadow: box-shadow var(--duration-200) var(--ease-out);--transition-button: all var(--duration-200) var(--ease-button);--transition-card: all var(--duration-300) var(--ease-card);--transition-modal: all var(--duration-400) var(--ease-modal);--transition-tooltip: all var(--duration-200) var(--ease-tooltip);--transition-drag: all var(--duration-200) var(--ease-drag);--delay-0: 0ms;--delay-75: 75ms;--delay-100: .1s;--delay-150: .15s;--delay-200: .2s;--delay-300: .3s;--delay-500: .5s;--delay-700: .7s;--delay-1000: 1s;--stagger-1: var(--delay-75);--stagger-2: var(--delay-150);--stagger-3: var(--delay-200);--stagger-4: var(--delay-300);--stagger-5: var(--delay-500);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--breakpoint-3xl: 1920px;--breakpoint-4xl: 2560px;--container-xs: 100%;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-3xl: 1920px;--space-multiplier-xs: .75;--space-multiplier-sm: .875;--space-multiplier-md: 1;--space-multiplier-lg: 1.125;--space-multiplier-xl: 1.25;--space-multiplier-2xl: 1.5;--text-multiplier-xs: .875;--text-multiplier-sm: .9375;--text-multiplier-md: 1;--text-multiplier-lg: 1.0625;--text-multiplier-xl: 1.125;--text-multiplier-2xl: 1.25;--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 56px;--grid-cols-xs: 1;--grid-cols-sm: 2;--grid-cols-md: 3;--grid-cols-lg: 4;--grid-cols-xl: 5;--grid-cols-2xl: 6}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 480px){.container{max-width:var(--container-xs);padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 640px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md);padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}}@media (min-width: 1536px){.container{max-width:var(--container-2xl)}}@media (min-width: 1920px){.container{max-width:var(--container-3xl)}}.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg,.hidden-xl,.hidden-2xl{display:none}@media (min-width: 480px){.hidden-xs{display:initial}.show-xs-only{display:none}}@media (min-width: 640px){.hidden-sm{display:initial}.show-sm-only{display:none}}@media (min-width: 768px){.hidden-md{display:initial}.show-md-only{display:none}}@media (min-width: 1024px){.hidden-lg{display:initial}.show-lg-only{display:none}}@media (min-width: 1280px){.hidden-xl{display:initial}.show-xl-only{display:none}}@media (min-width: 1536px){.hidden-2xl{display:initial}.show-2xl-only{display:none}}@media (max-width: 479px){.text-center-xs{text-align:center}.text-left-xs{text-align:left}.text-right-xs{text-align:right}}@media (min-width: 480px) and (max-width: 639px){.text-center-sm{text-align:center}.text-left-sm{text-align:left}.text-right-sm{text-align:right}}@media (min-width: 640px) and (max-width: 767px){.text-center-md{text-align:center}.text-left-md{text-align:left}.text-right-md{text-align:right}}@media (min-width: 768px) and (max-width: 1023px){.text-center-lg{text-align:center}.text-left-lg{text-align:left}.text-right-lg{text-align:right}}@media (min-width: 1024px){.text-center-xl{text-align:center}.text-left-xl{text-align:left}.text-right-xl{text-align:right}}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--leading-normal);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}input,textarea,select{border:none;outline:none;background:transparent}fieldset{border:none;margin:0;padding:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0}hr{border:none;height:1px;background:var(--color-border-primary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-2)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}h2{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-medium)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary-600);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-700);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-1);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}blockquote{border-left:4px solid var(--color-primary-200);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-secondary)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);color:var(--color-text-primary)}pre{font-family:var(--font-mono);background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4) 0}pre code{background:none;padding:0;color:inherit}small{font-size:var(--text-sm);color:var(--color-text-tertiary)}strong,b{font-weight:var(--font-semibold);color:var(--color-text-primary)}em,i{font-style:italic}mark{background-color:var(--color-warning-200);color:var(--color-warning-900);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.text-disabled{color:var(--color-text-disabled)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-auto-fit-xs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-auto-fit-xl{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-auto-fill-xs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-auto-fill-md{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-auto-fill-lg{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.grid-auto-fill-xl{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-auto{z-index:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.min-h-fit{min-height:fit-content}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-min{max-height:min-content}.max-h-max{max-height:max-content}.max-h-fit{max-height:fit-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.max-w-none{max-width:none}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.m-auto{margin:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-800{background-color:var(--color-primary-800)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-info-50{background-color:var(--color-info-50)}.bg-info-100{background-color:var(--color-info-100)}.bg-info-500{background-color:var(--color-info-500)}.bg-info-600{background-color:var(--color-info-600)}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.text-white{color:#fff}.text-black{color:#000}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-warning-600{color:var(--color-warning-600)}.text-warning-700{color:var(--color-warning-700)}.text-error-600{color:var(--color-error-600)}.text-error-700{color:var(--color-error-700)}.text-info-600{color:var(--color-info-600)}.text-info-700{color:var(--color-info-700)}.border-transparent{border-color:transparent}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary-500{border-color:var(--color-primary-500)}.border-success-500{border-color:var(--color-success-500)}.border-warning-500{border-color:var(--color-warning-500)}.border-error-500{border-color:var(--color-error-500)}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.hover-lift{transition:var(--transition-base)}.hover-lift-sm:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hover-lift-lg:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:var(--transition-transform)}.hover-scale:hover{transform:scale(1.02)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-scale-lg:hover{transform:scale(1.05)}.hover-glow{transition:var(--transition-shadow)}.hover-glow-success:hover{box-shadow:var(--shadow-success)}.hover-glow-warning:hover{box-shadow:var(--shadow-warning)}.hover-glow-error:hover{box-shadow:var(--shadow-error)}.hover-brighten{transition:var(--transition-colors)}.hover-brighten:hover{filter:brightness(1.05)}.hover-saturate:hover{filter:saturate(1.2)}.interactive{cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none}.interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.interactive-card{cursor:pointer;transition:var(--transition-base)}.interactive-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive-card:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-enhanced{position:relative;overflow:hidden;transition:var(--transition-base)}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--duration-500) var(--ease-out)}.btn-enhanced:hover:before{left:100%}.btn-enhanced:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-enhanced:active{transform:translateY(0);box-shadow:var(--shadow-md)}.focus-enhanced:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary);transform:translateY(-1px)}.focus-ring-enhanced:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:var(--shadow-focus-primary)}.pulse-subtle{animation:pulse-subtle 3s var(--ease-in-out) infinite}.pulse-glow{animation:pulse-glow 2s var(--ease-in-out) infinite}.pulse-scale{animation:pulse-scale 2s var(--ease-in-out) infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-lg)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-fade-in-up{animation:fadeInUp var(--duration-300) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-300) var(--ease-out)}.animate-fade-in-left{animation:fadeInLeft var(--duration-300) var(--ease-out)}.animate-fade-in-right{animation:fadeInRight var(--duration-300) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-300) var(--ease-out)}.animate-bounce-in{animation:bounceIn var(--duration-500) var(--ease-bounce)}.animate-elastic-in{animation:elasticIn var(--duration-700) var(--ease-elastic)}.animate-stagger-1{animation-delay:var(--duration-100)}.animate-stagger-2{animation-delay:var(--duration-200)}.animate-stagger-3{animation-delay:var(--duration-300)}.animate-stagger-4{animation-delay:var(--duration-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--space-8))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(calc(-1 * var(--space-8)))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(calc(-1 * var(--space-8)))}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(var(--space-8))}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(calc(-1 * var(--space-12)))}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes elasticIn{0%{opacity:0;transform:scale(.1)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.animate-bounce{animation:bounce var(--duration-1000) var(--ease-in-out) infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-shimmer{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer var(--duration-1000) var(--ease-in-out) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.transition-all,.transition-fast,.transition-slow,.transition-colors,.transition-transform,.transition-opacity,.transition-shadow,.hover-lift,.hover-lift:hover,.hover-lift-sm:hover,.hover-lift-lg:hover,.hover-scale,.hover-scale:hover,.hover-scale-sm:hover,.hover-scale-lg:hover,.interactive:hover,.interactive:active,.interactive-card:hover,.interactive-card:active,.btn-enhanced:hover,.btn-enhanced:active,.focus-enhanced:focus-visible,.animate-fade-in,.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-slide-up,.animate-slide-down,.animate-scale-in,.animate-bounce-in,.animate-elastic-in,.animate-spin,.animate-ping,.animate-bounce,.animate-shimmer,.pulse-subtle,.pulse-glow,.pulse-scale{animation:none!important;transition:none!important;transform:none!important}.btn-enhanced:before{display:none}}.dragging{opacity:.7;transform:rotate(3deg) scale(1.02);z-index:var(--z-modal);box-shadow:var(--shadow-xl);transition:var(--transition-base);cursor:grabbing!important}.dragging,.dragging *,body.is-dragging,body.is-dragging *{cursor:grabbing!important}.dragging:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#667eea0d);border-radius:inherit;pointer-events:none}.drag-preview{opacity:.9;transform:rotate(5deg) scale(1.05);z-index:var(--z-modal);box-shadow:0 20px 25px #00000026,0 10px 10px #0000000a;animation:drag-float var(--duration-1000) var(--ease-in-out) infinite alternate;cursor:grabbing!important}@keyframes drag-float{0%{transform:rotate(5deg) scale(1.05) translateY(0)}to{transform:rotate(5deg) scale(1.05) translateY(-2px)}}.drag-ghost{opacity:.3;transform:scale(.95);filter:grayscale(.5);transition:var(--transition-base)}.drop-zone{transition:var(--transition-base);position:relative;overflow:hidden}.drop-zone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(16,185,129,.05) 100%);opacity:0;transition:var(--transition-opacity);pointer-events:none;border-radius:inherit}.drop-zone-active{border-color:var(--color-success-400)!important;background:var(--color-success-50)!important;transform:scale(1.02);box-shadow:var(--shadow-success);animation:drop-zone-pulse var(--duration-1000) var(--ease-in-out) infinite}.drop-zone-active:before{opacity:1}.drop-zone-active:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:2px dashed var(--color-success-500);border-radius:calc(var(--radius-xl) - 2px);animation:dash-flow var(--duration-1000) linear infinite;pointer-events:none}@keyframes drop-zone-pulse{0%,to{transform:scale(1.02);box-shadow:var(--shadow-success)}50%{transform:scale(1.04);box-shadow:0 0 20px #10b9814d,var(--shadow-success)}}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20px}}.drop-zone-court{min-height:120px}.drop-zone-court.drop-zone-active{background:linear-gradient(135deg,var(--color-success-50) 0%,var(--color-success-25) 100%)!important}.drop-zone-next{min-height:80px}.drop-zone-next.drop-zone-active{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-25) 100%)!important;border-color:var(--color-primary-400)!important;box-shadow:var(--shadow-primary)}.drop-zone-next.drop-zone-active:after{border-color:var(--color-primary-500)}.drop-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-success-600);font-weight:var(--font-semibold);opacity:0;transition:var(--transition-opacity);pointer-events:none;z-index:1}.drop-zone-active .drop-indicator{opacity:1;animation:drop-indicator-bounce var(--duration-500) var(--ease-bounce)}.drop-indicator-icon{font-size:2rem;animation:drop-icon-pulse var(--duration-700) var(--ease-in-out) infinite}.drop-indicator-text{font-size:var(--text-sm);text-align:center;white-space:nowrap}@keyframes drop-indicator-bounce{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes drop-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.drag-handle{cursor:grab;transition:var(--transition-colors);padding:var(--space-2);border-radius:var(--radius-base)}.drag-handle:hover{background:var(--color-gray-100);color:var(--color-primary-600)}.drag-handle:active{cursor:grabbing;background:var(--color-gray-200)}.drag-feedback{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-modal);opacity:.9;transform:scale(1.05);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);animation:drag-feedback-float var(--duration-1000) var(--ease-in-out) infinite alternate}@keyframes drag-feedback-float{0%{transform:scale(1.05) translateY(0)}to{transform:scale(1.05) translateY(-3px)}}.snap-animation{animation:snap-to-position var(--duration-300) var(--ease-out)}@keyframes snap-to-position{0%{transform:scale(1.05)}50%{transform:scale(.95)}to{transform:scale(1)}}.swap-animation{animation:swap-positions var(--duration-500) var(--ease-in-out)}@keyframes swap-positions{0%{transform:scale(1)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(.9) rotate(-5deg)}75%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}.drop-invalid{border-color:var(--color-error-400)!important;background:var(--color-error-50)!important;animation:invalid-shake var(--duration-300) var(--ease-in-out)}@keyframes invalid-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.drag-preview-enhanced{position:relative;overflow:visible}.drag-preview-enhanced:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:calc(var(--radius-xl) + 4px);opacity:.2;animation:drag-glow var(--duration-1000) var(--ease-in-out) infinite alternate;z-index:-1}@keyframes drag-glow{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.02)}}.team-section-enhanced{position:relative;transition:var(--transition-base)}.team-section-enhanced.drop-zone-active{animation:team-ready var(--duration-500) var(--ease-bounce)}@keyframes team-ready{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1.02)}}.player-slot-enhanced{transition:var(--transition-base);position:relative}.player-slot-enhanced.drop-zone-active{animation:slot-ready var(--duration-300) var(--ease-bounce)}.player-slot-enhanced.drop-zone-active:before{content:"👤";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;animation:slot-icon-bounce var(--duration-500) var(--ease-bounce) infinite}@keyframes slot-ready{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}@keyframes slot-icon-bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@media (prefers-reduced-motion: reduce){.dragging,.drag-preview,.drag-ghost,.drop-zone-active,.drop-indicator,.drag-feedback,.snap-animation,.swap-animation,.drop-invalid,.drag-preview-enhanced,.team-section-enhanced,.player-slot-enhanced{animation:none!important;transform:none!important;transition:none!important}.drag-preview-enhanced:before,.drop-zone:before,.drop-zone-active:after,.player-slot-enhanced.drop-zone-active:before{display:none}}@media (max-width: 479px){.block-xs{display:block!important}.inline-block-xs{display:inline-block!important}.inline-xs{display:inline!important}.flex-xs{display:flex!important}.inline-flex-xs{display:inline-flex!important}.grid-xs{display:grid!important}.hidden-xs{display:none!important}}@media (min-width: 480px) and (max-width: 639px){.block-sm{display:block!important}.inline-block-sm{display:inline-block!important}.inline-sm{display:inline!important}.flex-sm{display:flex!important}.inline-flex-sm{display:inline-flex!important}.grid-sm{display:grid!important}.hidden-sm{display:none!important}}@media (min-width: 640px) and (max-width: 767px){.block-md{display:block!important}.inline-block-md{display:inline-block!important}.inline-md{display:inline!important}.flex-md{display:flex!important}.inline-flex-md{display:inline-flex!important}.grid-md{display:grid!important}.hidden-md{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.block-lg{display:block!important}.inline-block-lg{display:inline-block!important}.inline-lg{display:inline!important}.flex-lg{display:flex!important}.inline-flex-lg{display:inline-flex!important}.grid-lg{display:grid!important}.hidden-lg{display:none!important}}@media (min-width: 1024px) and (max-width: 1279px){.block-xl{display:block!important}.inline-block-xl{display:inline-block!important}.inline-xl{display:inline!important}.flex-xl{display:flex!important}.inline-flex-xl{display:inline-flex!important}.grid-xl{display:grid!important}.hidden-xl{display:none!important}}@media (min-width: 1280px){.block-2xl{display:block!important}.inline-block-2xl{display:inline-block!important}.inline-2xl{display:inline!important}.flex-2xl{display:flex!important}.inline-flex-2xl{display:inline-flex!important}.grid-2xl{display:grid!important}.hidden-2xl{display:none!important}}@media (max-width: 479px){.flex-col-xs{flex-direction:column!important}.flex-row-xs{flex-direction:row!important}}@media (min-width: 480px) and (max-width: 639px){.flex-col-sm{flex-direction:column!important}.flex-row-sm{flex-direction:row!important}}@media (min-width: 640px) and (max-width: 767px){.flex-col-md{flex-direction:column!important}.flex-row-md{flex-direction:row!important}}@media (min-width: 768px) and (max-width: 1023px){.flex-col-lg{flex-direction:column!important}.flex-row-lg{flex-direction:row!important}}@media (min-width: 1024px) and (max-width: 1279px){.flex-col-xl{flex-direction:column!important}.flex-row-xl{flex-direction:row!important}}@media (min-width: 1280px){.flex-col-2xl{flex-direction:column!important}.flex-row-2xl{flex-direction:row!important}}@media (max-width: 479px){.grid-cols-1-xs{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-xs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width: 480px) and (max-width: 639px){.grid-cols-1-sm{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-sm{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-sm{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (min-width: 640px) and (max-width: 767px){.grid-cols-1-md{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-md{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-md{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-md{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width: 768px) and (max-width: 1023px){.grid-cols-1-lg{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-lg{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-lg{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-lg{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5-lg{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media (min-width: 1024px) and (max-width: 1279px){.grid-cols-1-xl{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-xl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-xl{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-xl{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5-xl{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6-xl{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media (min-width: 1280px){.grid-cols-1-2xl{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-2xl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-2xl{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-2xl{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5-2xl{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6-2xl{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-cols-8-2xl{grid-template-columns:repeat(8,minmax(0,1fr))!important}.grid-cols-12-2xl{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (max-width: 479px){.p-2-xs{padding:calc(var(--space-2) * var(--space-multiplier-xs))!important}.p-3-xs{padding:calc(var(--space-3) * var(--space-multiplier-xs))!important}.p-4-xs{padding:calc(var(--space-4) * var(--space-multiplier-xs))!important}.p-6-xs{padding:calc(var(--space-6) * var(--space-multiplier-xs))!important}.p-8-xs{padding:calc(var(--space-8) * var(--space-multiplier-xs))!important}.m-2-xs{margin:calc(var(--space-2) * var(--space-multiplier-xs))!important}.m-3-xs{margin:calc(var(--space-3) * var(--space-multiplier-xs))!important}.m-4-xs{margin:calc(var(--space-4) * var(--space-multiplier-xs))!important}.m-6-xs{margin:calc(var(--space-6) * var(--space-multiplier-xs))!important}.m-8-xs{margin:calc(var(--space-8) * var(--space-multiplier-xs))!important}.gap-2-xs{gap:calc(var(--space-2) * var(--space-multiplier-xs))!important}.gap-3-xs{gap:calc(var(--space-3) * var(--space-multiplier-xs))!important}.gap-4-xs{gap:calc(var(--space-4) * var(--space-multiplier-xs))!important}.gap-6-xs{gap:calc(var(--space-6) * var(--space-multiplier-xs))!important}}@media (min-width: 480px) and (max-width: 639px){.p-2-sm{padding:calc(var(--space-2) * var(--space-multiplier-sm))!important}.p-3-sm{padding:calc(var(--space-3) * var(--space-multiplier-sm))!important}.p-4-sm{padding:calc(var(--space-4) * var(--space-multiplier-sm))!important}.p-6-sm{padding:calc(var(--space-6) * var(--space-multiplier-sm))!important}.p-8-sm{padding:calc(var(--space-8) * var(--space-multiplier-sm))!important}.m-2-sm{margin:calc(var(--space-2) * var(--space-multiplier-sm))!important}.m-3-sm{margin:calc(var(--space-3) * var(--space-multiplier-sm))!important}.m-4-sm{margin:calc(var(--space-4) * var(--space-multiplier-sm))!important}.m-6-sm{margin:calc(var(--space-6) * var(--space-multiplier-sm))!important}.m-8-sm{margin:calc(var(--space-8) * var(--space-multiplier-sm))!important}.gap-2-sm{gap:calc(var(--space-2) * var(--space-multiplier-sm))!important}.gap-3-sm{gap:calc(var(--space-3) * var(--space-multiplier-sm))!important}.gap-4-sm{gap:calc(var(--space-4) * var(--space-multiplier-sm))!important}.gap-6-sm{gap:calc(var(--space-6) * var(--space-multiplier-sm))!important}}@media (min-width: 1280px){.p-2-xl{padding:calc(var(--space-2) * var(--space-multiplier-xl))!important}.p-3-xl{padding:calc(var(--space-3) * var(--space-multiplier-xl))!important}.p-4-xl{padding:calc(var(--space-4) * var(--space-multiplier-xl))!important}.p-6-xl{padding:calc(var(--space-6) * var(--space-multiplier-xl))!important}.p-8-xl{padding:calc(var(--space-8) * var(--space-multiplier-xl))!important}.m-2-xl{margin:calc(var(--space-2) * var(--space-multiplier-xl))!important}.m-3-xl{margin:calc(var(--space-3) * var(--space-multiplier-xl))!important}.m-4-xl{margin:calc(var(--space-4) * var(--space-multiplier-xl))!important}.m-6-xl{margin:calc(var(--space-6) * var(--space-multiplier-xl))!important}.m-8-xl{margin:calc(var(--space-8) * var(--space-multiplier-xl))!important}.gap-2-xl{gap:calc(var(--space-2) * var(--space-multiplier-xl))!important}.gap-3-xl{gap:calc(var(--space-3) * var(--space-multiplier-xl))!important}.gap-4-xl{gap:calc(var(--space-4) * var(--space-multiplier-xl))!important}.gap-6-xl{gap:calc(var(--space-6) * var(--space-multiplier-xl))!important}}@media (min-width: 1536px){.p-2-2xl{padding:calc(var(--space-2) * var(--space-multiplier-2xl))!important}.p-3-2xl{padding:calc(var(--space-3) * var(--space-multiplier-2xl))!important}.p-4-2xl{padding:calc(var(--space-4) * var(--space-multiplier-2xl))!important}.p-6-2xl{padding:calc(var(--space-6) * var(--space-multiplier-2xl))!important}.p-8-2xl{padding:calc(var(--space-8) * var(--space-multiplier-2xl))!important}.m-2-2xl{margin:calc(var(--space-2) * var(--space-multiplier-2xl))!important}.m-3-2xl{margin:calc(var(--space-3) * var(--space-multiplier-2xl))!important}.m-4-2xl{margin:calc(var(--space-4) * var(--space-multiplier-2xl))!important}.m-6-2xl{margin:calc(var(--space-6) * var(--space-multiplier-2xl))!important}.m-8-2xl{margin:calc(var(--space-8) * var(--space-multiplier-2xl))!important}.gap-2-2xl{gap:calc(var(--space-2) * var(--space-multiplier-2xl))!important}.gap-3-2xl{gap:calc(var(--space-3) * var(--space-multiplier-2xl))!important}.gap-4-2xl{gap:calc(var(--space-4) * var(--space-multiplier-2xl))!important}.gap-6-2xl{gap:calc(var(--space-6) * var(--space-multiplier-2xl))!important}}@media (max-width: 479px){.text-xs-xs{font-size:calc(var(--text-xs) * var(--text-multiplier-xs))!important}.text-sm-xs{font-size:calc(var(--text-sm) * var(--text-multiplier-xs))!important}.text-base-xs{font-size:calc(var(--text-base) * var(--text-multiplier-xs))!important}.text-lg-xs{font-size:calc(var(--text-lg) * var(--text-multiplier-xs))!important}.text-xl-xs{font-size:calc(var(--text-xl) * var(--text-multiplier-xs))!important}.text-2xl-xs{font-size:calc(var(--text-2xl) * var(--text-multiplier-xs))!important}}@media (min-width: 480px) and (max-width: 639px){.text-xs-sm{font-size:calc(var(--text-xs) * var(--text-multiplier-sm))!important}.text-sm-sm{font-size:calc(var(--text-sm) * var(--text-multiplier-sm))!important}.text-base-sm{font-size:calc(var(--text-base) * var(--text-multiplier-sm))!important}.text-lg-sm{font-size:calc(var(--text-lg) * var(--text-multiplier-sm))!important}.text-xl-sm{font-size:calc(var(--text-xl) * var(--text-multiplier-sm))!important}.text-2xl-sm{font-size:calc(var(--text-2xl) * var(--text-multiplier-sm))!important}}@media (min-width: 1280px){.text-xs-xl{font-size:calc(var(--text-xs) * var(--text-multiplier-xl))!important}.text-sm-xl{font-size:calc(var(--text-sm) * var(--text-multiplier-xl))!important}.text-base-xl{font-size:calc(var(--text-base) * var(--text-multiplier-xl))!important}.text-lg-xl{font-size:calc(var(--text-lg) * var(--text-multiplier-xl))!important}.text-xl-xl{font-size:calc(var(--text-xl) * var(--text-multiplier-xl))!important}.text-2xl-xl{font-size:calc(var(--text-2xl) * var(--text-multiplier-xl))!important}}@media (min-width: 1536px){.text-xs-2xl{font-size:calc(var(--text-xs) * var(--text-multiplier-2xl))!important}.text-sm-2xl{font-size:calc(var(--text-sm) * var(--text-multiplier-2xl))!important}.text-base-2xl{font-size:calc(var(--text-base) * var(--text-multiplier-2xl))!important}.text-lg-2xl{font-size:calc(var(--text-lg) * var(--text-multiplier-2xl))!important}.text-xl-2xl{font-size:calc(var(--text-xl) * var(--text-multiplier-2xl))!important}.text-2xl-2xl{font-size:calc(var(--text-2xl) * var(--text-multiplier-2xl))!important}}@media (max-width: 479px){.w-full-xs{width:100%!important}.w-auto-xs{width:auto!important}.h-auto-xs{height:auto!important}.min-h-screen-xs{min-height:100vh!important}}@media (min-width: 480px) and (max-width: 639px){.w-full-sm{width:100%!important}.w-auto-sm{width:auto!important}.h-auto-sm{height:auto!important}.min-h-screen-sm{min-height:100vh!important}}@media (min-width: 640px) and (max-width: 767px){.w-full-md{width:100%!important}.w-auto-md{width:auto!important}.h-auto-md{height:auto!important}.min-h-screen-md{min-height:100vh!important}}@media (min-width: 768px) and (max-width: 1023px){.w-full-lg{width:100%!important}.w-auto-lg{width:auto!important}.h-auto-lg{height:auto!important}.min-h-screen-lg{min-height:100vh!important}}@media (min-width: 1024px) and (max-width: 1279px){.w-full-xl{width:100%!important}.w-auto-xl{width:auto!important}.h-auto-xl{height:auto!important}.min-h-screen-xl{min-height:100vh!important}}@media (min-width: 1280px){.w-full-2xl{width:100%!important}.w-auto-2xl{width:auto!important}.h-auto-2xl{height:auto!important}.min-h-screen-2xl{min-height:100vh!important}}@media (max-width: 479px){.relative-xs{position:relative!important}.absolute-xs{position:absolute!important}.fixed-xs{position:fixed!important}.static-xs{position:static!important}}@media (min-width: 480px) and (max-width: 639px){.relative-sm{position:relative!important}.absolute-sm{position:absolute!important}.fixed-sm{position:fixed!important}.static-sm{position:static!important}}@media (min-width: 640px) and (max-width: 767px){.relative-md{position:relative!important}.absolute-md{position:absolute!important}.fixed-md{position:fixed!important}.static-md{position:static!important}}@media (min-width: 768px) and (max-width: 1023px){.relative-lg{position:relative!important}.absolute-lg{position:absolute!important}.fixed-lg{position:fixed!important}.static-lg{position:static!important}}@media (min-width: 1024px) and (max-width: 1279px){.relative-xl{position:relative!important}.absolute-xl{position:absolute!important}.fixed-xl{position:fixed!important}.static-xl{position:static!important}}@media (min-width: 1280px){.relative-2xl{position:relative!important}.absolute-2xl{position:absolute!important}.fixed-2xl{position:fixed!important}.static-2xl{position:static!important}}@media (min-resolution: 1.25dppx){:root{--space-multiplier-zoom: 1.1;--text-multiplier-zoom: 1.05}.zoom-responsive{font-size:calc(1em * var(--text-multiplier-zoom));padding:calc(var(--space-4) * var(--space-multiplier-zoom))}}@media (min-resolution: 1.5dppx){:root{--space-multiplier-zoom: 1.15;--text-multiplier-zoom: 1.08}}@media (min-resolution: 2dppx){:root{--space-multiplier-zoom: 1.2;--text-multiplier-zoom: 1.1}}@media (orientation: landscape){.landscape-only{display:block!important}.portrait-only{display:none!important}.landscape-flex-row{flex-direction:row!important}.landscape-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (orientation: portrait){.landscape-only{display:none!important}.portrait-only{display:block!important}.portrait-flex-col{flex-direction:column!important}.portrait-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@media print{.print-hidden{display:none!important}.print-block{display:block!important}.print-inline{display:inline!important}.print-text-sm{font-size:12px!important}.print-text-base{font-size:14px!important}.print-text-lg{font-size:16px!important}.print-p-2{padding:8px!important}.print-p-4{padding:16px!important}.print-m-2{margin:8px!important}.print-m-4{margin:16px!important}.print-break-before{page-break-before:always!important}.print-break-after{page-break-after:always!important}.print-break-inside-avoid{page-break-inside:avoid!important}}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}.touch-spacing{padding:var(--space-3) var(--space-4);margin:var(--space-2)}.touch-spacing-comfortable{padding:var(--space-4) var(--space-5);margin:var(--space-3)}.touch-spacing-large{padding:var(--space-5) var(--space-6);margin:var(--space-4)}.touch-active{transform:scale(.98);transition:transform .1s ease-out}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out;pointer-events:none}.touch-feedback:active:after{width:200px;height:200px}@media (hover: hover) and (pointer: fine){.touch-hover:hover{background-color:var(--color-gray-100);transform:translateY(-1px);box-shadow:var(--shadow-md)}.touch-hover-primary:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-300)}.touch-hover-success:hover{background-color:var(--color-success-50);border-color:var(--color-success-300)}.touch-hover-warning:hover{background-color:var(--color-warning-50);border-color:var(--color-warning-300)}.touch-hover-error:hover{background-color:var(--color-error-50);border-color:var(--color-error-300)}}@media (hover: none) and (pointer: coarse){.touch-only-active:active{background-color:var(--color-gray-100);transform:scale(.98)}.touch-only-primary:active{background-color:var(--color-primary-100);border-color:var(--color-primary-400)}.touch-only-success:active{background-color:var(--color-success-100);border-color:var(--color-success-400)}.touch-only-warning:active{background-color:var(--color-warning-100);border-color:var(--color-warning-400)}.touch-only-error:active{background-color:var(--color-error-100);border-color:var(--color-error-400)}.touch-hover:hover,.touch-hover-primary:hover,.touch-hover-success:hover,.touch-hover-warning:hover,.touch-hover-error:hover{background-color:initial;transform:none;box-shadow:initial;border-color:initial}}.touch-draggable{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.touch-draggable:active{cursor:grabbing}.touch-drag-handle{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-base);border:2px solid var(--color-gray-300);transition:var(--transition-base)}.touch-drag-handle:active{background:var(--color-primary-100);border-color:var(--color-primary-400);transform:scale(1.05)}.touch-drag-handle:before{content:"⋮⋮";font-size:var(--text-lg);color:var(--color-gray-600);letter-spacing:-2px;line-height:1}.touch-drop-zone{min-height:var(--touch-target-large);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;transition:var(--transition-base);position:relative}.touch-drop-zone:before{content:"📱";font-size:var(--text-2xl);opacity:.5;margin-bottom:var(--space-2)}.touch-drop-zone-active{border-color:var(--color-primary-500);background:var(--color-primary-50);transform:scale(1.02);box-shadow:var(--shadow-primary)}.touch-drop-zone-active:before{content:"✨";opacity:1;animation:bounce .5s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.touch-scroll{overflow:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.touch-scroll-horizontal{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.touch-scroll-vertical{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.touch-input{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);border:2px solid var(--color-border-primary);transition:var(--transition-base)}.touch-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.touch-select{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);border:2px solid var(--color-border-primary);background:var(--color-surface-primary);cursor:pointer;transition:var(--transition-base)}.touch-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.touch-button{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden}.touch-button:active{transform:scale(.98)}.touch-button-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:var(--shadow-sm)}.touch-button-primary:active{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:var(--shadow-md)}.touch-button-secondary{background:var(--color-surface-primary);color:var(--color-text-primary);border:2px solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.touch-button-secondary:active{background:var(--color-gray-50);border-color:var(--color-gray-400)}.touch-nav{display:flex;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.touch-nav-item{flex:1;min-height:var(--touch-target-comfortable);display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:var(--transition-base);text-decoration:none}.touch-nav-item:active{transform:scale(.98)}.touch-nav-item-active{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-sm)}.touch-nav-item-active:active{background:var(--color-primary-600)}.touch-swipeable{touch-action:pan-x;user-select:none;-webkit-user-select:none}.touch-pinchable{touch-action:pinch-zoom;user-select:none;-webkit-user-select:none}.touch-pannable{touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}.touch-accessible{outline:none}.touch-accessible:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.touch-loading{pointer-events:none;opacity:.7;position:relative}.touch-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-primary-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out;opacity:0;pointer-events:none}.touch-ripple:active:before{width:300px;height:300px;opacity:1;transition:width .1s ease-out,height .1s ease-out,opacity .1s ease-out}@media (pointer: coarse){.touch-adaptive{padding:calc(var(--space-4) * 1.2);margin:calc(var(--space-2) * 1.2)}.touch-adaptive-gap{gap:calc(var(--space-3) * 1.2)}.touch-adaptive-text{font-size:calc(var(--text-base) * 1.1)}.hover-only{display:none}}@media (pointer: fine){.pointer-adaptive{padding:var(--space-3);margin:var(--space-1)}.pointer-adaptive-gap{gap:var(--space-2)}.touch-only{display:none}}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-colors);-webkit-user-select:none;user-select:none}.icon-xs{width:12px;height:12px;font-size:12px}.icon-sm{width:16px;height:16px;font-size:16px}.icon-md{width:20px;height:20px;font-size:20px}.icon-lg{width:24px;height:24px;font-size:24px}.icon-xl{width:32px;height:32px;font-size:32px}.icon-2xl{width:40px;height:40px;font-size:40px}.icon-3xl{width:48px;height:48px;font-size:48px}.icon-primary{color:var(--color-primary-500)}.icon-secondary{color:var(--color-text-secondary)}.icon-success{color:var(--color-success-500)}.icon-warning{color:var(--color-warning-500)}.icon-error{color:var(--color-error-500)}.icon-muted{color:var(--color-text-tertiary)}.icon-inverse{color:var(--color-text-inverse)}.icon-bg{border-radius:var(--radius-md);padding:var(--space-2);transition:var(--transition-base)}.icon-bg-primary{background:var(--color-primary-100);color:var(--color-primary-600)}.icon-bg-success{background:var(--color-success-100);color:var(--color-success-600)}.icon-bg-warning{background:var(--color-warning-100);color:var(--color-warning-600)}.icon-bg-error{background:var(--color-error-100);color:var(--color-error-600)}.icon-bg-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);color:var(--color-text-secondary);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.icon-btn:hover{background:var(--color-gray-100);color:var(--color-text-primary);transform:scale(1.05)}.icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.icon-btn:active{transform:scale(.95)}.icon-btn-primary{color:var(--color-primary-500)}.icon-btn-primary:hover{background:var(--color-primary-100);color:var(--color-primary-600)}.icon-btn-success{color:var(--color-success-500)}.icon-btn-success:hover{background:var(--color-success-100);color:var(--color-success-600)}.icon-btn-warning{color:var(--color-warning-500)}.icon-btn-warning:hover{background:var(--color-warning-100);color:var(--color-warning-600)}.icon-btn-error{color:var(--color-error-500)}.icon-btn-error:hover{background:var(--color-error-100);color:var(--color-error-600)}.icon-spin{animation:spin var(--duration-1000) linear infinite}.icon-pulse{animation:pulse var(--duration-2000) var(--ease-in-out) infinite}.icon-bounce{animation:bounce var(--duration-1000) var(--ease-bounce) infinite}.icon-wiggle{animation:wiggle var(--duration-500) var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.icon-text{display:inline-flex;align-items:center;gap:var(--space-2)}.icon-text-vertical{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1)}.skill-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-inverse);text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.skill-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:inherit}.skill-beginner{background:linear-gradient(135deg,var(--color-success-400),var(--color-success-500))}.skill-intermediate{background:linear-gradient(135deg,var(--color-warning-400),var(--color-warning-500))}.skill-advanced{background:linear-gradient(135deg,var(--color-error-400),var(--color-error-500))}.skill-expert{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500))}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);font-size:var(--text-xs);position:relative}.status-active{background:var(--color-success-500);color:var(--color-text-inverse);animation:pulse-glow var(--duration-2000) var(--ease-in-out) infinite}.status-waiting{background:var(--color-warning-500);color:var(--color-text-inverse);animation:pulse var(--duration-3000) var(--ease-in-out) infinite}.status-ready{background:var(--color-info-500);color:var(--color-text-inverse)}.status-inactive{background:var(--color-gray-400);color:var(--color-text-inverse)}.court-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.court-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);border-radius:inherit}.court-icon-active{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));animation:pulse-glow var(--duration-2000) var(--ease-in-out) infinite}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);font-size:var(--text-sm);transition:var(--transition-base);cursor:pointer}.action-play{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:var(--color-text-inverse);box-shadow:var(--shadow-success)}.action-play:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.action-pause{background:linear-gradient(135deg,var(--color-warning-500),var(--color-warning-600));color:var(--color-text-inverse);box-shadow:var(--shadow-warning)}.action-pause:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.action-stop{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));color:var(--color-text-inverse);box-shadow:var(--shadow-error)}.action-stop:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.action-info{background:linear-gradient(135deg,var(--color-info-500),var(--color-info-600));color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.action-info:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.decorative-dot{width:4px;height:4px;border-radius:var(--radius-full);background:currentColor;opacity:.5}.decorative-line{height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.3}.decorative-separator{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs)}.decorative-separator:before,.decorative-separator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.3}.visual-glow{position:relative}.visual-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:inherit;z-index:-1;opacity:0;transition:var(--transition-opacity)}.visual-glow:hover:before{opacity:.3}.visual-shimmer{position:relative;overflow:hidden}.visual-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--duration-1000) var(--ease-out)}.visual-shimmer:hover:before{left:100%}@media (pointer: coarse){.icon-btn{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);padding:var(--space-3)}.icon-xs{width:16px;height:16px;font-size:16px}.icon-sm{width:20px;height:20px;font-size:20px}.icon-md{width:24px;height:24px;font-size:24px}.icon-lg{width:28px;height:28px;font-size:28px}.icon-xl{width:36px;height:36px;font-size:36px}.icon-2xl{width:44px;height:44px;font-size:44px}.icon-3xl{width:52px;height:52px;font-size:52px}.skill-icon{width:28px;height:28px;font-size:var(--text-sm)}.status-icon{width:24px;height:24px;font-size:var(--text-sm)}.court-icon{width:36px;height:36px;font-size:var(--text-base)}.action-icon{width:32px;height:32px;font-size:var(--text-base)}}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600))}.gradient-secondary{background:linear-gradient(135deg,var(--color-secondary-500),var(--color-secondary-600))}.gradient-success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600))}.gradient-warning{background:linear-gradient(135deg,var(--color-warning-500),var(--color-warning-600))}.gradient-error{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600))}.gradient-subtle{background:linear-gradient(135deg,var(--color-surface-primary),var(--color-surface-secondary))}.gradient-glass{background:linear-gradient(135deg,#ffffff40,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.border-gradient{position:relative;background:var(--color-surface-primary);border-radius:var(--radius-lg)}.border-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.border-animated{position:relative;overflow:hidden}.border-animated:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--color-primary-500),transparent);transform:translate(-100%);animation:border-flow var(--duration-2000) linear infinite}@keyframes border-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.depth-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.depth-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.depth-3{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.depth-4{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.depth-5{box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}.shadow-colored{box-shadow:0 4px 14px #667eea40}.shadow-success-colored{box-shadow:0 4px 14px #10b98140}.shadow-warning-colored{box-shadow:0 4px 14px #f59e0b40}.shadow-error-colored{box-shadow:0 4px 14px #ef444440}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.shadow-inner-lg{box-shadow:inset 0 4px 8px #0000001f}.text-gradient{background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-bold)}.text-shadow{text-shadow:0 1px 3px rgba(0,0,0,.3)}.text-shadow-lg{text-shadow:0 2px 4px rgba(0,0,0,.4)}.text-glow{text-shadow:0 0 10px currentColor}.text-outline{-webkit-text-stroke:1px var(--color-text-primary);text-stroke:1px var(--color-text-primary)}.space-y-fluid>*+*{margin-top:clamp(var(--space-2),2vw,var(--space-6))}.space-x-fluid>*+*{margin-left:clamp(var(--space-2),2vw,var(--space-6))}.container-fluid{width:100%;max-width:min(100% - var(--space-8),1200px);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.interactive-lift{transition:var(--transition-base)}.interactive-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive-lift:active{transform:translateY(0);box-shadow:var(--shadow-md)}.interactive-scale{transition:var(--transition-transform)}.interactive-scale:hover{transform:scale(1.02)}.interactive-scale:active{transform:scale(.98)}.interactive-glow{position:relative;transition:var(--transition-base)}.interactive-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:inherit;z-index:-1;opacity:0;transition:var(--transition-opacity);filter:blur(4px)}.interactive-glow:hover:before{opacity:.4}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading var(--duration-1500) ease-in-out infinite;border-radius:var(--radius-base)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-circle{border-radius:var(--radius-full);aspect-ratio:1}.skeleton-button{height:var(--space-10);width:120px}.feedback-success{background:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}.feedback-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-200);color:var(--color-warning-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}.feedback-error{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}.feedback-info{background:var(--color-info-50);border:1px solid var(--color-info-200);color:var(--color-info-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}@keyframes feedback-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overlay-dark{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-light{background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.pattern-dots{background-image:radial-gradient(circle,var(--color-gray-300) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.pattern-grid{background-image:linear-gradient(var(--color-gray-200) 1px,transparent 1px),linear-gradient(90deg,var(--color-gray-200) 1px,transparent 1px);background-size:20px 20px;opacity:.3}.pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--color-gray-100) 10px,var(--color-gray-100) 20px);opacity:.5}.divider{height:1px;background:var(--color-border-primary);margin:var(--space-4) 0}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,var(--color-border-primary),transparent);margin:var(--space-4) 0}.divider-thick{height:2px;background:var(--color-border-primary);margin:var(--space-6) 0}.divider-dashed{height:1px;background-image:linear-gradient(90deg,var(--color-border-primary) 50%,transparent 50%);background-size:10px 1px;margin:var(--space-4) 0}.corner-cut{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.corner-notch{position:relative}.corner-notch:before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:var(--color-surface-secondary);clip-path:polygon(0 0,100% 100%,0 100%)}.shape-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape-arrow{clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none}.show-mobile{display:block}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important}.mobile-center{text-align:center!important}}@media print{.no-print{display:none!important}.print-only{display:block!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-no-break{page-break-inside:avoid}}.focus-trap{position:relative}.focus-trap:before,.focus-trap:after{content:"";position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-scroll{will-change:scroll-position}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-color-scheme: dark){.dark-invert{filter:invert(1)}.dark-dim{opacity:.8}.dark-hide{display:none}}@media (prefers-reduced-motion: reduce){.motion-safe{animation:none!important;transition:none!important;transform:none!important}.motion-safe *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.space-px{margin:1px}.space-0-5{margin:2px}.space-1-5{margin:6px}.space-2-5{margin:10px}.space-3-5{margin:14px}.space-x-px>*+*{margin-left:1px}.space-x-0-5>*+*{margin-left:2px}.space-x-1-5>*+*{margin-left:6px}.space-x-2-5>*+*{margin-left:10px}.space-x-3-5>*+*{margin-left:14px}.space-y-px>*+*{margin-top:1px}.space-y-0-5>*+*{margin-top:2px}.space-y-1-5>*+*{margin-top:6px}.space-y-2-5>*+*{margin-top:10px}.space-y-3-5>*+*{margin-top:14px}.-m-px{margin:-1px}.-m-0-5{margin:-2px}.-m-1{margin:calc(-1 * var(--space-1))}.-m-2{margin:calc(-1 * var(--space-2))}.-m-3{margin:calc(-1 * var(--space-3))}.-m-4{margin:calc(-1 * var(--space-4))}.-mt-px{margin-top:-1px}.-mt-0-5{margin-top:-2px}.-mt-1{margin-top:calc(-1 * var(--space-1))}.-mt-2{margin-top:calc(-1 * var(--space-2))}.-mt-3{margin-top:calc(-1 * var(--space-3))}.-mt-4{margin-top:calc(-1 * var(--space-4))}.-ml-px{margin-left:-1px}.-ml-0-5{margin-left:-2px}.-ml-1{margin-left:calc(-1 * var(--space-1))}.-ml-2{margin-left:calc(-1 * var(--space-2))}.-ml-3{margin-left:calc(-1 * var(--space-3))}.-ml-4{margin-left:calc(-1 * var(--space-4))}.optical-align-left{margin-left:-.05em}.optical-align-right{margin-right:-.05em}.optical-align-center{margin-left:-.025em;margin-right:-.025em}.baseline-align{vertical-align:baseline}.baseline-top{vertical-align:top}.baseline-middle{vertical-align:middle}.baseline-bottom{vertical-align:bottom}.baseline-text-top{vertical-align:text-top}.baseline-text-bottom{vertical-align:text-bottom}.flex-align-start{align-items:flex-start}.flex-align-end{align-items:flex-end}.flex-align-center{align-items:center}.flex-align-baseline{align-items:baseline}.flex-align-stretch{align-items:stretch}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-justify-evenly{justify-content:space-evenly}.flex-self-start{align-self:flex-start}.flex-self-end{align-self:flex-end}.flex-self-center{align-self:center}.flex-self-baseline{align-self:baseline}.flex-self-stretch{align-self:stretch}.grid-align-start{align-items:start}.grid-align-end{align-items:end}.grid-align-center{align-items:center}.grid-align-stretch{align-items:stretch}.grid-justify-start{justify-items:start}.grid-justify-end{justify-items:end}.grid-justify-center{justify-items:center}.grid-justify-stretch{justify-items:stretch}.grid-content-start{justify-content:start}.grid-content-end{justify-content:end}.grid-content-center{justify-content:center}.grid-content-between{justify-content:space-between}.grid-content-around{justify-content:space-around}.grid-content-evenly{justify-content:space-evenly}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.position-static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.top-1{top:var(--space-1)}.top-2{top:var(--space-2)}.top-3{top:var(--space-3)}.top-4{top:var(--space-4)}.top-auto{top:auto}.right-0{right:0}.right-1{right:var(--space-1)}.right-2{right:var(--space-2)}.right-3{right:var(--space-3)}.right-4{right:var(--space-4)}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-1{bottom:var(--space-1)}.bottom-2{bottom:var(--space-2)}.bottom-3{bottom:var(--space-3)}.bottom-4{bottom:var(--space-4)}.bottom-auto{bottom:auto}.left-0{left:0}.left-1{left:var(--space-1)}.left-2{left:var(--space-2)}.left-3{left:var(--space-3)}.left-4{left:var(--space-4)}.left-auto{left:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.float-left{float:left}.float-right{float:right}.float-none{float:none}.clearfix:after{content:"";display:table;clear:both}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-bottom{object-position:bottom}.object-center{object-position:center}.object-left{object-position:left}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right{object-position:right}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.object-top{object-position:top}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.select-none{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.select-text{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.select-all{user-select:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all}.select-auto{user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.resize-none{resize:none}.resize{resize:both}.resize-x{resize:horizontal}.resize-y{resize:vertical}.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x mandatory}.snap-y{scroll-snap-type:y mandatory}.snap-both{scroll-snap-type:both mandatory}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-manipulation{touch-action:manipulation}@media (max-width: 768px){.mobile-space-reduce>*+*{margin-top:calc(var(--space-4) * .75)}.mobile-space-increase>*+*{margin-top:calc(var(--space-4) * 1.25)}.mobile-compact{padding:var(--space-3)!important}.mobile-spacious{padding:var(--space-6)!important}}@media (min-width: 1200px){.desktop-space-increase>*+*{margin-top:calc(var(--space-4) * 1.5)}.desktop-spacious{padding:var(--space-8)!important}}.stagger-children>*:nth-child(1){animation-delay:var(--stagger-1)}.stagger-children>*:nth-child(2){animation-delay:var(--stagger-2)}.stagger-children>*:nth-child(3){animation-delay:var(--stagger-3)}.stagger-children>*:nth-child(4){animation-delay:var(--stagger-4)}.stagger-children>*:nth-child(5){animation-delay:var(--stagger-5)}.stagger-children>*:nth-child(n+6){animation-delay:calc(var(--stagger-5) + (var(--stagger-1) * (var(--nth) - 5)))}.animate-fade-in-up{animation:fadeInUp var(--duration-500) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-500) var(--ease-out) both}.animate-fade-in-left{animation:fadeInLeft var(--duration-500) var(--ease-out) both}.animate-fade-in-right{animation:fadeInRight var(--duration-500) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-400) var(--ease-back) both}.animate-slide-in-up{animation:slideInUp var(--duration-500) var(--ease-emphasized) both}.animate-slide-in-down{animation:slideInDown var(--duration-500) var(--ease-emphasized) both}.animate-zoom-in{animation:zoomIn var(--duration-400) var(--ease-back) both}.animate-rotate-in{animation:rotateIn var(--duration-500) var(--ease-back) both}.animate-flip-in-x{animation:flipInX var(--duration-600) var(--ease-back) both}.animate-flip-in-y{animation:flipInY var(--duration-600) var(--ease-back) both}.animate-fade-out{animation:fadeOut var(--duration-300) var(--ease-in) both}.animate-fade-out-up{animation:fadeOutUp var(--duration-300) var(--ease-in) both}.animate-fade-out-down{animation:fadeOutDown var(--duration-300) var(--ease-in) both}.animate-scale-out{animation:scaleOut var(--duration-300) var(--ease-in) both}.animate-slide-out-up{animation:slideOutUp var(--duration-300) var(--ease-accelerated) both}.animate-slide-out-down{animation:slideOutDown var(--duration-300) var(--ease-accelerated) both}.animate-bounce{animation:bounce var(--duration-1000) var(--ease-bounce) infinite}.animate-pulse{animation:pulse var(--duration-2000) var(--ease-in-out) infinite}.animate-shake{animation:shake var(--duration-500) var(--ease-in-out)}.animate-wobble{animation:wobble var(--duration-1000) var(--ease-in-out)}.animate-swing{animation:swing var(--duration-1000) var(--ease-in-out)}.animate-tada{animation:tada var(--duration-1000) var(--ease-in-out)}.animate-jello{animation:jello var(--duration-1000) var(--ease-in-out)}.animate-heartbeat{animation:heartbeat var(--duration-1500) var(--ease-in-out) infinite}.animate-spin{animation:spin var(--duration-1000) linear infinite}.animate-ping{animation:ping var(--duration-1000) var(--ease-in-out) infinite}.animate-float{animation:float var(--duration-3000) var(--ease-in-out) infinite}.animate-sway{animation:sway var(--duration-2000) var(--ease-in-out) infinite}.animate-glow{animation:glow var(--duration-2000) var(--ease-in-out) infinite}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}to{opacity:1;transform:scaleZ(1)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleZ(1)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translateZ(0)}}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0)}}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.animation-paused{animation-play-state:paused}.animation-running{animation-play-state:running}.animation-delay-75{animation-delay:var(--delay-75)}.animation-delay-100{animation-delay:var(--delay-100)}.animation-delay-150{animation-delay:var(--delay-150)}.animation-delay-200{animation-delay:var(--delay-200)}.animation-delay-300{animation-delay:var(--delay-300)}.animation-delay-500{animation-delay:var(--delay-500)}.animation-delay-700{animation-delay:var(--delay-700)}.animation-delay-1000{animation-delay:var(--delay-1000)}.animation-duration-75{animation-duration:var(--duration-75)}.animation-duration-100{animation-duration:var(--duration-100)}.animation-duration-150{animation-duration:var(--duration-150)}.animation-duration-200{animation-duration:var(--duration-200)}.animation-duration-300{animation-duration:var(--duration-300)}.animation-duration-500{animation-duration:var(--duration-500)}.animation-duration-700{animation-duration:var(--duration-700)}.animation-duration-1000{animation-duration:var(--duration-1000)}.animation-iteration-1{animation-iteration-count:1}.animation-iteration-infinite{animation-iteration-count:infinite}.animation-direction-normal{animation-direction:normal}.animation-direction-reverse{animation-direction:reverse}.animation-direction-alternate{animation-direction:alternate}.animation-direction-alternate-reverse{animation-direction:alternate-reverse}.animation-fill-none{animation-fill-mode:none}.animation-fill-forwards{animation-fill-mode:forwards}.animation-fill-backwards{animation-fill-mode:backwards}.animation-fill-both{animation-fill-mode:both}@media (prefers-reduced-motion: reduce){.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-scale-in,.animate-slide-in-up,.animate-slide-in-down,.animate-zoom-in,.animate-rotate-in,.animate-flip-in-x,.animate-flip-in-y,.animate-fade-out,.animate-fade-out-up,.animate-fade-out-down,.animate-scale-out,.animate-slide-out-up,.animate-slide-out-down,.animate-bounce,.animate-pulse,.animate-shake,.animate-wobble,.animate-swing,.animate-tada,.animate-jello,.animate-heartbeat,.animate-spin,.animate-ping,.animate-float,.animate-sway,.animate-glow{animation:none!important}.stagger-children>*{animation-delay:0ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid transparent;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);text-decoration:none;cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden;min-height:var(--touch-target-min);min-width:var(--touch-target-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);box-shadow:var(--shadow-md)}.btn-primary:active{box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-secondary-500);color:var(--color-primary-900);border-color:var(--color-secondary-600);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-600);border-color:var(--color-secondary-700);box-shadow:var(--shadow-md)}.btn-secondary:active{box-shadow:var(--shadow-sm)}.btn-success{background:var(--color-success-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--color-success-600);box-shadow:var(--shadow-md)}.btn-success:active{box-shadow:var(--shadow-sm)}.btn-warning{background:var(--color-warning-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:var(--color-warning-600);box-shadow:var(--shadow-md)}.btn-warning:active{box-shadow:var(--shadow-sm)}.btn-error{background:var(--color-error-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-error:hover:not(:disabled){background:var(--color-error-600);box-shadow:var(--shadow-md)}.btn-error:active{box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.btn-ghost:active{background:var(--color-gray-200)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);gap:var(--space-1-5)}.btn-md{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);gap:var(--space-2)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base);gap:var(--space-2-5)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg);gap:var(--space-3)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.btn-icon.btn-sm{padding:var(--space-2)}.btn-icon.btn-lg{padding:var(--space-4)}.btn-icon.btn-xl{padding:var(--space-5)}.btn-group{display:inline-flex;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0;box-shadow:none}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:2px}.btn-loading:before{display:none!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-radius:50%;animation:spin var(--duration-1000) linear infinite}.btn-loading.btn-success:after{border-top-color:#fff;border-right-color:#ffffff4d;border-bottom-color:#ffffff4d;border-left-color:#ffffff4d}.btn-loading.btn-warning:after{border-top-color:#fff;border-right-color:#ffffff4d;border-bottom-color:#ffffff4d;border-left-color:#ffffff4d}.btn-loading.btn-error:after{border-top-color:#fff;border-right-color:#ffffff4d;border-bottom-color:#ffffff4d;border-left-color:#ffffff4d}.btn-loading.btn-ghost:after{border-top-color:var(--color-text-secondary);border-right-color:var(--color-gray-300);border-bottom-color:var(--color-gray-300);border-left-color:var(--color-gray-300)}@media (pointer: coarse){.btn{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--space-4) var(--space-5);font-size:var(--text-base)}.btn-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.btn-lg{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:var(--space-5) var(--space-7);font-size:var(--text-lg)}.btn-xl{min-height:calc(var(--touch-target-large) + var(--space-2));min-width:calc(var(--touch-target-large) + var(--space-2));padding:var(--space-6) var(--space-10);font-size:var(--text-xl)}.btn:hover:before{left:-100%}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-success:hover:not(:disabled),.btn-warning:hover:not(:disabled),.btn-error:hover:not(:disabled),.btn-ghost:hover:not(:disabled){transform:none;box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:scale(.98);transition:transform .1s ease-out}.btn-primary:active:not(:disabled){background:var(--color-primary-700)}.btn-secondary:active:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-success:active:not(:disabled){background:var(--color-success-700)}.btn-warning:active:not(:disabled){background:var(--color-warning-700)}.btn-error:active:not(:disabled){background:var(--color-error-700)}.btn-ghost:active:not(:disabled){background:var(--color-gray-200)}}@media (pointer: coarse){.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out,opacity .3s ease-out;opacity:0;pointer-events:none}.btn-ripple:active:after{width:200px;height:200px;opacity:1;transition:width .1s ease-out,height .1s ease-out,opacity .1s ease-out}}@media (hover: hover) and (pointer: fine){.btn:hover:not(:disabled){box-shadow:var(--shadow-md)}}.next-cascade-animating{animation:cascade-slide var(--duration-400) var(--ease-out);position:relative;z-index:10}@keyframes cascade-slide{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-10px) scale(.98);opacity:.8}to{transform:translate(0) scale(1);opacity:1}}.next-fill-animating{animation:next-fill-pop var(--duration-400) var(--ease-bounce)}@keyframes next-fill-pop{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);overflow:hidden;position:relative}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-elevated:hover{box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer;transition:var(--transition-base)}.card-interactive:hover{box-shadow:var(--shadow-md)}.card-interactive:active{box-shadow:var(--shadow-sm)}.card-selected{border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.card-error{border-color:var(--color-error-500);background:var(--color-error-50)}.card-success{border-color:var(--color-success-500);background:var(--color-success-50)}.card-warning{border-color:var(--color-warning-500);background:var(--color-warning-50)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-primary);background:var(--color-surface-secondary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--color-border-primary);background:var(--color-surface-secondary)}.card-header-sm,.card-body-sm,.card-footer-sm{padding:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-title-sm{font-size:var(--text-base);font-weight:var(--font-medium)}.card-title-lg{font-size:var(--text-xl);font-weight:var(--font-bold)}.card-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.card-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-top:var(--space-4)}.card-actions-start{justify-content:flex-start}.card-actions-center{justify-content:center}.card-actions-between{justify-content:space-between}.card-dragging{opacity:.7;z-index:var(--z-modal);box-shadow:var(--shadow-lg);cursor:grabbing!important}.card-drag-over{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-primary)}.card-drop-target{border:2px dashed var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-primary)}.player-card{cursor:move;-webkit-user-select:none;user-select:none;position:relative;min-width:200px;transition:var(--transition-base)}.player-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.player-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.player-card-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-500);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.player-initials{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-inverse);text-transform:uppercase}.player-card-info{flex:1;min-width:0}.player-card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid currentColor;transition:var(--transition-colors)}.player-card-stats{display:flex;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--color-border-primary)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);padding:var(--space-1) var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-base);min-width:24px;text-align:center;transition:var(--transition-colors)}.stat-highlight{background:var(--color-secondary-100);color:var(--color-secondary-800)}.player-card-highlight{border-color:var(--color-secondary-500);background:var(--color-secondary-50);box-shadow:var(--shadow-warning)}.player-card-highlight .player-card-avatar{background:var(--color-secondary-500)}.skill-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0;border:2px solid var(--color-surface-primary);box-shadow:var(--shadow-sm)}.skill-dot-sm{width:8px;height:8px}.skill-dot-lg{width:16px;height:16px}.court-card{min-height:300px;transition:var(--transition-base);position:relative;overflow:visible}.court-card-active{border-color:var(--color-success-500);background:var(--color-success-50);box-shadow:var(--shadow-success)}.court-card-header{display:flex;justify-content:center;align-items:center;gap:var(--space-4);position:relative}.court-title{display:flex;flex-direction:column;gap:var(--space-2);width:100%;align-items:center}.court-number{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition-base);background:none;padding:0;border:none;box-shadow:none;border-radius:0;width:100%;text-align:center}.court-status{margin-top:var(--space-1)}.court-actions{display:flex;gap:var(--space-2);align-items:center;justify-content:center;margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.court-actions .btn{box-shadow:var(--shadow-sm);border:1px solid transparent;transition:var(--transition-base)}.court-actions .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.court-actions .btn-primary:hover{box-shadow:var(--shadow-primary)}.court-actions .btn-success:hover{box-shadow:var(--shadow-success)}.court-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-tertiary);text-align:center;background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border-secondary);transition:var(--transition-base)}.court-empty .empty-icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.5;box-shadow:var(--shadow-success)}.team-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-3);padding:var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-base)}.team-a .team-label{background:var(--color-info-100);color:var(--color-info-700)}.team-b .team-label{background:var(--color-secondary-100);color:var(--color-secondary-800)}.team-players{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;width:100%}.player-slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-tertiary);background:var(--color-surface-tertiary);transition:var(--transition-base);min-height:60px;position:relative;overflow:hidden}.player-slot-empty:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}.team-section-drag-over .player-slot-empty{border-color:var(--color-success-400);background:var(--color-success-100);color:var(--color-success-700)}.slot-icon{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);opacity:.7}.slot-text{font-size:var(--text-xs);font-weight:var(--font-medium)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;transition:var(--transition-base)}.status-active{background:var(--color-success-100);color:var(--color-success-700);border-color:var(--color-success-300);box-shadow:var(--shadow-sm)}.status-ready{background:var(--color-info-100);color:var(--color-info-700);border-color:var(--color-info-300);box-shadow:var(--shadow-sm)}.status-waiting{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;box-shadow:0 0 4px currentColor;position:relative}.next-card{min-height:200px;height:auto;max-height:none;transition:var(--transition-base);position:relative;overflow:visible}.next-card:hover{box-shadow:var(--shadow-md)}.next-card-full{border-color:var(--color-success-500);background:var(--color-success-50);box-shadow:var(--shadow-success)}.next-card.card-drag-over{border-color:var(--color-secondary-500);background:var(--color-secondary-50);box-shadow:var(--shadow-warning)}.next-card-header{display:flex;justify-content:center;align-items:center;gap:var(--space-4);position:relative}.next-title{display:flex;flex-direction:column;gap:var(--space-2);width:100%;align-items:center}.next-number{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition-base);background:none;padding:0;border:none;box-shadow:none;border-radius:0;width:100%;text-align:center}.next-status{margin-top:var(--space-1)}.player-count-badge{display:flex;align-items:center;gap:var(--space-1);background:var(--color-gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-semibold);border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm);transition:var(--transition-base);position:absolute;right:var(--space-6);top:50%;transform:translateY(-50%)}.next-card-full .player-count-badge{background:var(--color-success-100);border-color:var(--color-success-300);box-shadow:var(--shadow-sm)}.count-current{color:var(--color-primary-600);font-size:var(--text-base);transition:var(--transition-colors)}.next-card-full .count-current{color:var(--color-success-700);font-weight:var(--font-bold)}.count-separator{color:var(--color-text-tertiary);font-size:var(--text-sm)}.count-total{color:var(--color-text-secondary);font-size:var(--text-sm)}.next-players{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);min-height:150px;overflow:visible}.next-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;color:var(--color-text-tertiary);text-align:center;background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border-secondary);transition:var(--transition-base)}.next-empty .empty-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.5}.next-empty .empty-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-1);transition:var(--transition-colors)}.next-empty .empty-subtext{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:var(--transition-colors)}.next-player-wrapper{transition:var(--transition-base)}.next-slot-empty{min-height:50px;padding:var(--space-3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-surface-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.score-inputs{display:flex;gap:var(--space-4)}@media (pointer: coarse){.card{min-height:var(--touch-target-comfortable);padding:var(--space-1)}.card-header,.card-body,.card-footer{padding:var(--space-5)}.card-header-sm,.card-body-sm,.card-footer-sm{padding:var(--space-4)}.card-interactive{min-height:var(--touch-target-large)}.player-card{min-height:var(--touch-target-large);padding:var(--space-4)}.player-card-header{gap:var(--space-4);margin-bottom:var(--space-4)}.player-card-avatar{width:48px;height:48px}.player-card-name{font-size:calc(var(--text-base) * 1.1)}.skill-badge{padding:var(--space-2) var(--space-3);font-size:calc(var(--text-xs) * 1.1);min-height:var(--space-6)}.player-card-stats{gap:var(--space-5);padding-top:var(--space-3)}.stat-item{gap:var(--space-2)}.stat-value{font-size:calc(var(--text-sm) * 1.1);padding:var(--space-2) var(--space-3);min-width:32px;min-height:var(--space-6)}.court-card{min-height:calc(var(--touch-target-large) * 4);padding:var(--space-4)}.court-card-header{gap:var(--space-5)}.court-number{font-size:calc(var(--text-base) * 1.1)}.court-actions{gap:var(--space-3)}.court-teams{gap:var(--space-5)}.court-vs{width:48px;height:48px;font-size:calc(var(--text-lg) * 1.1)}.team-section{padding:var(--space-5);min-height:calc(var(--touch-target-large) * 2)}.team-label{margin-bottom:var(--space-4);padding:var(--space-3);font-size:calc(var(--text-xs) * 1.1)}.team-players{gap:var(--space-3)}.player-slot-empty{padding:var(--space-5);min-height:var(--touch-target-large)}.slot-icon{font-size:calc(var(--text-xl) * 1.2)}.slot-text{font-size:calc(var(--text-xs) * 1.1)}.next-card{min-height:calc(var(--touch-target-large) * 3);padding:var(--space-4)}.next-card-header{gap:var(--space-5)}.next-number{font-size:calc(var(--text-base) * 1.1)}.player-count-badge{padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min)}.count-current{font-size:calc(var(--text-base) * 1.1)}.next-players{gap:var(--space-3);min-height:calc(var(--touch-target-large) * 2)}.next-empty{min-height:calc(var(--touch-target-large) * 2);padding:var(--space-6)}.next-empty .empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.next-empty .empty-text{font-size:calc(var(--text-base) * 1.1)}.next-empty .empty-subtext{font-size:calc(var(--text-sm) * 1.1)}.next-slot-empty{min-height:var(--touch-target-comfortable);padding:var(--space-4)}.status-badge{padding:var(--space-2) var(--space-4);font-size:calc(var(--text-xs) * 1.1);min-height:var(--space-6)}.status-dot{width:8px;height:8px}.card:hover,.card-interactive:hover,.player-card:hover,.court-card:hover,.next-card:hover{transform:none;box-shadow:var(--shadow-sm)}.card:hover:before,.court-card:hover:before,.next-card:hover:before{opacity:0}.court-card:hover .court-empty:before,.next-card:hover .next-empty:before{opacity:0}.court-card:hover .court-empty .empty-icon,.next-card:hover .next-empty .empty-icon{transform:none;opacity:.5}.card-interactive:active:not(.card-dragging){transform:scale(.98);transition:transform .1s ease-out}.player-card:active:not(.dragging){transform:scale(.98);transition:transform .1s ease-out}.court-card:active,.next-card:active{transform:scale(.99);transition:transform .1s ease-out}}@media (pointer: coarse){.card-dragging{transform:rotate(2deg) scale(1.05);z-index:calc(var(--z-modal) + 10);box-shadow:var(--shadow-2xl);opacity:.9}.card-drag-over,.team-section-drag-over,.next-card.card-drag-over{transform:scale(1.03);animation:touch-drop-pulse .8s ease-in-out infinite}@keyframes touch-drop-pulse{0%,to{box-shadow:var(--shadow-primary)}50%{box-shadow:0 0 30px #667eea66,var(--shadow-primary)}}.player-slot-empty:hover{transform:none;border-color:var(--color-border-secondary);background:var(--color-surface-tertiary)}.team-section-drag-over .player-slot-empty{border-color:var(--color-success-400);background:var(--color-success-100);transform:scale(1.02)}.team-section-drag-over .player-slot-empty:before{font-size:2rem;animation:touch-slot-bounce .6s ease-in-out infinite alternate}@keyframes touch-slot-bounce{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.3)}}}@media (pointer: coarse){.card-ripple{position:relative;overflow:hidden}.card-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea33;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out;opacity:0;pointer-events:none}.card-ripple:active:after{width:300px;height:300px;opacity:1;transition:width .1s ease-out,height .1s ease-out,opacity .1s ease-out}}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-1px)}.card-interactive:hover,.player-card:hover{transform:translateY(-2px)}.court-card:hover{transform:translateY(-3px)}.next-card:hover{transform:translateY(-2px)}}.form-group{margin-bottom:var(--space-4)}.form-group-sm{margin-bottom:var(--space-3)}.form-group-lg{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-label-required:after{content:" *";color:var(--color-error-500)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-primary);color:var(--color-text-primary);background:var(--color-surface-primary);transition:var(--transition-base);position:relative;min-height:var(--touch-target-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.form-input::placeholder{color:var(--color-text-tertiary);transition:var(--transition-opacity)}.form-input:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.form-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-primary);transform:translateY(-1px)}.form-input:focus::placeholder{opacity:.7}.form-input:disabled{background:var(--color-gray-100);color:var(--color-text-disabled);cursor:not-allowed}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.form-input-error{border-color:var(--color-border-error)}.form-input-error:focus{border-color:var(--color-border-error);box-shadow:var(--shadow-focus-error)}.form-input-success{border-color:var(--color-border-success)}.form-input-success:focus{border-color:var(--color-border-success);box-shadow:var(--shadow-focus-success)}.form-floating{position:relative}.form-floating .form-input{padding-top:var(--space-5);padding-bottom:var(--space-2)}.form-floating .form-label{position:absolute;top:0;left:var(--space-4);height:100%;padding:var(--space-3) 0;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:all var(--duration-200) var(--ease-out);margin-bottom:0;background:var(--color-surface-primary);border-radius:var(--radius-base)}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label{opacity:.8;transform:scale(.85) translateY(-.5rem) translate(.15rem);color:var(--color-primary-600);padding:0 var(--space-2)}.form-floating .form-input:focus~.form-label{color:var(--color-primary-600)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--space-10)}.form-textarea{resize:vertical;min-height:100px}.form-check{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.form-check-input{width:1rem;height:1rem;border:2px solid var(--color-border-primary);border-radius:var(--radius-base);background:var(--color-surface-primary);cursor:pointer;transition:var(--transition-base);position:relative}.form-check-input:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.form-check-input:checked{background:var(--color-primary-500);border-color:var(--color-primary-500);transform:scale(1.05)}.form-check-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700;animation:checkmark var(--duration-200) var(--ease-bounce)}.form-check-input:focus{outline:none;box-shadow:var(--shadow-focus-primary)}.form-check-input[type=radio]{border-radius:var(--radius-full)}.form-check-input[type=radio]:checked:after{content:"";width:6px;height:6px;background:#fff;border-radius:var(--radius-full);animation:radiomark var(--duration-200) var(--ease-bounce)}.form-check-label{font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.form-check:hover .form-check-label{color:var(--color-primary-600)}@keyframes checkmark{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes radiomark{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.3)}to{transform:translate(-50%,-50%) scale(1)}}.form-error{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-error-600)}.form-success{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-success-600)}.form-help{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}.input-group{display:flex;align-items:stretch}.input-group .form-input{border-radius:0;border-right-width:0}.input-group .form-input:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:2px}.input-group-text{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-gray-100);border:2px solid var(--color-border-primary);border-right-width:0}.input-group-text:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group-text:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:2px}.form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.form-col{flex:1}.form-col-auto{flex:0 0 auto}.form-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-primary)}.form-actions-start{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-between{justify-content:space-between}@media (pointer: coarse){.form-input{min-height:var(--touch-target-comfortable);padding:var(--space-4) var(--space-5);font-size:calc(var(--text-base) * 1.1)}.form-input-sm{min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.form-input-lg{min-height:var(--touch-target-large);padding:var(--space-5) var(--space-6);font-size:calc(var(--text-lg) * 1.1)}.form-select{min-height:var(--touch-target-comfortable);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-5);font-size:calc(var(--text-base) * 1.1)}.form-textarea{min-height:calc(var(--touch-target-comfortable) * 2);padding:var(--space-4) var(--space-5);font-size:calc(var(--text-base) * 1.1)}.form-check-input{width:1.25rem;height:1.25rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.form-check{gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2)}.form-check-label{font-size:calc(var(--text-sm) * 1.1);padding:var(--space-2)}.form-floating .form-input{padding-top:var(--space-6);padding-bottom:var(--space-3)}.input-group-text{padding:var(--space-4) var(--space-5);font-size:calc(var(--text-sm) * 1.1)}.form-input:hover,.form-check-input:hover{border-color:var(--color-border-primary);box-shadow:none;transform:none}.form-check:hover .form-check-label{color:var(--color-text-primary)}.form-input:active:not(:disabled){transform:scale(.99);transition:transform .1s ease-out}.form-check-input:active:not(:disabled){transform:scale(.95);transition:transform .1s ease-out}.form-select:active:not(:disabled){transform:scale(.99);transition:transform .1s ease-out}}@media (pointer: coarse){.form-input-touch-feedback{position:relative;overflow:hidden}.form-input-touch-feedback:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#667eea1a;opacity:0;transition:opacity .2s ease-out;pointer-events:none;border-radius:inherit}.form-input-touch-feedback:focus:after{opacity:1}}@media (hover: hover) and (pointer: fine){.form-input:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.form-input:focus{transform:translateY(-1px)}.form-check-input:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.form-check:hover .form-check-label{color:var(--color-primary-600)}}@media (pointer: coarse){.form-group{margin-bottom:var(--space-5)}.form-row{gap:var(--space-5);margin-bottom:var(--space-5)}.form-actions{gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-8)}}@media (pointer: coarse){.form-error,.form-success,.form-help{font-size:calc(var(--text-xs) * 1.1);margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-base)}.form-error{background:var(--color-error-50);border-left:3px solid var(--color-error-500)}.form-success{background:var(--color-success-50);border-left:3px solid var(--color-success-500)}.form-help{background:var(--color-gray-50);border-left:3px solid var(--color-gray-300)}}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin var(--duration-1000) linear infinite}.spinner-sm{width:.75rem;height:.75rem;border-width:1.5px}.spinner-lg{width:1.5rem;height:1.5rem;border-width:3px}.spinner-xl{width:2rem;height:2rem;border-width:3px}.spinner-primary{border-color:var(--color-primary-200);border-top-color:var(--color-primary-500)}.spinner-success{border-color:var(--color-success-200);border-top-color:var(--color-success-500)}.spinner-warning{border-color:var(--color-warning-200);border-top-color:var(--color-warning-500)}.spinner-error{border-color:var(--color-error-200);border-top-color:var(--color-error-500)}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.dots-loader{display:inline-flex;gap:var(--space-1);align-items:center}.dots-loader .dot{width:.5rem;height:.5rem;background:var(--color-primary-500);border-radius:var(--radius-full);animation:dots-bounce var(--duration-1000) var(--ease-in-out) infinite}.dots-loader .dot:nth-child(1){animation-delay:0ms}.dots-loader .dot:nth-child(2){animation-delay:.15s}.dots-loader .dot:nth-child(3){animation-delay:.3s}@keyframes dots-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.pulse-loader{display:inline-block;width:1rem;height:1rem;background:var(--color-primary-500);border-radius:var(--radius-full);animation:pulse-scale var(--duration-1000) var(--ease-in-out) infinite}.pulse-loader-sm{width:.75rem;height:.75rem}.pulse-loader-lg{width:1.5rem;height:1.5rem}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.3}}.progress{width:100%;height:.5rem;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-sm{height:.25rem}.progress-lg{height:.75rem}.progress-xl{height:1rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);transition:width var(--duration-300) var(--ease-out);position:relative;overflow:hidden}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer var(--duration-1000) var(--ease-in-out) infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-success{background:linear-gradient(90deg,var(--color-success-500),var(--color-success-600))}.progress-bar-warning{background:linear-gradient(90deg,var(--color-warning-500),var(--color-warning-600))}.progress-bar-error{background:linear-gradient(90deg,var(--color-error-500),var(--color-error-600))}.progress-indeterminate .progress-bar{width:30%!important;animation:progress-indeterminate var(--duration-1000) var(--ease-in-out) infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.progress-circle{display:inline-block;width:2rem;height:2rem;position:relative}.progress-circle-sm{width:1.5rem;height:1.5rem}.progress-circle-lg{width:3rem;height:3rem}.progress-circle-xl{width:4rem;height:4rem}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--color-gray-200);stroke-width:2}.progress-circle-bar{fill:none;stroke:var(--color-primary-500);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset var(--duration-300) var(--ease-out)}.loading{position:relative;pointer-events:none;overflow:hidden}.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin var(--duration-1000) linear infinite;z-index:2}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);background:var(--color-surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-primary)}.loading-overlay-spinner{width:3rem;height:3rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin var(--duration-1000) linear infinite}.loading-overlay-text{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:center}.loading-overlay-subtext{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer var(--duration-1000) var(--ease-in-out) infinite;border-radius:var(--radius-base)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text-sm{height:.75rem}.skeleton-text-lg{height:1.25rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-3)}.skeleton-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full)}.skeleton-avatar-sm{width:2rem;height:2rem}.skeleton-avatar-lg{width:3rem;height:3rem}.skeleton-button{height:2.5rem;width:5rem;border-radius:var(--radius-lg)}.skeleton-card{height:8rem;border-radius:var(--radius-xl)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin var(--duration-1000) linear infinite}.btn-loading.btn-primary:after{border-top-color:#fff;border-right-color:#ffffff4d;border-bottom-color:#ffffff4d;border-left-color:#ffffff4d}.btn-loading.btn-secondary:after{border-top-color:var(--color-text-primary);border-right-color:var(--color-gray-300);border-bottom-color:var(--color-gray-300);border-left-color:var(--color-gray-300)}.steps{display:flex;align-items:center;gap:var(--space-2)}.step{display:flex;align-items:center;gap:var(--space-2);flex:1}.step-indicator{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:var(--transition-base)}.step-pending .step-indicator{background:var(--color-gray-200);color:var(--color-text-secondary)}.step-active .step-indicator{background:var(--color-primary-500);color:#fff;animation:step-pulse var(--duration-1000) var(--ease-in-out) infinite}.step-completed .step-indicator{background:var(--color-success-500);color:#fff}.step-completed .step-indicator:after{content:"✓"}.step-line{flex:1;height:2px;background:var(--color-gray-200);margin:0 var(--space-2);transition:var(--transition-colors)}.step-completed+.step .step-line,.step-active .step-line{background:var(--color-primary-500)}@keyframes step-pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #667eea00}}.loading-card{padding:var(--space-6);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.loading-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.loading-card-content{display:flex;flex-direction:column;gap:var(--space-2)}@media (prefers-reduced-motion: reduce){.spinner,.dots-loader .dot,.pulse-loader,.progress-bar:before,.progress-indeterminate .progress-bar,.loading:after,.loading-overlay-spinner,.skeleton,.btn-loading:after,.step-active .step-indicator{animation:none!important}.progress-bar:before{display:none}}.queueing-tab{display:flex;flex-direction:column;height:100%;gap:var(--space-3);padding:var(--space-6);overflow-y:auto;transform:scale(.95);transform-origin:top left;width:calc(100% / .95);min-height:calc(100% / .95)}.controls-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:50px}.court-setup{display:flex;align-items:center;gap:var(--space-1)}.smart-assign-section{margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.smart-assign-controls{display:flex;align-items:center;gap:var(--space-2)}.strategy-info-panel{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);min-width:400px;margin-top:var(--space-2)}.strategy-info-panel h4{margin:0 0 var(--space-3) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.strategy-info-panel ul{margin:0;padding:0;list-style:none}.strategy-info-panel li{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-base)}.strategy-info-panel strong{color:var(--color-primary-600);font-weight:var(--font-semibold)}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.section-title:before{content:"";width:4px;height:var(--space-6);background:var(--color-secondary-500);border-radius:var(--radius-full)}.courts-section{flex-shrink:0;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:none!important;position:relative}.courts-section:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-border-primary, #e2e8f0) 0%,var(--color-secondary-500, #FDB927) 50%,var(--color-border-primary, #e2e8f0) 100%);background-size:200% 100%;animation:separator-running-light 2s linear infinite;z-index:10}.courts-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.queue-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);flex:1;min-height:0;align-items:start}.next-section{min-height:0;flex:1}.next-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);align-items:start}@media (max-width: 479px){.queueing-tab{padding:calc(var(--space-3) * var(--space-multiplier-xs));gap:calc(var(--space-3) * var(--space-multiplier-xs));font-size:calc(var(--text-base) * var(--text-multiplier-xs))}.controls-bar{flex-direction:column;align-items:stretch;gap:calc(var(--space-2) * var(--space-multiplier-xs));padding:calc(var(--space-3) * var(--space-multiplier-xs))}.court-setup{justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.smart-assign-section{margin-left:0;order:3;width:100%}.smart-assign-controls{flex-direction:column;gap:var(--space-2);align-items:stretch}.courts-grid,.queue-layout,.next-grid{grid-template-columns:1fr;gap:calc(var(--space-3) * var(--space-multiplier-xs))}.section-title{font-size:calc(var(--text-lg) * var(--text-multiplier-xs))}.strategy-info-panel{position:fixed;top:var(--space-2);left:var(--space-2);right:var(--space-2);bottom:auto;transform:none;min-width:auto;max-height:85vh;overflow-y:auto;z-index:calc(var(--z-modal) + 10)}}@media (min-width: 480px) and (max-width: 639px){.queueing-tab{padding:calc(var(--space-4) * var(--space-multiplier-sm));gap:calc(var(--space-4) * var(--space-multiplier-sm));font-size:calc(var(--text-base) * var(--text-multiplier-sm))}.controls-bar{flex-direction:column;align-items:stretch;gap:calc(var(--space-3) * var(--space-multiplier-sm));padding:calc(var(--space-3) * var(--space-multiplier-sm))}.smart-assign-section{margin-left:0}.smart-assign-controls{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.courts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--space-4) * var(--space-multiplier-sm))}.queue-layout{grid-template-columns:1fr;gap:calc(var(--space-4) * var(--space-multiplier-sm))}.next-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--space-3) * var(--space-multiplier-sm))}.strategy-info-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;min-width:85vw;max-width:450px;max-height:80vh;overflow-y:auto}}@media (min-width: 640px) and (max-width: 767px){.queueing-tab{padding:var(--space-5);gap:var(--space-5)}.controls-bar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.smart-assign-section{margin-left:auto;flex:1;min-width:300px}.courts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.queue-layout{grid-template-columns:1fr auto;gap:var(--space-5)}.next-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (min-width: 768px) and (max-width: 1023px){.queueing-tab{padding:var(--space-6);gap:var(--space-6)}.controls-bar{flex-direction:row;align-items:center;gap:var(--space-4)}.smart-assign-section{margin-left:auto}.smart-assign-controls{flex-wrap:wrap;justify-content:flex-end}.courts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.queue-layout{grid-template-columns:1fr auto;gap:var(--space-6)}.next-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.strategy-info-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;min-width:70vw;max-width:600px}}@media (min-width: 1024px) and (max-width: 1279px){.courts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.queue-layout{grid-template-columns:1fr auto;gap:var(--space-6)}.next-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (min-width: 1280px) and (max-width: 1535px){.queueing-tab{padding:calc(var(--space-6) * var(--space-multiplier-xl));gap:calc(var(--space-6) * var(--space-multiplier-xl))}.courts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--space-8) * var(--space-multiplier-xl))}.queue-layout{grid-template-columns:1fr auto;gap:calc(var(--space-8) * var(--space-multiplier-xl))}.next-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--space-6) * var(--space-multiplier-xl))}}@media (min-width: 1536px) and (max-width: 1919px){.queueing-tab{padding:calc(var(--space-8) * var(--space-multiplier-2xl));gap:calc(var(--space-8) * var(--space-multiplier-2xl))}.courts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--space-10) * var(--space-multiplier-2xl))}.queue-layout{grid-template-columns:1fr auto;gap:calc(var(--space-10) * var(--space-multiplier-2xl))}.next-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--space-8) * var(--space-multiplier-2xl))}}@media (min-width: 1920px){.queueing-tab{max-width:none;margin:0;padding:calc(var(--space-10) * var(--space-multiplier-2xl));gap:calc(var(--space-10) * var(--space-multiplier-2xl))}.courts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--space-12) * var(--space-multiplier-2xl))}.queue-layout{grid-template-columns:1fr auto;gap:calc(var(--space-12) * var(--space-multiplier-2xl))}.next-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--space-10) * var(--space-multiplier-2xl))}}@media (min-width: 2560px){.queueing-tab{max-width:none}.courts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.queue-layout{grid-template-columns:1fr auto}}@media (orientation: landscape) and (min-width: 640px) and (max-width: 1023px){.queue-layout{grid-template-columns:2fr 1fr}.courts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-grid{grid-template-columns:repeat(2,1fr)}}@media (orientation: portrait) and (max-width: 1023px){.queue-layout{grid-template-columns:1fr}.courts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-resolution: 1.5dppx){.queueing-tab{font-size:calc(var(--text-base) * 1.02)}.section-title{font-size:calc(var(--text-xl) * 1.02)}}@media print{.queueing-tab{padding:0;gap:var(--space-4);max-width:none}.controls-bar{display:none}.courts-grid,.next-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.queue-layout{grid-template-columns:1fr}.section-title{font-size:18px;page-break-after:avoid}}@media (prefers-reduced-motion: reduce){.courts-grid,.next-grid,.queue-layout{transition:none}.strategy-info-panel{animation:none;transform:none}}@media (prefers-contrast: high){.controls-bar{border-width:2px;border-color:var(--color-text-primary)}.section-title:before{background:var(--color-text-primary)}.waiting-players{border-width:2px;border-color:var(--color-text-primary)}}.waiting-players{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:var(--transition-base);height:fit-content;max-height:70vh;overflow-y:auto}.waiting-players.drag-over{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-primary)}.waiting-players h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-primary)}.waiting-players h3:before{content:"⏳";font-size:var(--text-base)}.waiting-players-list{display:flex;flex-direction:column;gap:var(--space-2)}.waiting-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-tertiary);background:var(--color-surface-tertiary);text-align:center;transition:var(--transition-base)}.waiting-empty:before{content:"👥";font-size:2rem;margin-bottom:var(--space-2);opacity:.5}.waiting-empty:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-600)}.waiting-players .player-card.swap-target{border-color:var(--color-info-500);background:var(--color-info-50);transform:scale(1.02);box-shadow:var(--shadow-info)}.waiting-players .player-card.dragging{opacity:.3;transform:rotate(5deg) scale(.95);z-index:var(--z-dropdown)}@media (max-width: 767px){.waiting-players{max-height:50vh;padding:var(--space-3)}.waiting-players h3{font-size:var(--text-base)}}@media (min-width: 768px) and (max-width: 1023px){.waiting-players{max-height:60vh}}@media (prefers-contrast: high){.controls-bar{border-width:2px}.section-title:before{background:var(--color-text-primary)}.waiting-players{border-width:2px}}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.status-badge.status-active{background:linear-gradient(135deg,var(--color-success-50),var(--color-success-100));color:var(--color-success-700);border-color:var(--color-success-200)}.status-badge.status-ready{background:linear-gradient(135deg,var(--color-info-50),var(--color-info-100));color:var(--color-info-700);border-color:var(--color-info-200)}.status-badge.status-waiting{background:linear-gradient(135deg,var(--color-warning-50),var(--color-warning-100));color:var(--color-warning-700);border-color:var(--color-warning-200)}.status-badge.status-error{background:linear-gradient(135deg,var(--color-error-50),var(--color-error-100));color:var(--color-error-700);border-color:var(--color-error-200)}.status-badge.status-neutral{background:linear-gradient(135deg,var(--color-gray-50),var(--color-gray-100));color:var(--color-gray-700);border-color:var(--color-gray-200)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-active .status-dot{background:var(--color-success-500)}.status-ready .status-dot{background:var(--color-info-500)}.status-waiting .status-dot{background:var(--color-warning-500)}.status-error .status-dot{background:var(--color-error-500)}.status-neutral .status-dot{background:var(--color-gray-500)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.player-count-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--border-radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid var(--color-gray-200)}.count-current{color:var(--color-primary-600)}.count-separator{color:var(--color-gray-400)}.count-total{color:var(--color-gray-500)}.skill-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid currentColor;opacity:.9}.skill-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.system-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200)}.system-status-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.system-status-label{color:var(--color-gray-600);font-weight:var(--font-medium)}.system-status-value{color:var(--color-gray-900);font-weight:var(--font-semibold)}.game-status-indicator{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.game-status-indicator:before{content:"";position:absolute;top:50%;left:-8px;width:4px;height:4px;border-radius:50%;transform:translateY(-50%)}.game-status-indicator.game-active:before{background:var(--color-success-500);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.game-status-indicator.game-ready:before{background:var(--color-info-500)}.game-status-indicator.game-waiting:before{background:var(--color-warning-500)}.priority-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff}.priority-high{background:var(--color-error-500)}.priority-medium{background:var(--color-warning-500)}.priority-low{background:var(--color-gray-500)}@media (max-width: 768px){.status-badge{font-size:10px;padding:var(--space-1) var(--space-2)}.player-count-badge{font-size:10px;padding:2px var(--space-1)}.system-status{flex-direction:column;gap:var(--space-2)}}@media (prefers-contrast: high){.status-badge{border-width:2px}.status-dot{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.status-dot{animation:none}.game-status-indicator:before{animation:none}}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;z-index:1000;padding:var(--space-2) var(--space-3);background:var(--color-gray-900);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.tooltip:before{content:"";position:absolute;width:0;height:0;border-style:solid}.tooltip.tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);margin-bottom:var(--space-2)}.tooltip.tooltip-top:before{top:100%;left:50%;transform:translate(-50%);border-width:4px 4px 0 4px;border-color:var(--color-gray-900) transparent transparent transparent}.tooltip.tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(4px);margin-top:var(--space-2)}.tooltip.tooltip-bottom:before{bottom:100%;left:50%;transform:translate(-50%);border-width:0 4px 4px 4px;border-color:transparent transparent var(--color-gray-900) transparent}.tooltip.tooltip-left{right:100%;top:50%;transform:translateY(-50%) translate(-4px);margin-right:var(--space-2)}.tooltip.tooltip-left:before{left:100%;top:50%;transform:translateY(-50%);border-width:4px 0 4px 4px;border-color:transparent transparent transparent var(--color-gray-900)}.tooltip.tooltip-right{left:100%;top:50%;transform:translateY(-50%) translate(4px);margin-left:var(--space-2)}.tooltip.tooltip-right:before{right:100%;top:50%;transform:translateY(-50%);border-width:4px 4px 4px 0;border-color:transparent var(--color-gray-900) transparent transparent}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tooltip-container:hover .tooltip.tooltip-bottom,.tooltip-container:focus-within .tooltip.tooltip-bottom{transform:translate(-50%) translateY(0)}.tooltip-container:hover .tooltip.tooltip-left,.tooltip-container:focus-within .tooltip.tooltip-left{transform:translateY(-50%) translate(0)}.tooltip-container:hover .tooltip.tooltip-right,.tooltip-container:focus-within .tooltip.tooltip-right{transform:translateY(-50%) translate(0)}.tooltip.tooltip-info{background:var(--color-info-600)}.tooltip.tooltip-info:before{border-color:var(--color-info-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-info:before{border-color:transparent transparent var(--color-info-600) transparent}.tooltip.tooltip-left.tooltip-info:before{border-color:transparent transparent transparent var(--color-info-600)}.tooltip.tooltip-right.tooltip-info:before{border-color:transparent var(--color-info-600) transparent transparent}.tooltip.tooltip-success{background:var(--color-success-600)}.tooltip.tooltip-success:before{border-color:var(--color-success-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-success:before{border-color:transparent transparent var(--color-success-600) transparent}.tooltip.tooltip-left.tooltip-success:before{border-color:transparent transparent transparent var(--color-success-600)}.tooltip.tooltip-right.tooltip-success:before{border-color:transparent var(--color-success-600) transparent transparent}.tooltip.tooltip-warning{background:var(--color-warning-600)}.tooltip.tooltip-warning:before{border-color:var(--color-warning-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-warning:before{border-color:transparent transparent var(--color-warning-600) transparent}.tooltip.tooltip-left.tooltip-warning:before{border-color:transparent transparent transparent var(--color-warning-600)}.tooltip.tooltip-right.tooltip-warning:before{border-color:transparent var(--color-warning-600) transparent transparent}.tooltip.tooltip-error{background:var(--color-error-600)}.tooltip.tooltip-error:before{border-color:var(--color-error-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-error:before{border-color:transparent transparent var(--color-error-600) transparent}.tooltip.tooltip-left.tooltip-error:before{border-color:transparent transparent transparent var(--color-error-600)}.tooltip.tooltip-right.tooltip-error:before{border-color:transparent var(--color-error-600) transparent transparent}.tooltip.tooltip-multiline{white-space:normal;max-width:200px;text-align:center;line-height:1.4}.tooltip.tooltip-large{padding:var(--space-3) var(--space-4);font-size:var(--text-base);max-width:300px}.help-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-gray-400);color:#fff;font-size:10px;font-weight:var(--font-bold);cursor:help;margin-left:var(--space-1)}.help-tooltip:hover{background:var(--color-gray-500)}.tooltip-content{display:flex;flex-direction:column;gap:var(--space-1)}.tooltip-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.tooltip-description{font-size:var(--text-xs);opacity:.9}.tooltip-shortcut{font-size:var(--text-xs);opacity:.7;font-family:var(--font-mono);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid rgba(255,255,255,.2)}.tooltip-container:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--border-radius-sm)}@media (max-width: 768px){.tooltip{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);max-width:150px}.tooltip.tooltip-large{font-size:var(--text-sm);max-width:200px}.tooltip-container:active .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}@media (prefers-contrast: high){.tooltip{border:1px solid white}.help-tooltip{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.tooltip{transition:opacity .1s ease;transform:translate(-50%)}.tooltip.tooltip-bottom{transform:translate(-50%)}.tooltip.tooltip-left,.tooltip.tooltip-right{transform:translateY(-50%)}}#root{height:100vh;overflow:hidden;font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-surface-secondary)}.animate-fade-in{animation:fadeIn var(--duration-300) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-300) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-200) var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--space-12))}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.transition-all{transition:var(--transition-base)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.transition-shadow{transition:var(--transition-shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-error{box-shadow:var(--shadow-error)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.focus-ring-error:focus-visible{outline:none;box-shadow:var(--shadow-focus-error)}.focus-ring-success:focus-visible{outline:none;box-shadow:var(--shadow-focus-success)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:var(--shadow-primary)}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-slide-up,.animate-scale-in,.animate-pulse,.transition-all,.transition-colors,.transition-transform,.transition-opacity,.transition-shadow,.hover-lift,.hover-scale{animation:none!important;transition:none!important;transform:none!important}}@media (prefers-contrast: high){:root{--color-border-primary: #000000;--color-text-primary: #000000;--color-text-secondary: #000000}}:root[data-theme=dark]{--color-surface-primary: var(--color-gray-900);--color-surface-secondary: var(--color-gray-800);--color-text-primary: var(--color-gray-100);--color-text-secondary: var(--color-gray-300);--color-border-primary: var(--color-gray-700)}.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}.sr-only.focusable:active,.sr-only.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-text-secondary: #1a1a1a;--color-border-primary: #000000;--color-border-secondary: #333333;--color-primary-500: #0000ff;--color-primary-600: #0000cc;--color-success-500: #008000;--color-error-500: #cc0000;--color-warning-500: #ff8c00}.card{border:2px solid var(--color-border-primary);background:var(--color-surface-primary)}.btn{border:2px solid var(--color-border-primary);font-weight:700}.btn-primary{background:var(--color-primary-500);color:var(--color-surface-primary);border-color:var(--color-primary-600)}.btn-secondary{background:var(--color-surface-primary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.status-badge{border:2px solid var(--color-border-primary);font-weight:700}.status-active{background:var(--color-success-500);color:var(--color-surface-primary)}.status-ready{background:var(--color-info-500);color:var(--color-surface-primary)}.status-waiting{background:var(--color-warning-500);color:var(--color-text-primary)}*:focus-visible{outline:4px solid var(--color-primary-500);outline-offset:2px}.text-muted{color:var(--color-text-secondary)!important}button:hover,[role=button]:hover{background:var(--color-gray-100);border-color:var(--color-border-primary)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px;border-radius:3px;box-shadow:0 0 0 1px var(--color-surface-primary)}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:1px;border-color:var(--color-primary-500)}a:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px;text-decoration:underline}.card:focus-visible,.player-card:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px;box-shadow:0 0 0 1px var(--color-surface-primary),0 4px 12px #667eea4d}.tab:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:-2px;z-index:1}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary-600);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}button,[role=button],input,select,textarea,a{min-height:44px;min-width:44px}.btn-sm{min-height:32px;min-width:32px}.text-muted{color:var(--color-gray-600)!important}[draggable=true]:focus-visible,.drop-zone:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}[aria-live=polite],[aria-live=assertive]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[role=status]{font-weight:var(--font-medium)}label{display:block;margin-bottom:var(--space-1);font-weight:var(--font-medium)}[required]{border-left:3px solid var(--color-primary-500)}[aria-invalid=true]{border-color:var(--color-error)!important;box-shadow:0 0 0 2px #ef444433}[aria-invalid=false]{border-color:var(--color-success)!important}.text-on-primary{color:var(--color-surface-primary);background:var(--color-primary-600)}.text-on-secondary{color:var(--color-surface-primary);background:var(--color-secondary-700)}.text-on-success{color:var(--color-surface-primary);background:var(--color-success-600)}.text-on-warning{color:var(--color-gray-900);background:var(--color-warning-400)}.text-on-error{color:var(--color-surface-primary);background:var(--color-error-600)}.text-on-info{color:var(--color-surface-primary);background:var(--color-info-600)}.text-primary-accessible{color:var(--color-primary-700)}.text-secondary-accessible{color:var(--color-gray-700)}.text-muted-accessible{color:var(--color-gray-600)}a{color:var(--color-primary-700);text-decoration:underline}a:hover{color:var(--color-primary-800);text-decoration:underline}a:visited{color:var(--color-secondary-700)}.form-error{color:var(--color-error-700);background:var(--color-error-50);border-color:var(--color-error-500)}.form-success{color:var(--color-success-700);background:var(--color-success-50);border-color:var(--color-success-500)}.form-warning{color:var(--color-warning-800);background:var(--color-warning-50);border-color:var(--color-warning-500)}.status-badge{font-weight:600;padding:4px 8px;border-radius:12px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.status-active{color:var(--color-surface-primary);background:var(--color-success-600)}.status-ready{color:var(--color-surface-primary);background:var(--color-info-600)}.status-waiting{color:var(--color-gray-800);background:var(--color-warning-300)}.status-error{color:var(--color-surface-primary);background:var(--color-error-600)}.skill-badge{font-weight:600;padding:2px 8px;border-radius:8px;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.skill-beginner{color:var(--color-gray-800);background:var(--color-gray-200)}.skill-intermediate{color:var(--color-surface-primary);background:var(--color-info-600)}.skill-advanced{color:var(--color-surface-primary);background:var(--color-error-600)}.drop-zone-active{border-color:var(--color-primary-500)!important;background:var(--color-primary-50)!important;box-shadow:0 0 0 2px var(--color-primary-200)}.drag-preview{opacity:.8;transform:rotate(5deg);box-shadow:0 8px 25px #0000004d}.loading-state{position:relative;color:var(--color-gray-600)}.loading-state:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-gray-300);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.keyboard-navigation-hint{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.keyboard-navigation-hint:focus{position:static;width:auto;height:auto;padding:8px 12px;background:var(--color-primary-600);color:var(--color-surface-primary);border-radius:4px;font-size:14px;z-index:1000}@media (pointer: coarse){button,[role=button],input,select,textarea,a{min-height:48px;min-width:48px;padding:12px}.btn-sm{min-height:40px;min-width:40px;padding:8px}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:modalOverlayFadeIn .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.closing{animation:modalOverlayFadeOut .2s cubic-bezier(.4,0,.2,1)}.modal{background:var(--color-surface-primary);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;max-width:90vw;max-height:90vh;width:100%;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.modal.closing{animation:modalSlideOut .2s cubic-bezier(.4,0,.2,1)}.score-input-modal{max-width:480px}.score-input-modal .card-header{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;padding:var(--space-6);border-radius:1rem 1rem 0 0;position:relative;overflow:hidden}.score-input-modal .card-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>');pointer-events:none}.score-input-modal .card-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-3);position:relative;z-index:1}.score-input-modal .card-title:before{content:"🏆";font-size:var(--text-2xl)}.score-input-modal .card-body{padding:var(--space-8)}.score-input-modal .score-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.score-input-modal .input-group{position:relative;margin-bottom:0}.score-input-modal .input{width:100%;padding:var(--space-4) var(--space-4) var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:.75rem;font-size:var(--text-lg);font-weight:var(--font-medium);text-align:center;background:var(--color-surface-primary);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.score-input-modal .input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #667eea1a,0 4px 6px #0000001a;transform:translateY(-1px)}.score-input-modal .input:invalid{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a,0 4px 6px #0000001a}.score-input-modal .floating-label{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-gray-500);font-size:var(--text-base);font-weight:var(--font-medium);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--color-surface-primary);padding:0 var(--space-2);border-radius:.25rem}.score-input-modal .input:focus+.floating-label,.score-input-modal .input:not(:placeholder-shown)+.floating-label{top:0;font-size:var(--text-sm);color:var(--color-primary-600);font-weight:var(--font-semibold)}.team-score-section{text-align:center;padding:var(--space-4);border-radius:.75rem;background:linear-gradient(135deg,var(--color-gray-50),var(--color-gray-100));border:1px solid var(--color-gray-200);transition:all .2s cubic-bezier(.4,0,.2,1)}.team-score-section:hover{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-color:var(--color-primary-200)}.team-score-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.score-input-modal .card-footer{padding:var(--space-6) var(--space-8);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.score-input-modal .card-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.meet-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-4);animation:modalOverlayFadeIn .3s cubic-bezier(.4,0,.2,1)}.meet-confirmation-modal{background:var(--color-surface-primary);border-radius:1.25rem;box-shadow:0 25px 50px -12px #0000004d,0 0 0 1px #ffffff1a;max-width:520px;width:100%;overflow:hidden;animation:modalBounceIn .4s cubic-bezier(.34,1.56,.64,1)}.meet-confirmation-modal .confirmation-header{background:linear-gradient(135deg,var(--color-success),#38a169);color:#fff;padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.meet-confirmation-modal .confirmation-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.meet-confirmation-modal .confirmation-header h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);position:relative;z-index:1}.meet-confirmation-modal .confirmation-content{padding:var(--space-8)}.meet-confirmation-modal .confirmation-content h3{margin:0 0 var(--space-6) 0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);text-align:center}.confirmation-details{background:var(--color-gray-50);border-radius:.75rem;padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--color-gray-200)}.confirmation-details p{margin:0 0 var(--space-3) 0;display:flex;justify-content:space-between;align-items:center}.confirmation-details p:last-child{margin-bottom:0}.confirmation-details strong{color:var(--color-gray-700);font-weight:var(--font-semibold);min-width:100px}.confirmation-details .strategy-badge{padding:var(--space-1) var(--space-3);border-radius:.5rem;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:capitalize}.confirmation-details .strategy-badge.strict{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#0d4d4d}.confirmation-details .strategy-badge.semi-mix{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#7c2d12}.confirmation-details .strategy-badge.mix{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff}.confirmation-details .player-count{color:var(--color-primary-600);font-weight:var(--font-semibold)}.confirmation-details .scheduled-time{color:var(--color-gray-600);font-weight:var(--font-medium)}.confirmation-message{text-align:center;color:var(--color-gray-600);font-size:var(--text-base);line-height:1.6;margin:0}.confirmation-actions{display:flex;gap:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.confirmation-actions button{flex:1;padding:var(--space-4) var(--space-6);border-radius:.75rem;font-weight:var(--font-semibold);font-size:var(--text-base);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent}.cancel-btn{background:var(--color-surface-primary);color:var(--color-gray-700);border-color:var(--color-gray-300)}.cancel-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400);transform:translateY(-1px)}.confirm-btn{background:linear-gradient(135deg,var(--color-success),#38a169);color:#fff;box-shadow:0 4px 6px #48bb7833}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #48bb784d}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:1;transform:scale(1.05) translateY(-10px)}70%{transform:scale(.98) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}@media (max-width: 640px){.modal-overlay{padding:var(--space-2)}.score-input-modal .score-inputs{grid-template-columns:1fr;gap:var(--space-4)}.score-input-modal .card-body{padding:var(--space-6)}.score-input-modal .card-footer{padding:var(--space-4) var(--space-6)}.score-input-modal .card-actions{flex-direction:column}.confirmation-actions{flex-direction:column;padding:var(--space-4) var(--space-6)}.meet-confirmation-modal .confirmation-content{padding:var(--space-6)}}.modal-overlay{outline:none}.modal-overlay:focus-within .modal{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,0 0 0 3px var(--color-primary-500)}.modal:focus{outline:none}.score-input-modal .card-actions button:focus-visible,.confirmation-actions button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.confirmation-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.team-score-section:focus-within{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-color:var(--color-primary-300);box-shadow:0 0 0 3px #667eea1a}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal,.score-input-modal .input,.confirmation-actions button{animation:none;transition:none}.meet-confirmation-modal .confirmation-header:before{animation:none}}@media (prefers-contrast: high){.modal{border:2px solid var(--color-gray-900)}.score-input-modal .input{border-width:3px}.confirmation-details{border-width:2px}}header.app-header-new{background:#1e3a5f;background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);min-height:60px;width:100%;position:relative;z-index:1000;gap:var(--space-4);overflow:visible}header.app-header-new:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3a5fa6;z-index:0;pointer-events:none}.header-logo{flex:0 0 auto;display:flex;align-items:center;position:relative;z-index:1}.logo-text{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.5px;white-space:nowrap}.header-actions-new{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:0;position:relative;z-index:1}.action-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;color:#fff;transition:all .2s ease;white-space:nowrap;box-shadow:var(--shadow-sm);min-width:fit-content;flex-shrink:0;overflow:visible;text-overflow:clip}.action-btn-red{background:var(--color-error-500)}.action-btn-red:hover:not(:disabled){background:var(--color-error-600);box-shadow:var(--shadow-md)}.action-btn-green{background:var(--color-success-500)}.action-btn-green:hover{background:var(--color-success-600);box-shadow:var(--shadow-md)}.action-btn-gray{background:var(--color-gray-600)}.action-btn-gray:hover{background:var(--color-gray-700);box-shadow:var(--shadow-md)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.clear-screen-link{background:none;border:none;color:#fff;font-size:var(--text-sm);cursor:pointer;text-decoration:underline;padding:var(--space-1) var(--space-2);transition:opacity .2s;white-space:nowrap;flex-shrink:0;min-width:fit-content}.clear-screen-link:hover{opacity:.8}.header-status{flex:0 0 auto;display:flex;align-items:center;margin-left:var(--space-4)}.header-status{display:none}.tabs-status-container{margin-left:auto;display:flex;align-items:center;padding:0 var(--space-4);flex-shrink:0}.system-status-new{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-info-700);white-space:nowrap}.system-status-label-new{color:var(--color-info-600);font-weight:var(--font-medium)}.system-status-value-new{font-weight:var(--font-semibold);color:var(--color-info-800)}@media (max-width: 1024px){.tabs-status-container{display:none}}div.tabs-new{display:flex;background:#fff;border-bottom:1px solid var(--color-gray-200);padding:0;gap:0;overflow-x:auto;width:100%;position:relative;z-index:999;align-items:stretch}.tab-new{padding:var(--space-3) var(--space-5);background:#fff;color:var(--color-text-primary)}.tab-new.active{background:#000;color:#fff;border-bottom-color:#000}.tab-icon-circle{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;font-size:0;flex-shrink:0}.tab-new.active .tab-icon-circle{background:#fff}.tab-new:not(.active) .tab-icon-circle{background:var(--color-text-primary)}.tab-icon{font-size:var(--text-base);opacity:.9;flex-shrink:0}.app-main{background:var(--color-surface-secondary);padding:0;overflow-y:auto;overflow-x:hidden}.queueing-tab{background:var(--color-surface-secondary);padding:var(--space-6)}.courts-section{margin-bottom:var(--space-2);padding-bottom:var(--space-6);border-bottom:none!important;position:relative;box-shadow:0 2px 8px #0000000f}@keyframes separator-running-light{0%{background-position:100% 0}to{background-position:-100% 0}}.courts-section:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-border-primary, #e2e8f0) 0%,var(--color-secondary-500, #FDB927) 50%,var(--color-border-primary, #e2e8f0) 100%);background-size:200% 100%;animation:separator-running-light 2s linear infinite;border-radius:2px;z-index:1}.courts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);z-index:1;background:var(--color-surface-primary);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.queue-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start;position:relative}.queue-layout:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--color-secondary-400) 5%,var(--color-secondary-400) 95%,transparent 100%);transform:translate(-50%);z-index:0;box-shadow:0 0 10px #fdb92766}.next-section{min-width:0;position:relative;z-index:1;background:var(--color-surface-primary);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}.next-card,.next-box{min-height:200px;max-height:none;height:auto;overflow:visible;flex-shrink:0;flex-grow:0;box-sizing:border-box;display:flex;flex-direction:column;background:var(--color-surface-primary);border:2px solid var(--color-success-400);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .2s ease}.next-card:hover{border-color:var(--color-success-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.next-card .card-body{flex:1;overflow:visible;min-height:0;padding:var(--space-4);display:flex;flex-direction:column}.next-card .next-players{flex:1;overflow:visible;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);min-height:0;max-height:none}.next-card .next-empty{min-height:auto;padding:var(--space-5) var(--space-3);flex-shrink:1;grid-column:1 / -1}.next-card .next-player-wrapper{flex-shrink:0}.next-card .next-slot-empty{min-height:auto;padding:var(--space-2);flex-shrink:0;grid-column:1 / -1}.next-card .card-header{padding:var(--space-3)}.next-card:before{display:none}.court-card,.court-box{transition:all .3s cubic-bezier(.4,0,.2,1)}.court-card.is-paused{border-color:var(--color-warning-500, #f59e0b)!important;box-shadow:0 0 15px #f59e0b33;position:relative}.court-card.is-paused:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f59e0b08;pointer-events:none;z-index:0;border-radius:inherit}.court-card.is-paused .card-body{opacity:.85;filter:saturate(.8)}.court-card .card-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4)}.court-card:hover,.court-box:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-500)}.waiting-players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);align-items:start;padding:var(--space-2) 0}@media (max-width: 767px){.waiting-players-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.waiting-players-container{padding:var(--space-4)}.waiting-players-grid .player-card{min-height:120px;padding:var(--space-3)}.waiting-players-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}}.waiting-players-container{background:var(--color-surface-primary);border:1px solid var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);min-height:200px;max-height:calc(100vh - 200px);overflow-y:auto;transition:all .2s ease;width:100%;height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.waiting-players-container::-webkit-scrollbar{width:8px}.waiting-players-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.waiting-players-container::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.waiting-players-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.waiting-players-container.drag-over{background-color:var(--color-primary-50);border-color:var(--color-success-500);box-shadow:var(--shadow-primary)}.waiting-players-title{margin:0 0 var(--space-5) 0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-align:left;border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.waiting-players-empty{padding:var(--space-12);text-align:center;color:var(--color-text-tertiary);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-gray-50);font-size:var(--text-sm);margin-top:var(--space-4)}.waiting-players-grid .player-card{background:var(--color-surface-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:140px;position:relative;box-shadow:var(--shadow-sm);transition:all .2s ease;overflow:visible}.waiting-players-grid .player-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-300);transform:translateY(-2px)}.waiting-players-grid .player-card .player-icon{position:absolute;top:var(--space-3);right:var(--space-3);width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-500);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;border:2px solid var(--color-primary-600);box-shadow:var(--shadow-sm);z-index:5}.waiting-players-grid .player-card .player-icon span:first-child{font-size:var(--text-base);line-height:1;font-weight:var(--font-bold);color:#fff;letter-spacing:0}.waiting-players-grid .player-card .player-icon span:last-child{font-size:.625rem;line-height:1;opacity:.9;margin-top:1px;color:#fff;font-weight:var(--font-semibold)}.waiting-players-grid .player-card .skill-level-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-right:var(--space-2);display:inline-block;vertical-align:middle}.waiting-players-grid .player-card .skill-level-dot.skill-beginner{background-color:var(--color-gray-500);box-shadow:0 0 0 2px var(--color-gray-100)}.waiting-players-grid .player-card .skill-level-dot.skill-intermediate{background-color:var(--color-info-500);box-shadow:0 0 0 2px var(--color-info-100)}.waiting-players-grid .player-card .skill-level-dot.skill-advanced{background-color:var(--color-error-500);box-shadow:0 0 0 2px var(--color-error-100)}.waiting-players-grid .player-card .player-name{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text-primary);margin:0;padding-right:44px;line-height:1.4;word-break:break-word}.waiting-players-grid .player-card .player-level{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;margin-top:var(--space-1);line-height:1.5}.waiting-players-grid .player-card .player-games{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-gray-100);line-height:1.5}.waiting-players-grid .player-card.drag-over{background-color:var(--color-info-50);border-color:var(--color-info-500);box-shadow:var(--shadow-info);transform:scale(1.02)}.waiting-players-grid .player-card.excluded{background-color:var(--color-gray-50);border:2px dashed var(--color-gray-400);opacity:.7;cursor:not-allowed}.waiting-players-grid .player-card.excluded:hover{transform:none;border-color:var(--color-gray-400)}:root[data-theme=dark] .waiting-players-grid .player-card.excluded{background-color:#1f293780;border-color:var(--color-gray-600)}:root[data-theme=dark] .waiting-players-grid .player-card.excluded .player-name{color:var(--color-gray-400)}.waiting-players-grid .player-card.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg) scale(.98)}.waiting-players-grid .player-card .player-exclude-btn{position:absolute;bottom:var(--space-3);right:var(--space-3);width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);border:1px solid;transition:all .2s ease;background:var(--color-surface-primary);z-index:10}.waiting-players-grid .player-card .player-exclude-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}.waiting-players-grid .player-card .player-exclude-btn.pause-btn{border-color:var(--color-warning-400);background:var(--color-warning-100);color:var(--color-warning-700)}.waiting-players-grid .player-card .player-exclude-btn.pause-btn:hover{background:var(--color-warning-200);border-color:var(--color-warning-500)}.waiting-players-grid .player-card .player-exclude-btn.resume-btn{border-color:var(--color-success-400);background:var(--color-success-100);color:var(--color-success-700)}.waiting-players-grid .player-card .player-exclude-btn.resume-btn:hover{background:var(--color-success-200);border-color:var(--color-success-500)}.waiting-players-grid .player-card.pairing-mode{border-style:dashed;border-color:var(--color-primary-300)}.waiting-players-grid .player-card.pairing-mode:hover{transform:scale(1.02);border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.waiting-players-grid .player-card.selected-for-pairing{border:3px solid var(--color-primary-500)!important;background-color:var(--color-primary-50);box-shadow:0 0 0 4px var(--color-primary-100);transform:scale(1.05);z-index:10}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.logo-section{flex:0 0 auto;z-index:1}.logo{display:flex;align-items:center;gap:var(--space-2);transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.logo svg{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);font-family:var(--font-primary);letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.2);background:linear-gradient(135deg,#fff,#f0f4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.player-registration{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);z-index:1;max-width:500px;margin:0 var(--space-4)}.meet-info{margin-bottom:var(--space-1)}.meet-date{font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2);opacity:.9}.registration-form{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;justify-content:center}.player-name-input,.skill-level-select{padding:var(--space-2) var(--space-3);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:var(--text-sm);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.player-name-input{min-width:160px;flex:1;max-width:200px}.player-name-input:focus,.skill-level-select:focus{outline:none;border-color:#fffc;background:#fff;box-shadow:var(--shadow-md),0 0 0 3px #fff3;transform:translateY(-1px)}.skill-level-select{cursor:pointer;min-width:100px}.header-actions{flex:0 0 auto;display:flex;gap:var(--space-2);align-items:center;z-index:1}.add-player-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-1)}.add-player-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#059669,#047857)}.add-player-btn:active{transform:translateY(0)}.mock-players-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-1)}.mock-players-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#d97706,#b45309)}.mock-players-btn:active{transform:translateY(0)}.start-meet-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#ec4899,#be185d);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-1);position:relative;overflow:hidden}.start-meet-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.start-meet-btn:hover:before{left:100%}.start-meet-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.start-meet-btn:active{transform:translateY(0)}.end-meet-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-1)}.end-meet-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#dc2626,#b91c1c)}.end-meet-btn:active{transform:translateY(0)}.player-database-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.player-database-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.player-database-btn:active{transform:translateY(0)}.player-database-btn .btn-icon{font-size:var(--text-lg)}@media (max-width: 479px){.app-header{flex-direction:column;gap:calc(var(--space-3) * var(--space-multiplier-xs));padding:calc(var(--space-3) * var(--space-multiplier-xs));min-height:var(--touch-target-comfortable)}.logo-section,.player-registration,.header-actions{flex:none;width:100%}.logo{justify-content:center}.logo-text{font-size:calc(var(--text-xl) * var(--text-multiplier-xs))}.player-registration{margin:0;order:2}.meet-date{font-size:calc(var(--text-base) * var(--text-multiplier-xs))}.registration-form{flex-direction:column;width:100%;gap:var(--space-2)}.player-name-input,.skill-level-select{width:100%;max-width:none;min-height:var(--touch-target-comfortable);font-size:calc(var(--text-sm) * var(--text-multiplier-xs))}.header-actions{justify-content:center;flex-wrap:wrap;gap:var(--space-2);order:3}.header-actions button{padding:calc(var(--space-2) * var(--space-multiplier-xs)) calc(var(--space-3) * var(--space-multiplier-xs));font-size:calc(var(--text-xs) * var(--text-multiplier-xs));min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);flex:1;max-width:150px}}@media (min-width: 480px) and (max-width: 639px){.app-header{flex-direction:column;gap:calc(var(--space-4) * var(--space-multiplier-sm));padding:calc(var(--space-4) * var(--space-multiplier-sm))}.logo-section,.player-registration,.header-actions{flex:none;width:100%}.logo{justify-content:center}.logo-text{font-size:calc(var(--text-xl) * var(--text-multiplier-sm))}.player-registration{margin:0}.meet-date{font-size:calc(var(--text-lg) * var(--text-multiplier-sm))}.registration-form{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.player-name-input{flex:1;min-width:200px;max-width:300px;min-height:var(--touch-target-comfortable)}.skill-level-select{min-width:140px;min-height:var(--touch-target-comfortable)}.header-actions{justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.header-actions button{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4)}}@media (min-width: 640px) and (max-width: 767px){.app-header{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.logo-section{flex:0 0 auto}.player-registration{flex:1;margin:0 var(--space-4);min-width:300px}.header-actions{flex:0 0 auto;gap:var(--space-3)}.registration-form{gap:var(--space-3)}}@media (min-width: 768px) and (max-width: 1023px){.app-header{padding:var(--space-5) var(--space-6)}.player-registration{margin:0 var(--space-4)}.registration-form,.header-actions{gap:var(--space-3)}.header-actions button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media (min-width: 1024px) and (max-width: 1279px){.app-header{padding:var(--space-6) var(--space-7)}.player-registration{margin:0 var(--space-5)}.registration-form,.header-actions{gap:var(--space-3)}}@media (min-width: 1280px) and (max-width: 1535px){.app-header{padding:calc(var(--space-6) * var(--space-multiplier-xl)) calc(var(--space-8) * var(--space-multiplier-xl))}.player-registration{margin:0 calc(var(--space-6) * var(--space-multiplier-xl))}.registration-form,.header-actions{gap:calc(var(--space-3) * var(--space-multiplier-xl))}}@media (min-width: 1536px){.app-header{padding:calc(var(--space-8) * var(--space-multiplier-2xl)) calc(var(--space-10) * var(--space-multiplier-2xl))}.player-registration{margin:0 calc(var(--space-8) * var(--space-multiplier-2xl));max-width:800px}.registration-form,.header-actions{gap:calc(var(--space-4) * var(--space-multiplier-2xl))}.logo-text{font-size:calc(var(--text-2xl) * var(--text-multiplier-2xl))}.meet-date{font-size:calc(var(--text-lg) * var(--text-multiplier-2xl))}}@media (orientation: landscape) and (min-width: 640px) and (max-width: 1023px){.app-header{flex-direction:row;padding:var(--space-4) var(--space-6)}.logo-section{flex:0 0 auto}.player-registration{flex:1;margin:0 var(--space-4)}.header-actions{flex:0 0 auto}}@media (orientation: portrait) and (min-width: 640px) and (max-width: 1023px){.app-header{flex-direction:column;gap:var(--space-4)}.logo-section,.player-registration,.header-actions{width:100%}.logo,.header-actions{justify-content:center}}@media (min-resolution: 1.5dppx){.logo svg{width:36px;height:36px}.header-actions button{font-size:calc(var(--text-sm) * 1.02)}}.app-header button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.player-name-input:focus-visible,.skill-level-select:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@keyframes headerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.app-header{animation:headerSlideIn .6s cubic-bezier(.4,0,.2,1)}.tabs{display:none!important}.tabs .system-status{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.tabs .system-status .system-status-label{color:#fffc}.tabs .system-status .system-status-value{color:#fffffff2;font-weight:var(--font-semibold)}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-2) var(--space-4);background:transparent;color:#fffffff2;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;top:1px;white-space:nowrap;min-width:fit-content;outline:none}.tab:hover:not(.active){background:#ffffff1a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.tab.active{background:var(--color-surface-primary);color:var(--color-gray-800);transform:translateY(-2px);box-shadow:0 -2px 8px #0000001a,0 4px 8px #0000001a;z-index:1}.tab.active:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-full);animation:tabIndicatorSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes tabIndicatorSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.tab:active{transform:translateY(0)}.tab-content-enter{opacity:0;transform:translateY(10px)}.tab-content-enter-active{opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-content-exit{opacity:1;transform:translateY(0)}.tab-content-exit-active{opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--color-primary-500);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);margin-left:var(--space-2);padding:0 var(--space-1);animation:tabBadgePulse 2s infinite}.tab.active .tab-badge{background:var(--color-primary-600);animation:none}@keyframes tabBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tab-icon{margin-right:var(--space-2);font-size:var(--text-base);opacity:.8;transition:opacity .3s ease}.tab:hover .tab-icon,.tab.active .tab-icon{opacity:1}@media (max-width: 768px){.tabs{padding:0 var(--space-2);gap:0}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-width:auto;flex:1;text-align:center}.tab-icon,.tabs .system-status{display:none}}@media (max-width: 480px){.tabs{padding:0 var(--space-1)}.tab{padding:var(--space-1) var(--space-2);font-size:10px;letter-spacing:.02em}}.tab.loading{position:relative;pointer-events:none}.tab.loading:after{content:"";position:absolute;top:50%;right:var(--space-3);width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:tabSpinner 1s linear infinite;transform:translateY(-50%)}@keyframes tabSpinner{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.tab-separator{width:1px;background:#fff3;margin:var(--space-2) 0;align-self:stretch}.tab-content{animation:tabContentFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes tabContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tabSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tab{animation:tabSlideIn .4s cubic-bezier(.4,0,.2,1)}.tab:nth-child(1){animation-delay:.1s}.tab:nth-child(2){animation-delay:.2s}.tab:nth-child(3){animation-delay:.3s}.tab:nth-child(4){animation-delay:.4s}.tab:nth-child(5){animation-delay:.5s}@media (prefers-contrast: high){.tab{border:1px solid rgba(255,255,255,.3)}.tab.active{border-color:var(--color-gray-800)}.tab:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.tab,.tab-badge,.tab:before,.tab:after{animation:none;transition:none}.tab:hover:not(.active){transform:none}.tab.active{transform:none}}.quick-add-container{margin-bottom:var(--space-4);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm);position:relative;z-index:50}.quick-add-form{display:flex;gap:var(--space-2);align-items:center;position:relative}.quick-add-input-wrapper{position:relative;flex:1}.quick-add-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all .2s}.quick-add-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);margin-top:4px;max-height:250px;overflow-y:auto;z-index:100}.search-result-item{padding:var(--space-2) var(--space-3);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-100);transition:background .2s}.search-result-item:hover{background:var(--color-gray-50)}.search-result-name{font-weight:var(--font-medium);color:var(--color-gray-900)}.search-result-level{font-size:var(--text-xs);color:var(--color-gray-500);padding:2px 6px;background:var(--color-gray-100);border-radius:4px}.create-new-option{padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--color-primary-600);font-weight:var(--font-semibold);background:var(--color-primary-50);display:flex;align-items:center;gap:8px}.create-new-option:hover{background:var(--color-primary-100)}.create-new-details{display:flex;gap:var(--space-2);align-items:center;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-add-level-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--text-sm);background:#fff;cursor:pointer}.quick-add-submit-btn{padding:var(--space-2) var(--space-4);background:var(--color-success-500);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:var(--font-bold);cursor:pointer;white-space:nowrap}.quick-add-submit-btn:hover{background:var(--color-success-600)}.quick-add-cancel-btn{padding:var(--space-2) var(--space-3);color:var(--color-gray-500);background:transparent;border:none;cursor:pointer;font-size:var(--text-sm)}.quick-add-cancel-btn:hover{color:var(--color-error-500)}.app{display:flex;flex-direction:column;height:100vh;background-color:#fff}.controls-bar{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.smart-assign-controls{display:flex;align-items:center;gap:10px;padding:15px}.smart-assign-controls label{font-weight:600;color:#555}.strategy-select{padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;min-width:200px}.strategy-select:focus{outline:none;border-color:#667eea}.smart-assign-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.smart-assign-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.smart-assign-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.smart-assign-next-btn{padding:10px 20px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.smart-assign-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.smart-assign-next-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-icon{font-size:16px}.info-btn{padding:8px 12px;background:#2196f3;color:#fff;border:none;border-radius:50%;font-size:14px;cursor:pointer;transition:all .3s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.info-btn:hover{background:#1976d2;transform:scale(1.1)}.strategy-info-panel{padding:20px;background:#f9f9f9;border-top:2px solid #e0e0e0}.strategy-info-panel h4{margin-bottom:12px;color:#333;font-size:16px}.strategy-info-panel ul{list-style:none;padding:0}.strategy-info-panel li{margin-bottom:12px;padding:12px;background:#fff;border-left:4px solid #667eea;border-radius:4px;font-size:14px;line-height:1.6}.strategy-info-panel li:nth-child(2){border-left-color:#2196f3}.strategy-info-panel li:nth-child(3){border-left-color:#4caf50}.strategy-info-panel strong{color:#667eea;font-weight:600}.section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.court-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.court-title{font-size:16px;font-weight:700;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:6px}.start-match-btn{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.start-match-btn:hover{background:#45a049;transform:scale(1.05)}.end-match-btn{padding:8px 16px;background:#ff9800;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.end-match-btn:hover{background:#f57c00}.court-empty{padding:60px 20px;text-align:center;color:#999;font-size:16px;border:2px dashed #ddd;border-radius:6px}.court-teams{display:flex;gap:12px}.team-section{flex:1;background:#fff;border:2px solid #ddd;border-radius:8px;padding:12px;min-height:150px;transition:all .3s}.team-section.drag-over{border-color:#4caf50;background:#f0f8f0;transform:scale(1.02)}.team-label{font-size:12px;font-weight:700;color:#666;margin-bottom:10px;text-align:center;padding:5px;background:#f0f0f0;border-radius:4px}.team-a .team-label{background:#e3f2fd;color:#1976d2}.team-b .team-label{background:#fff3e0;color:#f57c00}.team-players{display:flex;flex-direction:column;gap:6px;width:calc(100% - 6px);padding:0 3px;margin:0 auto}.player-slot-empty{padding:20px 10px;border:2px dashed #ccc;border-radius:4px;text-align:center;color:#999;font-size:12px}.next-box.drag-over{border-color:#2196f3;background:#e3f2fd;transform:scale(1.02)}.next-box.full{border-color:#4caf50;background:#f0f8f0}.next-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.next-title{font-size:14px;font-weight:700;color:#666}.player-count{font-size:12px;background:#2196f3;color:#fff;padding:4px 8px;border-radius:12px}.next-box.full .player-count{background:#4caf50}.next-players{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.next-empty{padding:40px 10px;text-align:center;color:#999;font-size:13px;border:2px dashed #ddd;border-radius:6px}.player-slot-indicator{padding:10px;text-align:center;font-size:11px;color:#999;font-style:italic}.waiting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.waiting-header h3{font-size:16px;font-weight:600;color:#333}.help-icon-btn{background:linear-gradient(135deg,#ffc107,#ffb300);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;box-shadow:0 2px 6px #ffc1074d}.help-icon-btn:hover{transform:scale(1.1);box-shadow:0 4px 10px #ffc10780}.player-count-badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.waiting-players-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.draggable-player-card{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.draggable-player-card:active{cursor:grabbing!important}.no-players{padding:40px 20px;text-align:center;color:#999;font-size:14px}.player-card.dragging{opacity:.5}.player-card.highlight{border-color:#ff9800;background:#fff3e0}.court-player-card{position:relative}.court-player-card.swap-target{border-top-color:#4caf50!important;border-right-color:#4caf50!important;border-bottom-color:#4caf50!important;background:#f0f8f0!important;box-shadow:0 0 10px #4caf5080!important;transform:scale(1.05)}.next-player-card{position:relative}.next-player-card.swap-target{border-top-color:#2196f3!important;border-right-color:#2196f3!important;border-bottom-color:#2196f3!important;background:#e3f2fd!important;box-shadow:0 0 10px #2196f380!important;transform:scale(1.05)}.player-card-header{display:flex;align-items:center;gap:10px}.skill-level-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.player-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.games-played{margin-top:5px;font-size:12px;color:#666}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tab-header h2{font-size:24px;color:#333}.results-count,.stats-count,.archive-count{font-size:14px;color:#666;background:#f0f0f0;padding:6px 12px;border-radius:12px}.no-data{padding:80px 20px;text-align:center;color:#999;font-size:16px;background:#fff;border-radius:8px}.results-table-container,.stats-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.results-table,.stats-table,.archive-matches-table,.archive-players-table{width:100%;border-collapse:collapse}.results-table th,.stats-table th,.archive-matches-table th,.archive-players-table th{background:#2c3e50;color:#fff;padding:15px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.results-table td,.stats-table td,.archive-matches-table td,.archive-players-table td{padding:15px;border-bottom:1px solid #eee;font-size:14px;color:#333}.results-table tbody tr:hover,.stats-table tbody tr:hover,.archive-matches-table tbody tr:hover,.archive-players-table tbody tr:hover{background:#f9f9f9}.team-names{color:#555}.score-cell{font-weight:600;font-size:16px}.winning-score{color:#4caf50;font-weight:700}.winner-cell{color:#4caf50;font-weight:600}.rank-cell{font-weight:700;color:#667eea;font-size:16px}.player-name-cell{display:flex;align-items:center;gap:8px;font-weight:600}.skill-dot-small{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wins-cell{font-weight:600;color:#4caf50}.archive-layout{display:flex;gap:20px;height:calc(100vh - 300px)}.sessions-list{flex:0 0 300px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-y:auto}.sessions-list h3{font-size:18px;margin-bottom:15px;color:#333}.session-item{padding:15px;border:2px solid #ddd;border-radius:6px;margin-bottom:10px;cursor:pointer;transition:all .3s}.session-item:hover{border-color:#667eea;background:#f9f9f9}.session-item.selected{border-color:#667eea;background:#e8eaf6}.session-date{font-weight:600;color:#333;margin-bottom:5px}.session-summary{font-size:13px;color:#666}.session-details{flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-y:auto}.session-details h3{font-size:20px;margin-bottom:15px;color:#333}.session-details h4{font-size:16px;margin-top:20px;margin-bottom:10px;color:#555}.session-info{background:#f9f9f9;padding:15px;border-radius:6px;margin-bottom:20px}.session-info p{margin-bottom:8px;color:#333;font-weight:500}.session-info p strong{color:#333;font-weight:600}.session-matches,.session-players{margin-top:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.score-modal{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:400px}.score-modal h3{margin-bottom:20px;font-size:20px;color:#333}.score-inputs{display:flex;gap:20px;margin-bottom:20px}.score-input-group{flex:1}.score-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.score-input-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px}.score-input-group input:focus{outline:none;border-color:#667eea}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-btn{padding:10px 20px;background:#999;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.cancel-btn:hover{background:#777}.submit-btn{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.submit-btn:hover{background:#45a049}.meet-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.meet-confirmation-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;width:90%;max-width:500px;animation:slideUp .3s ease}.confirmation-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:16px 16px 0 0;text-align:center}.confirmation-header h2{margin:0;font-size:24px;font-weight:700}.confirmation-content{padding:24px}.confirmation-content h3{margin:0 0 16px;color:#333;font-size:20px}.confirmation-details{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px}.confirmation-details p{margin:8px 0;color:#555;font-size:14px}.confirmation-details strong{color:#333;font-weight:600}.confirmation-message{color:#666;font-size:14px;line-height:1.6;margin:0}.confirmation-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirmation-actions .cancel-btn{padding:12px 24px;background:#e0e0e0;color:#333;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.confirmation-actions .cancel-btn:hover{background:#d0d0d0}.confirmation-actions .confirm-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.confirmation-actions .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.activation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.activation-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.activation-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.activation-header h2{margin:0;font-size:24px;color:#1f2937}.close-btn{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.activation-body{padding:24px}.activation-body>p{margin:0 0 20px;color:#6b7280;font-size:14px}.key-input-group{margin-bottom:20px}.key-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.key-input-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:Courier New,monospace;letter-spacing:1px;transition:all .2s;box-sizing:border-box}.key-input-group input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.key-input-group input:disabled{background:#f3f4f6;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px}.activate-btn{width:100%;padding:14px 24px;background:var(--color-primary-600);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.activate-btn:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-200)}.activate-btn:active:not(:disabled){transform:translateY(0)}.activate-btn:disabled{background:#9ca3af;cursor:not-allowed}.purchase-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.purchase-section .purchase-label{margin:0 0 16px;color:#6b7280;font-size:14px;text-align:center}.purchase-options{display:flex;gap:12px}.purchase-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-radius:10px;text-decoration:none;transition:all .2s;position:relative;cursor:pointer;font-family:inherit}.purchase-btn.monthly{background:linear-gradient(135deg,var(--color-secondary-50) 0%,var(--color-secondary-100) 100%);border:2px solid var(--color-secondary-300);color:var(--color-secondary-800)}.purchase-btn.monthly:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-100) 0%,var(--color-secondary-200) 100%);border-color:var(--color-secondary-400);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-secondary-200)}.purchase-btn.yearly{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #a78bfa;color:#7c3aed}.purchase-btn.yearly:hover:not(:disabled){background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.purchase-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.purchase-btn .plan-name{font-weight:700;font-size:16px;margin-bottom:4px}.purchase-btn .plan-price{font-size:14px;opacity:.85}.purchase-btn .plan-savings{margin-top:8px;padding:4px 10px;background:#7c3aed;color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.email-input-group{margin-bottom:20px;text-align:left}.email-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.email-input-group input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s;box-sizing:border-box}.email-input-group input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.loading-text{text-align:center;color:#6b7280;font-size:.9em;margin-top:10px;font-style:italic}.trial-btn{width:100%;margin-top:12px;padding:12px 24px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.trial-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.top-gamer-tab{padding:20px;color:#fff;max-width:1000px;margin:0 auto}.top-gamer-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.top-gamer-tab h2{font-size:2rem;margin-bottom:5px;color:#f3f4f6}.tab-subtitle{color:#9ca3af;font-size:1rem}.year-selector{background-color:#374151;color:#fff;border:1px solid #4b5563;padding:8px 12px;border-radius:6px;font-size:1rem;cursor:pointer;margin-right:15px;outline:none}.year-selector:focus{border-color:#3b82f6}.leaderboard-container{background-color:#1f2937;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #374151}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left}.leaderboard-table th{background-color:#111827;padding:15px 20px;font-weight:600;color:#9ca3af;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.leaderboard-table td{padding:15px 20px;border-bottom:1px solid #374151;vertical-align:middle}.leaderboard-table tr:last-child td{border-bottom:none}.rank-cell{font-weight:700;font-size:1.1rem;width:80px;text-align:center}.player-name-cell{font-weight:500;font-size:1.1rem;color:#f3f4f6}.games-played-cell{width:250px}.games-count{display:block;font-size:1.25rem;font-weight:700;margin-bottom:5px;color:#10b981}.progress-bar-mini{height:6px;background-color:#374151;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:3px}.last-updated-cell{color:#9ca3af;font-size:.9rem}.top-rank{background-color:#3b82f60d}.rank-1 .rank-cell{font-size:1.8rem}.rank-2 .rank-cell{font-size:1.5rem}.rank-3 .rank-cell{font-size:1.3rem}.rank-1 .player-name-cell{font-size:1.3rem;color:#fbbf24;font-weight:700}.rank-1 .games-count{font-size:1.5rem;color:#fbbf24}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#9ca3af}.loader{border:4px solid #374151;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data{text-align:center;padding:80px 20px;color:#9ca3af}.no-data-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-data p{font-size:1.2rem}.meet-scheduler-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.meet-scheduler-modal{background:linear-gradient(135deg,#fa709a,#fee140);border-radius:20px;box-shadow:0 20px 60px #0006;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.scheduler-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.scheduler-header h2{margin:0;color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.scheduler-content{flex:1;overflow-y:auto;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#ffffff1a}.scheduler-content::-webkit-scrollbar{width:8px}.scheduler-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.scheduler-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.schedule-form{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.schedule-form h3{margin:0 0 24px;color:#2d3748;font-size:20px;font-weight:700}.form-group label{display:block;margin-bottom:8px;color:#4a5568;font-size:14px;font-weight:600}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .2s;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#fa709a;box-shadow:0 0 0 3px #fa709a1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.player-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.selection-actions{display:flex;gap:8px}.select-all-btn,.deselect-all-btn{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.select-all-btn:hover{background:#f7fafc;border-color:#fa709a;color:#fa709a}.deselect-all-btn:hover{background:#f7fafc;border-color:#fc8181;color:#fc8181}.mock-players-btn-scheduler{padding:6px 12px;border:none;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.mock-players-btn-scheduler:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.player-search{margin-bottom:12px}.players-selection-list{max-height:200px;overflow-y:auto;border:2px solid #e2e8f0;border-radius:10px;padding:8px;background:#f7fafc}.players-selection-list::-webkit-scrollbar{width:6px}.players-selection-list::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.players-selection-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.player-checkbox-item{padding:8px;border-radius:6px;transition:all .2s}.player-checkbox-item:hover{background:#fff}.player-checkbox-item label{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:0}.player-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#fa709a}.player-checkbox-name{flex:1;font-size:14px;font-weight:600;color:#2d3748}.player-level-tag{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.player-level-tag.beginner{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#0d4d4d}.player-level-tag.intermediate{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#7c2d12}.player-level-tag.advanced{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.no-players{text-align:center;padding:30px 20px;color:#a0aec0}.no-players p{margin:0 0 6px;font-size:14px;font-weight:600;color:#718096}.no-players small{font-size:12px}.schedule-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #fa709a66;margin-top:8px}.schedule-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fa709a80}.scheduled-meets-list{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column}.scheduled-meets-list h3{margin:0 0 20px;color:#2d3748;font-size:20px;font-weight:700}.meets-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.meets-list::-webkit-scrollbar{width:6px}.meets-list::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.meets-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.empty-schedule{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#718096}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-schedule p{font-size:18px;font-weight:600;margin:0 0 8px;color:#4a5568}.empty-schedule small{font-size:14px;color:#a0aec0}.meet-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.meet-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.meet-card.active{background:linear-gradient(135deg,#fef5e7,#fef9e7);border-color:#f6ad55;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f6ad5566}50%{box-shadow:0 0 0 8px #f6ad5500}}.meet-info{flex:1;min-width:0}.meet-title{font-size:16px;font-weight:700;color:#2d3748;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meet-time{font-size:14px;color:#718096;margin-bottom:8px}.meet-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.strategy-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.strategy-badge.strict{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#0d4d4d}.strategy-badge.semi-mix{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#7c2d12}.strategy-badge.mix{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.countdown{font-size:13px;font-weight:600;color:#4a5568;padding:4px 10px;background:#0000000d;border-radius:6px}.countdown.ready{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;animation:blink 1s ease-in-out infinite}.player-count-badge{font-size:12px;font-weight:600;color:#667eea;padding:4px 10px;background:#667eea1a;border-radius:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.meet-actions{display:flex;gap:8px;margin-left:12px}.start-now-btn,.delete-meet-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.start-now-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 2px 8px #48bb784d}.start-now-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.delete-meet-btn{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;box-shadow:0 2px 8px #fc81814d}.delete-meet-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fc818166}@media (max-width: 900px){.scheduler-content{grid-template-columns:1fr}.meet-scheduler-modal{width:95%;max-height:90vh}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.meet-card{flex-direction:column;align-items:flex-start;gap:12px}.meet-actions{width:100%;margin-left:0}.start-now-btn,.delete-meet-btn{flex:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-database-modal{background:linear-gradient(135deg,#667eea,#764ba2);width:100%;height:100%;min-height:calc(100vh - 200px);display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.database-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0}.database-header h2{margin:0 0 8px;color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.player-count-header{color:#ffffffe6;font-size:14px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.2)}.close-btn{background:#fff3;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.database-controls{padding:16px 28px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;flex-shrink:0;align-items:flex-start}.search-bar{position:relative;display:flex;align-items:center;max-width:320px;width:100%}.search-icon{position:absolute;left:14px;font-size:16px;pointer-events:none;z-index:2;opacity:.5;transition:opacity .2s ease}.search-bar:focus-within .search-icon{opacity:.7}.search-input{width:100%;padding:12px 36px 12px 38px;border:2px solid rgba(255,255,255,.4);border-radius:24px;background:var(--color-surface-primary);font-size:15px;font-weight:500;color:var(--color-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #00000014;letter-spacing:.01em}.search-input:hover{border-color:#fff9;box-shadow:0 4px 16px #0000001f}.search-input:focus{outline:none;border-color:#ffffffe6;background:#fff;box-shadow:0 6px 24px #667eea40;transform:translateY(-2px);padding-left:38px}.search-input::placeholder{color:#00000059;font-size:15px;font-weight:400;letter-spacing:0}.search-clear{position:absolute;right:10px;width:24px;height:24px;border:none;background:#00000014;border-radius:50%;color:#00000080;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2;line-height:1;padding:0}.search-clear:hover{background:#0000001f;color:#000000b3;transform:scale(1.1)}.search-clear:active{transform:scale(.95)}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff26;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ffffff40;transform:translateY(-2px)}.filter-btn.active{background:#fff;color:#667eea;border-color:#fff;box-shadow:0 4px 12px #00000026}.add-selected-btn{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #f5576c66}.add-selected-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c80}.players-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 28px;background:#ffffff14;min-height:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.players-list.search-results{display:flex!important;flex-direction:column!important;gap:12px!important;padding:20px 28px!important;width:100%!important;max-width:100%!important;align-items:flex-start}.players-list.search-results .player-row{width:100%!important;max-width:500px!important;margin:0!important;box-sizing:border-box}@media (max-width: 900px){.players-list.search-results .player-row{max-width:100%!important}}.players-list::-webkit-scrollbar{width:8px}.players-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.players-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.players-list::-webkit-scrollbar-thumb:hover{background:#fff6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#fff}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state p{font-size:20px;font-weight:600;margin:0 0 8px}.empty-state small{font-size:14px;opacity:.7}.player-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--color-surface-primary);border-radius:16px;margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;min-height:72px;border:1px solid var(--color-border-primary);position:relative;overflow:hidden}.player-row:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.player-row:hover:before{opacity:1}.player-row:hover{transform:translateY(-3px);box-shadow:0 8px 24px #667eea26,0 4px 8px #0000001a;background:var(--color-surface-primary);border-color:#667eea4d}.player-row.player-in-game{opacity:.6;background:#f0f0f0f2}.player-row.player-in-game:hover{transform:none;box-shadow:0 2px 8px #0000001a;background:#f0f0f0f2}.player-checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center}.player-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea;margin:0;border-radius:6px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.player-checkbox input[type=checkbox]:hover:not(:disabled){transform:scale(1.1);box-shadow:0 2px 6px #667eea4d}.player-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5;accent-color:#9ca3af;transform:none}.player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.player-name{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px;flex-wrap:wrap;letter-spacing:-.02em;line-height:1.3}.in-game-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#9ca3af;color:#fff;text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.player-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;line-height:1.3}.level-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014;transition:all .2s ease;display:inline-block;position:relative;overflow:hidden}.level-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.level-badge:hover:before{left:100%}.level-badge.beginner{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#0d4d4d;border:1px solid rgba(13,77,77,.2)}.level-badge.beginner:hover{box-shadow:0 4px 12px #84fab04d,0 2px 4px #0000001a;transform:translateY(-1px)}.level-badge.intermediate{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#7c2d12;border:1px solid rgba(124,45,18,.2)}.level-badge.intermediate:hover{box-shadow:0 4px 12px #ffecd266,0 2px 4px #0000001a;transform:translateY(-1px)}.level-badge.advanced{background:linear-gradient(135deg,#fa709a,#fee140);color:#7c2d12;border:1px solid rgba(124,45,18,.2)}.level-badge.advanced:hover{box-shadow:0 4px 12px #fa709a4d,0 2px 4px #0000001a;transform:translateY(-1px)}.player-actions{display:flex;gap:8px;flex-shrink:0}.player-actions .btn-sm,.player-actions button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;font-size:16px!important;display:flex;align-items:center;justify-content:center;border-radius:10px;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014;border:none;position:relative;overflow:hidden}.player-actions .btn-sm:before,.player-actions button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.player-actions .btn-sm:hover:before,.player-actions button:hover:before{width:100px;height:100px}.player-actions .btn-sm:hover,.player-actions button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0003,0 2px 4px #0000001a}.player-actions .btn-sm:active,.player-actions button:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.player-actions button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.action-btn{width:40px;height:40px;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.edit-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.delete-btn{background:linear-gradient(135deg,#fa709a,#fee140)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease-out}.edit-modal{background:var(--color-surface-primary);border-radius:16px;padding:32px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.edit-modal h3{margin:0 0 24px;color:var(--color-text-primary);font-size:24px;font-weight:700}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--color-text-secondary);font-size:14px;font-weight:600}.edit-input,.edit-select{width:100%;padding:12px 16px;border:2px solid var(--color-border-primary);border-radius:10px;font-size:16px;transition:all .2s;box-sizing:border-box;background:var(--color-surface-primary);color:var(--color-text-primary)}.edit-input:focus,.edit-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edit-modal-actions{display:flex;gap:12px;margin-top:28px}.save-btn,.cancel-btn{flex:1;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.cancel-btn{background:var(--color-gray-200);color:var(--color-text-secondary)}.cancel-btn:hover{background:var(--color-gray-300)}:root[data-theme=dark] .player-row{box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}:root[data-theme=dark] .player-row:hover{box-shadow:0 8px 24px #667eea4d,0 4px 8px #0000004d}:root[data-theme=dark] .player-row.player-in-game{background:var(--color-gray-700)}:root[data-theme=dark] .player-row.player-in-game:hover{background:var(--color-gray-700);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .in-game-badge{background:var(--color-gray-600)}:root[data-theme=dark] .edit-modal{box-shadow:0 20px 60px #00000080}:root[data-theme=dark] .cancel-btn{background:var(--color-gray-700)}:root[data-theme=dark] .cancel-btn:hover{background:var(--color-gray-600)}:root[data-theme=dark] .search-input{box-shadow:0 2px 12px #0003}:root[data-theme=dark] .search-input:focus{box-shadow:0 6px 24px #667eea59}@media (max-width: 1600px){.players-list{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1400px){.players-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.players-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.players-list{grid-template-columns:1fr}}@media (max-width: 600px){.player-database-modal{min-height:calc(100vh - 150px)}.database-header,.database-controls,.players-list{padding-left:16px;padding-right:16px}.player-name{font-size:16px}.player-actions{flex-direction:column}.action-btn{width:36px;height:36px;font-size:16px}}.logo-settings-section{padding:20px;background:var(--color-surface-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.logo-settings-section h3{margin:0 0 10px;color:var(--color-text-primary);font-size:1.25rem}.section-description{color:var(--color-text-secondary);margin-bottom:20px;font-size:.95rem}.logo-preview-container{margin-bottom:20px}.logo-preview-label{font-weight:600;margin-bottom:10px;color:var(--color-text-primary)}.logo-preview{width:200px;height:200px;border:2px dashed var(--color-border-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);overflow:hidden}.logo-preview-image{max-width:100%;max-height:100%;object-fit:contain}.logo-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text-secondary, #999)}.placeholder-text{font-size:24px;font-weight:600;color:var(--primary-color, #4CAF50)}.placeholder-subtitle{font-size:14px;color:var(--text-secondary, #999)}.logo-settings-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toggle-setting{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--color-surface-secondary);border-radius:8px;margin-bottom:20px}.toggle-info h4{margin:0;font-size:.95rem;color:var(--color-text-primary)}.toggle-info p{margin:4px 0 0;font-size:.85rem;color:var(--color-text-tertiary)}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-gray-300);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary-500)}input:checked+.slider:before{transform:translate(22px)}.logo-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logo-btn:disabled{opacity:.5;cursor:not-allowed}.logo-btn-primary{background:var(--color-primary-600);color:#fff}.logo-btn-primary:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.logo-btn-danger{background:#f44336;color:#fff}.logo-btn-danger:hover:not(:disabled){background:#da190b;transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.logo-settings-info{padding:15px;background:var(--color-info-50);border-left:4px solid var(--color-info-500);border-radius:4px}:root[data-theme=dark] .logo-settings-info{background:#3b82f61a;border-left-color:var(--color-info-400)}.logo-settings-info h4{margin:0 0 10px;color:var(--color-info-700);font-size:1rem}:root[data-theme=dark] .logo-settings-info h4{color:var(--color-info-300)}.logo-settings-info ul{margin:0;padding-left:20px;color:var(--color-text-secondary)}.logo-settings-info li{margin-bottom:5px;font-size:.9rem}.logo-settings-info li:last-child{margin-bottom:0}.court-name-settings{margin-bottom:25px}.court-name-settings h4{margin:0 0 5px;color:var(--color-text-primary);font-size:1rem}.field-hint{font-size:.85rem;color:var(--color-text-tertiary);margin-bottom:15px}.court-name-input-group{display:flex;gap:10px}.court-name-input{flex:1;padding:10px 15px;border:1px solid var(--color-border-primary);border-radius:6px;background:var(--color-surface-secondary);color:var(--color-text-primary);font-size:.95rem}.court-name-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #667eea33}.settings-divider{border:none;border-top:1px solid var(--color-border-primary);margin:25px 0;opacity:.5}.logo-upload-settings h4{margin:0 0 15px;color:var(--color-text-primary);font-size:1rem}.image-cropper-container{margin:var(--space-6) 0}.image-cropper-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.image-cropper-viewport{width:100%;max-width:800px;position:relative;background:var(--color-surface-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-cropper-image{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position .05s ease-out}.image-cropper-viewport:active .image-cropper-image{transition:none}.image-cropper-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s}.image-cropper-viewport:hover .image-cropper-grid{opacity:.5}.grid-line{position:absolute;background:#fff;box-shadow:0 0 2px #00000080}.grid-line-vertical{width:1px;height:100%;top:0}.grid-line-horizontal{height:1px;width:100%;left:0}.image-cropper-controls{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.zoom-controls{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:300px}.zoom-btn{width:36px;height:36px;border:1px solid var(--color-border-primary);background:var(--color-surface-primary);border-radius:var(--radius-md);font-size:var(--text-xl);font-weight:var(--font-bold);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.zoom-btn:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.zoom-btn:active:not(:disabled){transform:scale(.95)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-slider{flex:1;height:6px;border-radius:var(--radius-full);background:var(--color-border-primary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary-500);cursor:pointer;border:2px solid var(--color-surface-primary);box-shadow:0 2px 4px #0003;transition:all .2s}.zoom-slider::-webkit-slider-thumb:hover{background:var(--color-primary-600);transform:scale(1.1)}.zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary-500);cursor:pointer;border:2px solid var(--color-surface-primary);box-shadow:0 2px 4px #0003;transition:all .2s}.zoom-slider::-moz-range-thumb:hover{background:var(--color-primary-600);transform:scale(1.1)}.zoom-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);min-width:50px;text-align:right}.reset-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.reset-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.reset-btn:active{transform:scale(.98)}.image-cropper-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-3);margin-bottom:0}@media (max-width: 640px){.zoom-controls{min-width:100%}.reset-btn{width:100%}}.court-logo-container{display:flex;align-items:center;gap:12px;height:100%}.court-logo-image{width:48px;height:48px;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.court-logo-container:hover .court-logo-image{transform:scale(1.05)}.court-logo-container.hover-zoom-enabled{cursor:pointer;position:relative}.court-logo-popup{display:none;position:absolute;top:110%;left:0;width:250px;height:250px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px #00000040;z-index:9999;border:1px solid rgba(0,0,0,.1);animation:fadeIn .2s ease-out}.court-logo-popup img{width:100%;height:100%;object-fit:contain}.court-logo-container:hover .court-logo-popup{display:flex;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.court-logo-text{display:flex;flex-direction:column;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none}.logo-main{display:flex;flex-direction:row;align-items:center}.logo-text-smart{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px;font-family:Inter,system-ui,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo-text-q{font-size:24px;font-weight:800;color:var(--color-secondary-500);letter-spacing:.5px;font-family:Inter,system-ui,sans-serif;margin-left:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo-subtitle{font-size:10px;color:#ffffffb3;text-transform:uppercase;letter-spacing:3px;margin-top:2px;font-weight:500;width:100%;text-align:justify;text-align-last:justify}.court-logo-small{gap:8px}.court-logo-small .court-logo-image{width:32px;height:32px}.court-logo-small .logo-text-smart,.court-logo-small .logo-text-q{font-size:16px}.court-logo-medium{gap:14px}.court-logo-medium .court-logo-image{width:64px;height:64px}.court-logo-medium .logo-text-smart,.court-logo-medium .logo-text-q{font-size:32px}.court-logo-large{gap:16px}.court-logo-large .court-logo-image{width:64px;height:64px}.court-logo-large .logo-text-smart,.court-logo-large .logo-text-q{font-size:32px}.custom-title{font-family:var(--font-primary);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(to bottom,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transition:all .3s ease}.no-smartq-branding{gap:12px}.court-logo-small .custom-title{font-size:14px}.court-logo-medium .custom-title,.court-logo-large .custom-title{font-size:20px}.header-background-settings-section{background:var(--color-surface-primary);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid var(--color-border-primary)}.header-background-settings-section h3{margin:0 0 var(--space-3) 0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.section-description{margin:0 0 var(--space-5) 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.header-background-preview-container{margin-bottom:var(--space-6)}.header-background-preview-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.header-background-preview{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--color-gray-200)}.header-background-preview-image{width:100%;aspect-ratio:100 / 15;background-color:var(--color-primary-900);background-repeat:no-repeat;position:relative}.header-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f0a3499;display:flex;align-items:center;padding:0 var(--space-6)}.header-preview-content{width:100%;display:flex;justify-content:space-between;align-items:center}.preview-logo{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preview-buttons{display:flex;gap:var(--space-3)}.preview-btn{padding:var(--space-2) var(--space-4);background:#fff3;color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3)}.header-background-settings-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}.header-background-btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.header-background-btn-primary{background:var(--color-primary-500);color:#fff}.header-background-btn-primary:hover:not(:disabled){background:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-background-btn-danger{background:var(--color-error-500);color:#fff}.header-background-btn-danger:hover:not(:disabled){background:var(--color-error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-background-btn:disabled{opacity:.6;cursor:not-allowed}.header-background-btn:active:not(:disabled){transform:translateY(0)}.header-background-settings-info{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-info-50);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}:root[data-theme=dark] .header-background-settings-info{background:#3b82f61a}.header-background-settings-info h4{margin:0 0 var(--space-3) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.header-background-settings-info ul{margin:0;padding-left:var(--space-5);list-style:disc}.header-background-settings-info li{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.header-background-settings-info li:last-child{margin-bottom:0}@media (max-width: 640px){.header-background-settings-section{padding:var(--space-4)}.header-background-settings-actions{flex-direction:column}.header-background-btn{width:100%}.header-background-preview-image{aspect-ratio:16 / 3}.preview-logo{font-size:var(--text-base)}.preview-buttons{display:none}}.settings-info-box{margin-bottom:24px;padding:12px;background:var(--color-info-50);border-radius:8px;font-size:13px;color:var(--color-info-900)}:root[data-theme=dark] .settings-info-box{background:#3b82f61a;color:var(--color-info-200)}:root[data-theme=dark] .settings-storage-info{background:var(--color-gray-800)}:root[data-theme=dark] .settings-section{box-shadow:0 2px 4px #0000004d}.court-setup label{color:var(--color-text-primary)!important}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}:root[data-theme=dark] .form-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5e7eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}:root{--glass-bg: rgba(31, 12, 48, .7);--glass-border: rgba(253, 185, 39, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--accent-gradient: linear-gradient(135deg, #552583 0%, #30104d 100%);--accent-glow: 0 0 20px rgba(253, 185, 39, .4);--text-primary: #f3f4f6;--text-secondary: #d1d5db}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#1f0c30;background-image:radial-gradient(at 0% 0%,rgba(85,37,131,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(253,185,39,.1) 0px,transparent 50%);font-family:Inter,system-ui,sans-serif;overflow:hidden;position:relative}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.6}.blob-1{top:-10%;left:-10%;width:500px;height:500px;background:#5525834d;animation:float 20s infinite ease-in-out}.blob-2{bottom:-10%;right:-10%;width:500px;height:500px;background:#10b98133;animation:float 25s infinite ease-in-out reverse}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(30px,50px) rotate(10deg)}to{transform:translate(0) rotate(0)}}.auth-card-container{width:100%;max-width:420px;perspective:1000px;z-index:10;margin:1rem}.auth-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;padding:2.5rem;width:100%;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);opacity:.8}.auth-logo-wrapper{display:flex;justify-content:center;margin-bottom:2rem;position:relative}.auth-logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(253,185,39,.3) 0%,transparent 70%);border-radius:50%;z-index:-1}.auth-title{font-size:1.875rem;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:.5rem;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#fde047);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.auth-form-group{margin-bottom:1.25rem}.auth-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem;margin-left:.25rem}.auth-input-wrapper{position:relative}.auth-input{width:100%;padding:.875rem 1rem;background:#0f172a99;border:1px solid rgba(75,85,99,.5);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s ease;outline:none}.auth-input:focus{border-color:#fdb927;box-shadow:0 0 0 3px #fdb9271a;background:#1f0c30cc}.auth-input::placeholder{color:#6b7280}.auth-button{width:100%;padding:.875rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #5525834d;margin-top:1rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66;filter:brightness(1.1)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{background:#334155;color:#94a3b8;cursor:not-allowed;box-shadow:none}.auth-switch-container{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.auth-switch-text{color:var(--text-secondary);font-size:.95rem}.auth-switch-btn{background:none;border:none;color:#fdb927;font-weight:600;cursor:pointer;margin-left:.5rem;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.auth-switch-btn:hover{color:#fde047;background:#fdb9271a}.gold-q{color:#fdb927;font-weight:inherit}.auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.password-strength{height:4px;margin-top:8px;border-radius:2px;transition:all .3s;background:#374151;overflow:hidden}.password-strength-bar{height:100%;width:0;transition:all .3s}.branding-footer{padding:1rem;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.branding-footer-content{display:flex;align-items:center;justify-content:center;gap:12px}.branding-text{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:1px}.branding-logo-wrapper{display:flex;align-items:center;gap:8px}.branding-logo-img{height:20px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.branding-logo-text{display:flex;align-items:center;line-height:1}.branding-logo-text .logo-text-smart{font-size:14px;font-weight:700;color:#fff}.branding-logo-text .logo-text-q{font-size:14px;font-weight:800;color:var(--color-secondary-500)}:root{--color-primary-500: #667eea;--color-primary-600: #5a67d8;--color-surface-primary: #ffffff;--color-surface-secondary: #f8fafc;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-500: #6b7280;--color-gray-900: #111827;--font-primary: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-base: 1rem;--text-sm: .875rem;--font-medium: 500;--font-semibold: 600;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--color-gray-900);background-color:var(--color-surface-secondary)}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--color-surface-primary)}.app-header{display:none!important}.app-main{flex:1;overflow-y:auto;padding:0;background:var(--color-surface-secondary)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-500);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;z-index:10000}.skip-link:focus{top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:.5rem;font-weight:var(--font-medium);font-size:var(--text-sm);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;text-decoration:none}.btn--primary{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-primary-600);box-shadow:var(--shadow-md)}.card{background:var(--color-surface-primary);border-radius:.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary-500);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}header.app-header-new{background:#1e3a5f!important;color:#fff!important;padding:12px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:60px!important;width:100%!important}div.tabs-new{display:flex!important;background:#fff!important;border-bottom:1px solid #e0e0e0!important;width:100%!important}.tab-new{padding:12px 20px!important;background:#fff!important;color:#333!important;border:none!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;text-transform:uppercase!important;display:flex!important;align-items:center!important;gap:8px!important}.tab-new.active{background:#000!important;color:#fff!important}