@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg0: #07111f;--bg1: #0d1728;--bg2: #13213a;--glass: rgba(255, 255, 255, .12);--glass2: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .16);--stroke2: rgba(255, 255, 255, .1);--text: #EAF0FF;--muted: rgba(234, 240, 255, .72);--faint: rgba(234, 240, 255, .42);--c-cyan: #4fd9ff;--c-mag: #ff5db8;--c-lime: #b8ff5c;--c-amber: #ffbd59;--c-red: #FF4D4D;--c-tournament: #b91c7a;--shadow: 0 24px 60px rgba(1, 9, 22, .42);--glow-cyan: 0 0 0 1px rgba(79, 217, 255, .2), 0 12px 30px rgba(79, 217, 255, .18);--glow-mag: 0 0 0 1px rgba(255, 93, 184, .2), 0 12px 30px rgba(255, 93, 184, .16);--glow-lime: 0 0 0 1px rgba(184, 255, 92, .18), 0 12px 30px rgba(184, 255, 92, .14);--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-display: "Space Grotesk", var(--font-ui);--ease: cubic-bezier(.2, .8, .2, 1);--t: .18s var(--ease);--sidebar-w: 288px;--content-max: 1650px;--btn-padding: 6px 10px;--btn-font-size: 12px;--btn-radius: 10px;--btn-gap: 6px;--btn-min-height: 30px;--ui-radius: 12px;--ui-pad-sm: 12px;--ui-pad-md: 16px;--ui-btn-height: 36px;--ui-card-gap: 12px;--ui-grid-gap: 16px;--modal-padding: 24px;--modal-max-width: 600px;--modal-radius: var(--r-lg);--modal-gap: 18px;--modal-title-size: 1.25rem;--modal-footer-gap: 12px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--shadow-sm: 0 10px 26px rgba(0, 0, 0, .35);--color-bg: transparent;--color-surface: rgba(255, 255, 255, .05);--color-surface-secondary: rgba(255, 255, 255, .07);--color-surface-hover: rgba(255, 255, 255, .08);--color-border: var(--stroke2);--color-text-primary: var(--text);--color-text-secondary: var(--muted);--color-text-muted: var(--faint);--color-accent: var(--c-cyan);--color-primary: var(--c-cyan);--color-success: var(--c-lime);--color-info: var(--c-cyan);--color-danger: var(--c-red);--color-error: var(--c-red);--parent-nav-bg: rgba(11, 16, 32, .85);--parent-nav-border: var(--stroke);--parent-nav-glow: var(--glow-cyan)}*{box-sizing:border-box}html,body,#root{min-height:100%;height:auto!important;overflow:visible!important}body{margin:0;font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 800px at 15% 10%,rgba(79,217,255,.18),transparent 55%),radial-gradient(900px 700px at 80% 25%,rgba(255,93,184,.16),transparent 55%),radial-gradient(900px 700px at 45% 85%,rgba(184,255,92,.12),transparent 60%),var(--bg0);background-attachment:fixed}[data-theme=light]{--bg0: #eaf4ff;--bg1: #d6e8ff;--bg2: #c7def7;--glass: rgba(255, 255, 255, .72);--glass2: rgba(255, 255, 255, .56);--stroke: rgba(43, 54, 72, .14);--stroke2: rgba(43, 54, 72, .1);--text: #121826;--muted: rgba(18, 24, 38, .68);--faint: rgba(18, 24, 38, .46);--shadow: 0 18px 55px rgba(20, 30, 50, .18);--glow-cyan: 0 0 0 1px rgba(53, 209, 255, .18), 0 0 26px rgba(53, 209, 255, .16);--glow-mag: 0 0 0 1px rgba(255, 61, 206, .14), 0 0 26px rgba(255, 61, 206, .14);--glow-lime: 0 0 0 1px rgba(182, 255, 61, .16), 0 0 26px rgba(182, 255, 61, .12);--parent-nav-bg: rgba(255, 255, 255, .88);--parent-nav-border: rgba(43, 54, 72, .2);--parent-nav-glow: 0 0 0 1px rgba(53, 209, 255, .25), 0 0 20px rgba(53, 209, 255, .15);--container-bg: #FAFAFA;--data-card-bg: #EBEBEB;--action-card-bg: #D2E5EF;--card-bg-glass: linear-gradient(135deg, rgba(235, 235, 235, .9) 0%, rgba(235, 235, 235, .75) 100%)}[data-theme=light] .btn{border-color:#2b364847;box-shadow:0 2px 8px #00000014}[data-theme=light] .btn:hover{border-color:#2b364866;box-shadow:0 4px 12px #0000001a}[data-theme=light] .btn.ghost{border-color:#2b36482e;box-shadow:0 1px 4px #0000000f}[data-theme=light] .btn.ghost:hover{border-color:#2b36484d;box-shadow:0 2px 8px #00000014}[data-theme=light] .btn.primary,[data-theme=light] .btn.cyan{background:#146e9661!important;border-color:#146e968c!important;color:#0d3d52!important;box-shadow:0 2px 12px #146e9640,0 0 0 1px #146e9633}[data-theme=light] .btn.primary:hover,[data-theme=light] .btn.cyan:hover{background:#146e967a!important;border-color:#146e96a6!important;box-shadow:0 4px 16px #146e964d,0 0 0 1px #146e9640}[data-theme=light] .btn.magenta{background:#641e4b52!important;border-color:#641e4b80!important;color:#4a1535!important;box-shadow:0 2px 12px #641e4b33,0 0 0 1px #641e4b26}[data-theme=light] .btn.magenta:hover{background:#641e4b6b!important;border-color:#641e4b99!important;box-shadow:0 4px 16px #641e4b40,0 0 0 1px #641e4b33}[data-theme=light] .btn.lime{background:#46642359!important;border-color:#46642380!important;color:#2d5016!important;box-shadow:0 2px 12px #46642338,0 0 0 1px #4664232e}[data-theme=light] .btn.lime:hover{background:#46642373!important;border-color:#46642399!important;box-shadow:0 4px 16px #46642347,0 0 0 1px #46642338}[data-theme=light] .select-primary{border-color:#2b364838;box-shadow:0 2px 6px #0000000f}[data-theme=light] .select-primary:hover{border-color:#2b364859;box-shadow:0 2px 8px #00000014}[data-theme=light] .card.container,[data-theme=light] .panel.container{background:var(--container-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#2b36483d;box-shadow:0 2px 12px #00000014}[data-theme=light] .card.data-card{background:var(--data-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#2b364833;box-shadow:0 2px 8px #0000000f}[data-theme=light] .action-card,[data-theme=light] .quick-card{background:var(--action-card-bg)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#2b364838;box-shadow:0 2px 8px #0000000f}[data-theme=light] .action-card:hover,[data-theme=light] .quick-card:hover{background:#d2e5eff2!important;border-color:#2b36484d;box-shadow:0 4px 12px #00000014}[data-theme=light] .card:not(.container):not(.data-card),[data-theme=light] .panel:not(.container){background:var(--card-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#2b36483d;box-shadow:0 2px 12px #00000014}[data-theme=light] .ui-btn{border-color:#2b364847;box-shadow:0 2px 8px #00000014}[data-theme=light] .ui-btn.ui-btn-primary{background:#146e9661;border-color:#146e968c;color:#0d3d52;box-shadow:0 2px 12px #146e9640,0 0 0 1px #146e9633}[data-theme=light] .ui-btn.ui-btn-danger{background:#78232338;border-color:#8c2d2d66;color:#8b2020}[data-theme=light] .ui-card,[data-theme=light] .ui-glass-panel{background:var(--card-bg-glass);border-color:#2b36483d;box-shadow:0 2px 12px #00000014}[data-theme=light] .ui-card.ui-card-data{background:var(--data-card-bg);border-color:#2b364833;box-shadow:0 2px 8px #0000000f}.section-header{border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .section-header{border-bottom-color:#2b36482e}.inner-card{border-radius:14px}.event-card{text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0;border-radius:16px}.event-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 4px #0003}[data-theme=light] .inner-card{background:var(--data-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#2b364833;box-shadow:0 2px 8px #0000000d}[data-theme=light] .event-card{background:var(--action-card-bg)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#2b364838;box-shadow:0 2px 8px #0000000f}[data-theme=light] .event-card:hover{background:#d2e5eff2!important;border-color:#2b36484d;box-shadow:0 4px 12px #00000014}[data-theme=light] body{background:radial-gradient(1200px 800px at 15% 10%,rgba(53,209,255,.18),transparent 55%),radial-gradient(900px 700px at 80% 25%,rgba(255,61,206,.1),transparent 55%),radial-gradient(900px 700px at 45% 85%,rgba(182,255,61,.08),transparent 60%),linear-gradient(180deg,#fffc,#f4ece099),var(--bg0)}.aurora{position:fixed;inset:-20%;pointer-events:none;filter:blur(50px);opacity:.55;z-index:-1}.aurora:before,.aurora:after{content:"";position:absolute;width:560px;height:560px;border-radius:999px}.aurora:before{left:10%;top:16%;background:radial-gradient(circle at 30% 30%,rgba(53,209,255,.55),transparent 60%)}.aurora:after{right:8%;top:8%;background:radial-gradient(circle at 40% 40%,rgba(255,61,206,.5),transparent 60%)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;height:auto}.sidebar{padding:18px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff0f,#ffffff08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;margin-bottom:12px}.brand .logo{width:36px;height:36px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#35d1ffe6,#ff3dceb3);box-shadow:var(--glow-cyan)}.brand .title{font-family:var(--font-display);font-weight:700;line-height:1.05}.brand .meta{font-size:12px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:6px;margin-top:10px}.nav-section{display:flex;flex-direction:column;gap:6px}.nav .group-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#eaf0ff75;margin:12px 10px 6px}.nav a{display:flex;width:100%;text-decoration:none;color:var(--muted);padding:10px 12px;border-radius:14px;border:1px solid transparent;transition:transform var(--t),background var(--t),border-color var(--t),color var(--t)}.nav a:hover{color:var(--text);background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.nav a.active{color:var(--text);background:linear-gradient(180deg,#35d1ff1f,#ffffff0d);border-color:#35d1ff38;box-shadow:var(--glow-cyan)}.sidebar .footer{margin-top:14px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--muted);font-size:12px}.main{padding:20px 24px;height:auto!important;overflow:visible!important;min-height:100vh}.main-inner{width:100%;max-width:var(--content-max);margin:0 auto}.panel{width:100%;max-width:100%;margin:0 auto;background:linear-gradient(180deg,var(--glass),rgba(255,255,255,.14));border:1px solid var(--stroke2);border-radius:var(--r-lg);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}@media(max-width:780px){.topbar{flex-wrap:wrap}}.h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:20px}.sub{color:var(--muted);font-size:12px;margin-top:3px}.card{background:linear-gradient(180deg,#ffffff24,#ffffff14);border:1px solid var(--stroke2);border-radius:var(--r-lg);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card.pad{padding:14px}.quick-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-cards-compact{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1200px){.quick-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.quick-cards{grid-template-columns:1fr}}.quick-card{width:100%;text-align:left;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow-sm);color:var(--text);padding:12px;cursor:pointer;transition:transform var(--t),background var(--t),border-color var(--t)}.quick-card:hover{transform:translateY(-1px);border-color:#ffffff29;background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.quick-card .k{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.quick-card .v{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;font-size:15px}.quick-card .d{margin-top:4px;color:var(--muted);font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title .t{font-family:var(--font-display);font-weight:650;font-size:15px}.section-title .m{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.dashboard-grid{align-items:flex-start}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}.note-row{padding:12px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:minmax(220px,1.2fr) 2fr auto;gap:14px;align-items:center}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.reports-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.metrics-grid{grid-template-columns:1fr}}@media(max-width:1400px){.dashboard-grid .col-3{grid-column:span 6}.dashboard-grid .col-8,.dashboard-grid .col-4{grid-column:span 12}}@media(max-width:1200px){.app.app--nav-early-collapse{grid-template-columns:1fr}.app.app--nav-early-collapse .sidebar{position:fixed;left:0;top:0;z-index:12000;width:var(--sidebar-w);height:100vh;transform:translate(-100%);transition:transform .3s var(--ease);box-shadow:20px 0 50px #00000080}.app.app--nav-early-collapse .sidebar.open{transform:translate(0)}.app.app--nav-early-collapse .main{padding:16px;width:100%}.app.app--nav-early-collapse .main-inner{max-width:100%}.sidebar-overlay.sidebar-overlay--nav-early-collapse{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11999;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.sidebar-overlay--nav-early-collapse.open{opacity:1;pointer-events:auto}.app.app--nav-early-collapse .menu-trigger{display:flex}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:12000;width:var(--sidebar-w);height:100vh;transform:translate(-100%);transition:transform .3s var(--ease);box-shadow:20px 0 50px #00000080}.sidebar.open{transform:translate(0)}.main{padding:16px;width:100%}.main-inner{max-width:100%}.sidebar-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11999;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.open{opacity:1;pointer-events:auto}.grid{grid-template-columns:repeat(6,1fr)}.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-12{grid-column:span 6}.note-row{grid-template-columns:1fr;align-items:stretch}.note-row>div:last-child{justify-content:flex-start}}.menu-trigger{display:none;width:40px;height:40px;align-items:center;justify-content:center;font-size:24px;background:var(--glass);border:1px solid var(--stroke);border-radius:10px;cursor:pointer;color:var(--text)}@media(max-width:900px){.menu-trigger{display:flex}}.input{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text);padding:10px 12px;outline:none;transition:box-shadow var(--t),border-color var(--t),background var(--t);font-size:14px;box-sizing:border-box}.label{display:block;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,rgba(234,240,255,.65) 50%),linear-gradient(135deg,rgba(234,240,255,.65) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px;background-repeat:no-repeat}textarea.input{min-height:84px;resize:vertical;line-height:1.45;font-size:13px}.input::placeholder{color:#eaf0ff73}.input:focus{border-color:#35d1ff47;box-shadow:var(--glow-cyan);background:#ffffff0f}[data-theme=light] .modal-form .input,[data-theme=light] .modal-form .select-primary{background:var(--data-card-bg);border-color:#2b364838;box-shadow:0 1px 4px #0000000a}[data-theme=light] .modal-form .input:focus,[data-theme=light] .modal-form .select-primary:focus-within{border-color:#2b364859;box-shadow:0 2px 8px #0000000f}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid-2 .span-2{grid-column:1 / -1}.modal-overlay{position:fixed;inset:0;background:radial-gradient(circle at top,rgba(79,217,255,.12),transparent 35%),#030812ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-overlay--compact{padding:12px}.modal-inner--compact{--modal-padding: 16px}.modal-inner--compact .modal-header{padding:10px var(--modal-padding) 8px}.modal-inner--compact .modal-body{padding:4px var(--modal-padding) 8px}.modal-inner--compact .modal-footer{padding:10px var(--modal-padding) 12px}.modal-inner--compact .player-edit-modal-body{gap:12px}.modal-header,.modal-footer{position:sticky;z-index:2;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-header{top:0;padding:14px var(--modal-padding) 10px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-body{padding:8px var(--modal-padding)}.modal-footer{bottom:0;padding:12px var(--modal-padding) 14px;border-top:1px solid rgba(255,255,255,.08)}.player-edit-modal-body{display:flex;flex-direction:column;gap:14px;max-width:780px;margin:0 auto}.player-edit-modal-body .input,.player-edit-modal-body .select-primary{height:34px;min-height:34px;box-sizing:border-box}.player-edit-modal-body .input{padding-top:0;padding-bottom:0}.player-form-section{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff08}.player-form-section-toggle{width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.player-form-section-title{font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.player-form-section-summary{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.player-form-section-content{padding:0 14px 14px}.player-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-form-grid .span-2{grid-column:1 / -1}.player-form-row{display:grid;gap:12px}.player-form-row.identity-3{grid-template-columns:2fr 1fr 1fr}.player-form-row.football-4{grid-template-columns:repeat(4,minmax(0,1fr))}.player-form-row.club-3{grid-template-columns:repeat(3,minmax(0,1fr))}.quiet-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip-token{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(53,209,255,.28);background:#35d1ff1f;color:var(--text)}.chip-token button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;line-height:1;padding:0}.role-multi-wrap{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;padding:8px}.role-multi-options{margin-top:8px;max-height:180px;overflow:auto;display:grid;grid-template-columns:1fr;gap:6px}.role-multi-option{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}@media(max-width:780px){.form-grid-2{grid-template-columns:1fr}.form-grid-2 .span-2{grid-column:auto}.compact-form-grid,.compact-form-grid-3,.acl-grid,.plan-shell,.plan-feature-grid,.reports-metrics-grid,.quick-cards-compact,.dashboard-strip,.dashboard-row-2{grid-template-columns:1fr}.compact-form-grid .span-2,.compact-form-grid-3 .span-2,.compact-form-grid-3 .span-3{grid-column:auto}}@media(max-width:860px){.player-form-grid{grid-template-columns:1fr}.player-form-grid .span-2{grid-column:auto}.player-form-row.identity-3,.player-form-row.football-4,.player-form-row.club-3{grid-template-columns:1fr}}@media(max-width:640px){.modal-overlay{padding:0;align-items:stretch}.modal-overlay.modal-overlay--compact{padding:0}.modal-inner{max-width:100vw!important;width:100vw!important;max-height:100dvh!important;height:100dvh;border-radius:0!important}.modal-header{padding:12px 14px 10px}.modal-body{padding:8px 14px}.modal-footer{padding:10px 14px 12px;flex-wrap:wrap}.modal-inner--compact .modal-header{padding:12px 14px 10px}.modal-inner--compact .modal-body{padding:6px 12px 8px}.modal-inner--compact .modal-footer{padding:10px 14px 12px}.player-form-section-summary{max-width:180px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);padding:var(--btn-padding);min-height:var(--btn-min-height);font-size:var(--btn-font-size);border-radius:var(--btn-radius);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);cursor:pointer;transition:transform var(--t),box-shadow var(--t),border-color var(--t),background var(--t);-webkit-user-select:none;user-select:none}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:saturate(.7)}.btn:disabled:hover,.btn[disabled]:hover{transform:none;border-color:#ffffff1a;background:#ffffff0d}.btn:hover{transform:translateY(-1px);border-color:#ffffff29;background:#ffffff12}.btn:active{transform:translateY(0)}.btn.primary{border-color:#35d1ff38;background:linear-gradient(180deg,#35d1ff2e,#ffffff0d);box-shadow:var(--glow-cyan)}.btn.magenta{border-color:#ff3dce38;background:linear-gradient(180deg,#ff3dce29,#ffffff0d);box-shadow:var(--glow-mag)}.btn.lime{border-color:#b6ff3d2e;background:linear-gradient(180deg,#b6ff3d24,#ffffff0d);box-shadow:var(--glow-lime)}.btn.cyan{border-color:#35d1ff38;background:linear-gradient(180deg,#35d1ff2e,#ffffff0d);box-shadow:var(--glow-cyan)}.btn.ghost{background:transparent}.btn.danger{border-color:#ff4d4d47;color:#ff4d4df2;background:linear-gradient(180deg,#ff4d4d1a,#ffffff08);box-shadow:0 0 0 1px #ff4d4d24,0 0 22px #ff4d4d1f}.btn.danger:hover{border-color:#ff4d4d66;background:linear-gradient(180deg,#ff4d4d24,#ffffff0a)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);padding:0 var(--ui-pad-sm);min-height:var(--ui-btn-height);font-size:var(--btn-font-size);border-radius:var(--ui-radius);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);cursor:pointer;transition:transform var(--t),box-shadow var(--t),border-color var(--t),background var(--t);-webkit-user-select:none;user-select:none}.ui-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ui-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff29;background:#ffffff12}.ui-btn:active:not(:disabled){transform:translateY(0)}.ui-btn.ui-btn-primary{border-color:#35d1ff38;background:linear-gradient(180deg,#35d1ff2e,#ffffff0d);box-shadow:var(--glow-cyan)}.ui-btn.ui-btn-primary:hover:not(:disabled){border-color:#35d1ff59;background:linear-gradient(180deg,#35d1ff3d,#ffffff0f)}.ui-btn.ui-btn-secondary{border-color:#ffffff24;background:#ffffff0f}.ui-btn.ui-btn-secondary:hover:not(:disabled){border-color:#fff3;background:#ffffff17}.ui-btn.ui-btn-danger{border-color:#ff4d4d47;color:#ff4d4df2;background:linear-gradient(180deg,#ff4d4d1a,#ffffff08);box-shadow:0 0 0 1px #ff4d4d24,0 0 22px #ff4d4d1f}.ui-btn.ui-btn-danger:hover:not(:disabled){border-color:#ff4d4d66;background:linear-gradient(180deg,#ff4d4d24,#ffffff0a)}.ui-btn.ui-btn-ghost{background:transparent}.ui-btn.ui-btn-ghost:hover:not(:disabled){background:#ffffff0d}.ui-card{background:linear-gradient(180deg,#ffffff24,#ffffff14);border:1px solid var(--stroke2);border-radius:var(--ui-radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:var(--ui-card-gap)}.ui-card.ui-card-compact{padding:var(--ui-pad-sm)}.ui-card.ui-card-default{padding:var(--ui-pad-md)}.ui-card.ui-card-glass{background:linear-gradient(180deg,var(--glass),var(--glass2));border-color:var(--stroke)}.ui-card.ui-card-data{background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border-color:#ffffff14}.ui-glass-panel{background:linear-gradient(180deg,var(--glass),var(--glass2));border:1px solid var(--stroke);border-radius:var(--ui-radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:var(--ui-pad-md)}input[type=checkbox]{accent-color:var(--c-cyan)}.input:disabled,.input[disabled]{opacity:.65;cursor:not-allowed}.select-primary{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text);height:34px;padding:0 12px;box-sizing:border-box;outline:none;transition:box-shadow var(--t),border-color var(--t),background var(--t);cursor:pointer;font-size:14px}.select-primary:hover{border-color:#ffffff29;background:#ffffff0f}.select-primary:focus-within{border-color:#35d1ff47;box-shadow:var(--glow-cyan);background:#ffffff0f}.dropdown-panel{background:linear-gradient(180deg,#0e182ae0,#090f1cd6);border:1px solid var(--stroke);box-shadow:0 22px 50px #0000006b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:13050!important}.dropdown-option{color:var(--muted)}.dropdown-option-active{background-color:#ffffff14!important;color:var(--text)!important}.dropdown-option:not(.dropdown-option-active):hover{background-color:#ffffff0f!important;color:var(--text)!important}[data-theme=light] .dropdown-panel{background-color:#fffffffa;border:1px solid rgba(43,54,72,.22);box-shadow:0 16px 40px #0000001f}[data-theme=light] .dropdown-option{color:var(--muted)}[data-theme=light] .dropdown-option-active,[data-theme=light] .dropdown-option:not(.dropdown-option-active):hover{background-color:#2b364814!important;color:var(--text)!important}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted)}.badge.cyan{border-color:#35d1ff38;color:#35d1ffeb}.badge.mag{border-color:#ff3dce38;color:#ff3dceeb}.badge.lime{border-color:#b6ff3d2e;color:#b6ff3deb}.badge.amb{border-color:#ffb02038;color:#ffb020eb}.badge.red{border-color:#ff4d4d47;color:#ff4d4df2;background:#ff4d4d14}[data-theme=light] .badge.lime{background:#46642338!important;border-color:#46642359!important;color:#2d5016!important}[data-theme=light] .badge.red{background:#78232338!important;border-color:#8c2d2d66!important;color:#8b2020!important}[data-theme=light] .badge.cyan{background:#195a7838!important;border-color:#195a7866!important;color:#0d3d52!important}[data-theme=light] .badge.mag{background:#641e4b2e!important;border-color:#641e4b59!important}[data-theme=light] .badge.amb{background:#64461933!important;border-color:#64461966!important}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:0 10px 2px}.table td{padding:7px 10px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.table tr td:first-child{border-left:1px solid rgba(255,255,255,.08);border-top-left-radius:12px;border-bottom-left-radius:12px}.table tr td:last-child{border-right:1px solid rgba(255,255,255,.08);border-top-right-radius:12px;border-bottom-right-radius:12px}[data-theme=light] .table td{background:#ffffffa6;border-color:#2b364838}[data-theme=light] .table tr td:first-child{border-left-color:#2b364833;border-top-left-radius:14px;border-bottom-left-radius:14px}[data-theme=light] .table tr td:last-child{border-right-color:#2b364833;border-top-right-radius:14px;border-bottom-right-radius:14px}.table-players-list{table-layout:fixed;width:100%}.table-players-list th{font-size:13px}.table-players-list td{font-size:15px}.table-players-list th,.table-players-list td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-players-directory th,.table-players-directory td{text-align:center}.table-players-directory th:nth-child(3),.table-players-directory td:nth-child(3),.table-players-directory th:nth-child(4),.table-players-directory td:nth-child(4){text-align:left}.table-players-directory th:nth-child(1),.table-players-directory td:nth-child(1){width:44px}.table-players-directory th:nth-child(2),.table-players-directory td:nth-child(2){width:64px}.table-players-directory th:nth-child(3),.table-players-directory td:nth-child(3){width:224px}.table-players-directory th:nth-child(4),.table-players-directory td:nth-child(4){width:148px}.table-players-directory th:nth-child(5),.table-players-directory td:nth-child(5){width:72px}.table-players-directory th:nth-child(6),.table-players-directory td:nth-child(6){width:80px}.table-players-directory th:nth-child(7),.table-players-directory td:nth-child(7){width:80px}.table-players-directory th:nth-child(8),.table-players-directory td:nth-child(8){width:178px}.table-players-directory th:nth-child(9),.table-players-directory td:nth-child(9){width:80px}.table-players-directory th:nth-child(10),.table-players-directory td:nth-child(10){width:104px}@media(max-width:1024px){.table-players-list .players-list-col--hide-sm{display:none!important}}.table-team-players th,.table-team-players td{text-align:center}.table-team-players th:nth-child(3),.table-team-players td:nth-child(3),.table-team-players th:nth-child(4),.table-team-players td:nth-child(4){text-align:left}.table-team-players th:nth-child(1),.table-team-players td:nth-child(1){width:44px}.table-team-players th:nth-child(2),.table-team-players td:nth-child(2){width:64px}.table-team-players th:nth-child(3),.table-team-players td:nth-child(3){width:224px}.table-team-players th:nth-child(4),.table-team-players td:nth-child(4){width:149px}.table-team-players th:nth-child(5),.table-team-players td:nth-child(5){width:73px}.table-team-players th:nth-child(6),.table-team-players td:nth-child(6){width:81px}.table-team-players th:nth-child(7),.table-team-players td:nth-child(7){width:81px}.table-team-players th:nth-child(8),.table-team-players td:nth-child(8){width:81px}.table-team-players th:nth-child(9),.table-team-players td:nth-child(9){width:105px}.table-team-players th:nth-child(10),.table-team-players td:nth-child(10){width:58px}.table-list-large th{font-size:13px}.table-list-large td{font-size:15px}.table-staff tbody td{padding-top:14px;padding-bottom:14px;vertical-align:middle}.compact-table td{padding-top:8px;padding-bottom:8px}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.split-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-summary{display:flex;align-items:center;gap:12px}.settings-stack{display:flex;flex-direction:column;gap:10px}.compact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-form-grid .span-2{grid-column:1 / -1}.compact-form-grid-3 .span-2{grid-column:span 2}.compact-form-grid-3 .span-3{grid-column:1 / -1}.card-title{font-size:13px;font-weight:800}.helper-text{color:var(--muted);font-size:12px;line-height:1.45}.toggle-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.settings-note-card{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;padding:10px 12px;cursor:pointer;transition:border-color var(--t),background var(--t),transform var(--t)}.settings-note-card:hover{transform:translateY(-1px);border-color:#ffffff24;background:#ffffff14}.color-field{display:flex;align-items:center;gap:8px}.color-field input[type=color]{width:44px;height:38px;padding:3px;border-radius:12px;border:1px solid var(--color-border);background:#ffffff14}.plan-feature-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.plan-shell{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;align-items:start}.plan-shell-main,.plan-shell-features{min-width:0}.plan-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-feature-item{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:8px;font-size:13px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a}.acl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.acl-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.reports-breakdown{display:flex;flex-direction:column;gap:8px}.reports-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.dashboard-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.dashboard-row-2>.card{height:100%}.dashboard-chip{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);color:var(--text);text-align:left;padding:10px 12px;min-height:74px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;cursor:pointer;transition:border-color var(--t),transform var(--t),background var(--t)}.dashboard-chip:hover{border-color:#fff3;background:linear-gradient(180deg,#ffffff1c,#ffffff0d);transform:translateY(-1px)}.dashboard-chip-k{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.dashboard-chip-v{font-size:18px;font-family:var(--font-display);line-height:1}.dashboard-chip-v-action{font-family:var(--font-ui);font-size:13px;line-height:1.15;font-weight:800;letter-spacing:0;text-transform:uppercase}.dashboard-equal-card{min-height:226px}@media(max-width:1200px){.dashboard-row-2{grid-template-columns:1fr}.dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-equal-card{min-height:auto}}@media(max-width:760px){.dashboard-strip{grid-template-columns:1fr}.dashboard-chip{min-height:60px;padding:9px 10px;gap:2px}.dashboard-chip-k{font-size:9px;letter-spacing:.06em}.dashboard-chip-v{font-size:15px}.dashboard-chip-v-action{font-size:12px}}.skeleton-row td{background:#ffffff08!important;border-color:#ffffff0d!important}.skeleton-text{display:inline-block;width:60%;max-width:200px;height:14px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite;border-radius:4px;vertical-align:middle}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:12px;cursor:pointer;transition:all .2s;position:relative}.chip:hover{border-color:#fff3;background:#ffffff14;color:var(--text)}.chip.active{border-color:#35d1ff66;background:#35d1ff26;color:var(--text);box-shadow:0 0 0 1px #35d1ff38,0 0 12px #35d1ff26}#playerBoardRoot .chip[data-cat=D]{border-color:#3b82f673}#playerBoardRoot .chip[data-cat=P]{border-color:#22c55e73}#playerBoardRoot .chip[data-cat=A]{border-color:#f9731673}#playerBoardRoot .chip[data-cat=S]{border-color:#a855f773}#playerBoardRoot .chip[data-cat=O]{border-color:#94a3b873}#playerBoardRoot .chip[data-cat=E]{border-color:#eab30873}#playerBoardRoot .chip[data-cat]{border-width:2px}#playerBoardRoot .chip[data-cat=D].active{box-shadow:0 0 0 1px #3b82f640,0 0 12px #3b82f62e}#playerBoardRoot .chip[data-cat=P].active{box-shadow:0 0 0 1px #22c55e40,0 0 12px #22c55e2e}#playerBoardRoot .chip[data-cat=A].active{box-shadow:0 0 0 1px #f9731640,0 0 12px #f973162e}#playerBoardRoot .chip[data-cat=S].active{box-shadow:0 0 0 1px #a855f740,0 0 12px #a855f72e}#playerBoardRoot .chip[data-cat=O].active{box-shadow:0 0 0 1px #94a3b840,0 0 12px #94a3b82e}#playerBoardRoot .chip[data-cat=E].active{box-shadow:0 0 0 1px #eab30840,0 0 12px #eab3082e}.chip[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 8px);width:max-content;max-width:240px;background:var(--bg1);color:var(--text);padding:8px 12px;border-radius:var(--r-sm);font-size:11px;line-height:1.4;z-index:9999;box-shadow:0 10px 22px #0000004d;white-space:normal;border:1px solid var(--stroke);text-align:center;pointer-events:none}.chip.tip-right[data-tooltip]:hover:after{left:auto;right:0;transform:none}.chip.tip-top[data-tooltip]:hover:after{top:auto;bottom:calc(100% + 8px)}.chip strong{color:var(--text);font-weight:650}.record-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 96px)}.record{width:min(520px,92vw);aspect-ratio:1/1;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 25%,rgba(53,209,255,.22),transparent 60%),radial-gradient(circle at 70% 65%,rgba(255,61,206,.18),transparent 60%),#ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow),var(--glow-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--t),box-shadow var(--t);-webkit-user-select:none;user-select:none}.record:hover{transform:translateY(-2px) scale(1.01)}.record:active{transform:translateY(0) scale(1)}.record .inner{width:62%;aspect-ratio:1/1;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ff3dcebf,#35d1ffa6);box-shadow:var(--glow-mag);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:750;letter-spacing:-.02em}.record .inner span{font-size:18px}.record-hint{text-align:center;margin-top:14px;color:var(--muted);font-size:13px}.pink{--tagger-pad: 16px;--tagger-gap: 14px;--tagger-header-h: 48px;--tagger-playback-h: 72px;--tagger-tags-h: 150px;--tagger-tools-w: 60px;--tagger-right-w: 300px;--tagger-min-video-w: 640px;--tagger-min-video-h: 360px;width:100%;height:calc(100vh - 100px);min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.frame{padding:var(--tagger-pad);overflow:hidden;min-height:0;align-self:stretch;display:flex;flex-direction:column;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.board{display:grid;grid-template-columns:var(--tagger-tools-w) auto var(--tagger-right-w);grid-template-rows:var(--tagger-header-h) 1fr auto var(--tagger-playback-h) var(--tagger-tags-h);grid-template-areas:"header   header   header" "toolsTop video    rightTop" "toolsBottom timeline rightTop" "toolsBottom playback rightTop" "toolsBottom tags     rightBottom";gap:var(--tagger-gap);flex:1;min-width:0;min-height:0}.board-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:48px;flex-shrink:0}.board-leftTools{display:grid;grid-template-rows:auto;gap:4px;padding:10px;background:#0003;border-right:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.board-leftTools--top{grid-area:toolsTop}.board-leftTools--bottom{grid-area:toolsBottom}.board-leftTools-content{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:0;overflow-y:auto}.videoSlot,.board-video{grid-area:video;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;background:#000;border-radius:12px}.videoSlot .videoWrap,.board-video .videoWrap{flex:0 0 auto;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;aspect-ratio:16 / 9;border-radius:12px}.board-timeline{grid-area:timeline;display:flex;justify-content:center;align-items:center;padding:4px 8px;background:#2d2d2d;border-top:1px solid rgba(255,255,255,.06);border-radius:12px 12px 0 0;overflow:hidden;margin-bottom:calc(-1 * var(--tagger-gap))}.board-playback{grid-area:playback;display:flex;align-items:center;justify-content:center;background:#2d2d2d;border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 12px 12px;overflow:hidden}.board-tags{grid-area:tags;display:flex;flex-direction:column;padding:12px 16px;min-height:0;overflow:auto;border-top:1px solid rgba(255,255,255,.06);pointer-events:auto}.board-tags .chip{pointer-events:auto;cursor:pointer}.pink.team-mode{--tagger-right-w: 360px;--tagger-min-video-w: 580px;--tagger-min-video-h: 326px;--tagger-tags-h: 260px}.team-board-group{display:flex;flex-direction:column;gap:8px}.team-board-group-title{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.05em}.team-board-row{display:flex;flex-wrap:wrap;gap:8px}.team-board-btn{border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:var(--text);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700}.team-board-btn.active{background:#35d1ff38;border-color:#35d1ffb3;box-shadow:0 0 0 1px #35d1ff33}.team-board-btn[data-phase=attack]{border-color:#22c55e73}.team-board-btn[data-phase=defense]{border-color:#3b82f673}.team-board-btn[data-phase=transition_pos]{border-color:#f9731673}.team-board-btn[data-phase=transition_neg]{border-color:#a855f773}.team-board-btn[data-phase=set_piece]{border-color:#eab30873}.team-board-btn[data-phase=attack].active{box-shadow:0 0 0 1px #22c55e40,0 0 12px #22c55e2e;border-color:#22c55ebf}.team-board-btn[data-phase=defense].active{box-shadow:0 0 0 1px #3b82f640,0 0 12px #3b82f62e;border-color:#3b82f6bf}.team-board-btn[data-phase=transition_pos].active{box-shadow:0 0 0 1px #f9731640,0 0 12px #f973162e;border-color:#f97316bf}.team-board-btn[data-phase=transition_neg].active{box-shadow:0 0 0 1px #a855f740,0 0 12px #a855f72e;border-color:#a855f7bf}.team-board-btn[data-phase=set_piece].active{box-shadow:0 0 0 1px #eab30840,0 0 12px #eab3082e;border-color:#eab308bf}.team-board-btn.flash{animation:flashThree .7s ease-out}.board-mode-btn-active{background:#35d1ff38!important;border-color:#35d1ffb3!important;color:var(--text)!important}.board-rightTop{grid-area:rightTop;display:flex;flex-direction:column;min-height:0}.board-rightBottom{grid-area:rightBottom;display:flex;flex-direction:column;min-height:0}.video-shell{border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.1);background:#ffffff09;overflow:hidden}.video-shell .video-top{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.video-shell .stage{height:520px;display:flex;align-items:center;justify-content:center;color:#eaf0ff66;font-size:13px;background:radial-gradient(circle at 30% 30%,rgba(53,209,255,.08),transparent 55%),radial-gradient(circle at 70% 70%,rgba(255,61,206,.06),transparent 55%),#00000040}.tag-panel{display:flex;flex-direction:column;gap:14px}.tag-group .chips{margin-top:10px}.small{font-size:12px;color:var(--muted)}.profile{display:flex;flex-direction:column;gap:14px}@media(max-width:1100px){.profile{flex-direction:column}}.avatar{width:64px;height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 30% 30%,rgba(182,255,61,.25),transparent 60%),radial-gradient(circle at 70% 70%,rgba(53,209,255,.18),transparent 60%),#ffffff0a}.landscape-required-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#07111f8c;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}[data-theme=light] .landscape-required-overlay{background:#ffffff85}.landscape-required-overlay__panel{max-width:320px;text-align:center;padding:28px 24px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:linear-gradient(145deg,#ffffff24,#ffffff0d);box-shadow:var(--shadow),var(--glow-cyan);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=light] .landscape-required-overlay__panel{background:linear-gradient(145deg,#ffffffd9,#ffffffa6);border-color:#0000001f;box-shadow:0 24px 60px #0f172a26,0 0 0 1px #4fd9ff26}.landscape-required-overlay__icon{color:var(--c-cyan);margin:0 auto 16px;display:flex;justify-content:center}.landscape-required-overlay__icon svg{animation:landscape-required-tilt 2.8s ease-in-out infinite}@keyframes landscape-required-tilt{0%,18%{transform:rotate(0)}40%{transform:rotate(-90deg)}58%{transform:rotate(-90deg)}80%,to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.landscape-required-overlay__icon svg{animation:none}}.landscape-required-overlay__title{margin:0 0 10px;font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.25}.landscape-required-overlay__subtitle{margin:0;font-size:.875rem;font-weight:500;line-height:1.45;color:var(--muted)}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--color-bg: transparent;--color-surface: transparent;--color-surface-hover: rgba(255, 255, 255, .08);--color-border: var(--stroke);--color-text-primary: var(--text);--color-text-secondary: var(--muted);--color-text-muted: var(--faint);--color-accent: var(--c-cyan);--color-accent-hover: #1ab0dd;--color-danger: var(--c-red)}.row{display:flex;gap:24px;flex-wrap:wrap}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;background:#161b22b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006}.panel h3{margin:0 0 20px;font-size:16px;font-weight:800;letter-spacing:-.04em;color:var(--color-text-primary)}.panel-wide{flex:1 1 640px}.panel-narrow{flex:1 1 320px}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{cursor:pointer;border:1px solid var(--color-border);background:#ffffff0d;border-radius:var(--radius-sm);padding:10px 16px;font-family:var(--font-main);font-size:12px;font-weight:700;color:var(--color-text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}button:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted);transform:translateY(-1px)}button.primary{border-color:var(--color-accent);background:var(--color-accent);color:#fff;box-shadow:0 0 15px #3b82f64d}button.primary:hover{background:var(--color-accent-hover);box-shadow:0 0 20px #3b82f680}button.danger{border-color:var(--color-danger);color:var(--color-danger)}.tabs button{padding:8px 12px;border-radius:var(--radius-sm)}.tabs button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.btnCard{text-align:left;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:relative;transition:all .2s}.btnCard .code{font-weight:700;color:var(--color-text-primary)}.btnCard .desc{color:var(--color-text-secondary);margin-top:6px;font-size:11px}.btnCard .meta{margin-top:8px;font-size:11px;color:var(--color-text-muted);display:flex;gap:10px}.btnCard:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.btnCard.active{border-color:var(--color-accent);background:#35d1ff1a;box-shadow:0 0 0 1px #35d1ff38,0 0 12px #35d1ff26}.btnCard.btnCard--selected{border-color:var(--color-accent);background:#35d1ff1f;box-shadow:0 0 0 1px #35d1ff4d,0 0 14px #35d1ff33}@keyframes flashThree{0%,10%{box-shadow:0 0 0 transparent}12%,22%{box-shadow:0 0 16px 6px #22c55eb3}25%,35%{box-shadow:0 0 0 transparent}37%,47%{box-shadow:0 0 16px 6px #22c55eb3}50%,60%{box-shadow:0 0 0 transparent}62%,72%{box-shadow:0 0 16px 6px #22c55eb3}75%,to{box-shadow:0 0 0 transparent}}.btnCard[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:12px;top:calc(100% + 8px);width:min(420px,90vw);background:var(--color-surface-secondary);color:var(--color-text-primary);padding:12px;border-radius:var(--radius-md);font-size:11px;line-height:1.4;z-index:9999;box-shadow:0 10px 22px #0003;white-space:normal;border:1px solid var(--color-border)}.small{font-size:12px;color:var(--color-text-secondary)}.help{margin-top:8px}.right{margin-left:auto}input[type=text],input[type=number],input[type=file]{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font-family:inherit;font-size:13px}.videoWrap{position:relative;display:flex;width:auto;max-width:100%;border-radius:12px;overflow:hidden;background:#000;align-items:center;justify-content:center}#videoStage{border-radius:12px;overflow:hidden}#video{display:block;width:100%;height:100%;min-width:1px;min-height:1px;background:#000;border-radius:12px}#overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto;border-radius:12px;z-index:1}#ytOverlay{z-index:2}.divider{height:1px;background:var(--color-border);margin:16px 0}.tableWrap{margin-top:16px;max-height:420px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;font-size:12px;background:var(--color-surface)}th,td{border-bottom:1px solid var(--color-border);padding:12px;text-align:left;vertical-align:top;color:var(--color-text-primary)}th{background:var(--color-bg);font-weight:700;color:var(--color-text-secondary);position:sticky;top:0}.pill{display:inline-block;padding:2px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:var(--color-bg)}.modal{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;z-index:10000}.modal .box{background:var(--color-surface);width:min(1100px,100%);border-radius:var(--radius-lg);padding:24px;max-height:85vh;overflow:auto;border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.settingsRow{display:grid;grid-template-columns:320px 1fr 90px 90px;gap:16px;align-items:center;padding:6px 0;border-bottom:1px solid var(--color-border)}.settingsRow .sCode{font-size:12px;font-weight:400;color:var(--color-text-primary)}.hint{color:var(--color-text-muted);font-size:12px}@keyframes flash-success{0%{background-color:transparent}25%{background-color:#2ea04366}50%{background-color:transparent}75%{background-color:#2ea04366}to{background-color:transparent}}.flash-container{animation:flash-success .8s ease-in-out}.video-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-controls>div{display:flex;align-items:center;gap:8px;pointer-events:auto;background:#0009;padding:10px 16px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}.video-ctrl-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:#ffffffe6;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.video-ctrl-btn:hover:not(:disabled){background:#ffffff26;color:#fff}.video-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.video-ctrl-btn.video-ctrl-play{width:48px;height:48px}.video-ctrl-btn .play-icon,.video-ctrl-btn .pause-icon{display:inline-flex;align-items:center;justify-content:center}.video-ctrl-btn .pause-icon,.video-ctrl-btn.playing .play-icon{display:none}.video-ctrl-btn.playing .pause-icon{display:inline-flex}.video-controls-bar{background:#2d2d2d!important;border-color:#ffffff1f!important}.video-controls-bar .video-ctrl-btn{color:#fff}.video-controls-bar .video-ctrl-btn:hover:not(:disabled){background:#fff3;color:#fff}.video-controls-bar .video-ctrl-time{color:#fff}.draw-tool-btn{transition:background .15s,color .15s}.draw-tool-btn:hover{background:#ffffff1a!important}.draw-tool-btn.active{background:var(--color-accent)!important;color:#fff!important}.video-timeline{position:relative;background:#00000040;border-radius:4px}.video-timeline-track{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:#ffffff40;border-radius:1px}.video-timeline-progress{position:absolute;left:0;top:50%;height:2px;transform:translateY(-50%);width:0%;background:#ffffffbf;border-radius:1px;pointer-events:none;transition:width .1s linear;z-index:2}.video-timeline-marker{position:absolute;z-index:1;width:2px;height:50%;transform:translate(-50%);cursor:pointer;transition:width .15s,box-shadow .15s}.video-timeline-marker--player{top:0}.video-timeline-marker--team{top:50%}.video-timeline-marker:hover{width:4px;box-shadow:0 0 6px currentColor}.video-timeline-segment{position:absolute;z-index:1;top:50%;bottom:0;height:auto;border-radius:2px;pointer-events:none}.video-timeline-segment--team{background:#4fd9ff61;pointer-events:auto;cursor:pointer}.video-timeline-segment--active{background:#4fd9ff8f;box-shadow:0 0 8px #4fd9ff59;pointer-events:none;cursor:default}.video-timeline-time{font-size:12px;font-weight:600;color:#ffffffd9;font-family:var(--font-display)}.selection-chip{font-weight:400}.selection-chip.active{background:var(--color-accent)!important;color:#fff!important}