:root{--bg:#0d1e30;--panel:#122c4ad1;--panel2:#163456e0;--line:#64b4ff21;--text:#d8eeff;--muted:#6888a8;--blue:#38b0ff;--teal:#00d4bc;--green:#26dc5a;--gold:#ffd040;--orange:#ff7c38;--purple:#b878ff;--red:#ff4060;--card-bg:linear-gradient(145deg,#143052cc,#0c1c34db);--sidebar-bg:#081222f2;--sidebar-text:#90b8f0;--input-bg:#ffffff17;--td-color:#b0ccee;--th-color:#5878a0;--stat-label:#5878a0}[data-theme=light]{--bg:#cceaf4;--panel:#fff;--panel2:#f0faff;--line:#0050641f;--text:#012030;--muted:#245068;--blue:#005ab0;--teal:#006878;--green:#066428;--gold:#7a5000;--orange:#c24400;--purple:#460498;--red:#a00018;--card-bg:#fff;--sidebar-bg:#fff;--sidebar-text:#012030;--input-bg:#0120300d;--td-color:#012030;--th-color:#0a3858;--stat-label:#0a3858}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(at 22% 78%,#00d4bc29,#0000 32%),radial-gradient(at 82% 15%,#38b0ff38,#0000 28%),radial-gradient(at 50% 105%,#ffd04017,#0000 36%),linear-gradient(158deg,#081422,#0d1e30 52%,#091828);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .35s,color .35s}[data-theme=light] body{background:radial-gradient(at 22% 78%,#00a0b424,#0000 32%),radial-gradient(at 82% 15%,#0078c81f,#0000 28%),linear-gradient(158deg,#ade0f0,#c4ecf8 52%,#d8f4ff)}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}body:after{content:"";pointer-events:none;background:radial-gradient(#00d4bc2e,#0000 70%);height:200px;position:fixed;bottom:0;left:0;right:0}[data-theme=light] body:before{background-color:#0000;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}[data-theme=light] body:after{background:radial-gradient(#008caa1a,#0000 70%)}button,input{font:inherit}.app-shell{grid-template-columns:214px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;padding:22px 16px;position:relative;box-shadow:20px 0 60px #00000040}[data-theme=light] .sidebar{box-shadow:4px 0 28px #0050641a}.logo{width:50px;height:50px;margin-bottom:32px}.logo-text{background:linear-gradient(135deg,var(--teal),#0af);color:#fff;letter-spacing:1px;border-radius:14px;flex-shrink:0;place-items:center;width:50px;height:50px;margin-bottom:32px;font-size:18px;font-weight:900;display:grid}.sidebar nav{gap:6px;display:grid}.sidebar button{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:13px 12px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.sidebar button:hover,.sidebar button.active{color:#cff8f4;background:linear-gradient(90deg,#00d4bc2e,#00d4bc08);border-color:#00d4bc61}[data-theme=light] .sidebar button:hover,[data-theme=light] .sidebar button.active{color:var(--teal);background:#0068781a;border-color:#00687859}.sidebar-ball{color:var(--muted);font-weight:700;position:absolute;bottom:28px;left:18px;right:18px}.ball{background:radial-gradient(circle at 35% 30%,#e5eff8,#6d7987 42%,#17202b 66%,#05080c);border-radius:50%;width:105px;height:105px;margin-bottom:10px;box-shadow:0 0 55px #00d4bc47}.content{z-index:1;padding:24px 28px 40px;position:relative}.topbar{justify-content:center;align-items:center;gap:28px;height:64px;display:flex}.topbar h1{letter-spacing:5px;text-transform:uppercase;background:linear-gradient(90deg,var(--blue),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:900}[data-theme=light] .topbar h1{background:linear-gradient(90deg,var(--blue),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-lines{background:linear-gradient(90deg,#0000,#00d4bc99,#0000);width:160px;height:1px}[data-theme=light] .title-lines{background:linear-gradient(90deg,#0000,#00687873,#0000)}.topbar-right{align-items:center;gap:8px;display:flex;position:absolute;right:28px}.user-pill{border:1px solid var(--line);color:var(--text);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:flex}[data-theme=light] .user-pill{background:#0068780f;border-color:#0068782e}.theme-toggle{color:#cff8f4;cursor:pointer;background:#00d4bc1a;border:1px solid #00d4bc66;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.theme-toggle:hover{background:#00d4bc38;border-color:#00d4bcb3}[data-theme=light] .theme-toggle{color:var(--teal);background:#0068781a;border-color:#00687859}[data-theme=light] .theme-toggle:hover{background:#0068782e;border-color:#00687899}.logout-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:999px;place-items:center;transition:all .18s;display:grid}.logout-btn:hover{color:var(--red);background:#ff40601a;border-color:#ff406080}[data-theme=light] .logout-btn{background:#0020300a;border-color:#00203026}.glass,.card,.stat-card{background:var(--card-bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 16px 48px #0000002e}[data-theme=light] .glass,[data-theme=light] .card,[data-theme=light] .stat-card{border-color:#0050641f;box-shadow:0 4px 24px #0050641a}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:14px 0 18px;display:grid}.stat-card{align-items:center;gap:18px;padding:18px;display:flex}.stat-icon{background:#ffffff0f;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}[data-theme=light] .stat-icon{background:#00506412}.stat-icon svg{width:28px;height:28px}.tone-blue .stat-icon{color:var(--blue);box-shadow:inset 0 0 0 1px #38b0ff59}.tone-green .stat-icon{color:var(--green);box-shadow:inset 0 0 0 1px #26dc5a4d}.tone-gold .stat-icon{color:var(--gold);box-shadow:inset 0 0 0 1px #ffd0404d}.tone-purple .stat-icon{color:var(--purple);box-shadow:inset 0 0 0 1px #b878ff4d}.stat-label{text-transform:uppercase;color:var(--stat-label);letter-spacing:.8px;font-size:12px;font-weight:900}.stat-value{margin:4px 0;font-size:24px;font-weight:900}.stat-hint{color:var(--muted);font-size:13px}.dashboard-grid{grid-template-columns:1.05fr 1.8fr 1.25fr;grid-auto-rows:min-content;gap:16px;display:grid}.card{padding:16px;overflow:hidden}.card-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title h2{text-transform:uppercase;letter-spacing:2px;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.card-title button,.green-button,.login-row button,.login-box button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:8px 12px}[data-theme=light] .card-title button,[data-theme=light] .login-row button,[data-theme=light] .login-box button{background:#0050640f;border-color:#0050642e}.green-button{color:#fff;background:linear-gradient(90deg,#177a38,#2ec45a);border:0;width:100%;font-weight:900}.leaderboard-card,.right-stats{grid-row:span 2}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--th-color);text-transform:uppercase;border-bottom:1px solid var(--line);padding:10px 8px;font-size:12px}td{border-bottom:1px solid var(--line);color:var(--td-color);padding:10px 8px}.score-text{color:var(--teal);font-weight:900}[data-theme=light] .score-text{color:var(--teal)}.leader-list{gap:4px;display:grid}.leader-row{background:linear-gradient(90deg,#00d4bc1f,#ffd04014,#0000);border-radius:10px;grid-template-columns:36px 34px 1fr 55px;align-items:center;padding:9px 10px;display:grid}[data-theme=light] .leader-row{background:linear-gradient(90deg,#00687812,#7a50000d,#0000)}.leader-row .rank{color:var(--gold);font-weight:900}.avatar{color:#04141c;background:linear-gradient(135deg,#00c4b0,#ffd040);border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:900;display:grid}.leader-row b{text-align:right}.mini-stat{border:1px solid var(--line);background:#ffffff08;border-radius:14px;margin-bottom:12px;padding:12px}[data-theme=light] .mini-stat{background:#0050640a}.mini-stat h3{text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:14px}.mini-stat div{color:var(--td-color);justify-content:space-between;padding:5px 0;display:flex}.my-predictions,.chart-card{grid-column:span 1}.deadline{text-align:center}.bars{border-bottom:1px solid var(--line);align-items:end;gap:12px;height:220px;padding:25px 10px 0;display:flex}.bar-wrap{text-align:center;color:var(--muted);flex:1;align-items:end;font-size:12px;display:grid}.bar{background:linear-gradient(#26dc5a,#00d4bc);border-radius:8px 8px 0 0;min-height:12px}.bar-wrap span{color:var(--text);margin-bottom:4px;font-weight:900}.bar-wrap small{margin-top:7px}.points-badge{color:#7cffa8;background:#26dc5a29;border-radius:999px;place-items:center;min-width:30px;padding:4px 8px;font-weight:900;display:inline-grid}[data-theme=light] .points-badge{color:var(--green);background:#0664281f}.donut{background:conic-gradient(var(--teal) 0 76%,#ffffff1a 76% 100%);border-radius:50%;place-items:center;width:145px;height:145px;margin:12px auto;display:grid;position:relative}.donut:after{content:"";background:var(--bg,#040c18);border-radius:50%;position:absolute;inset:16px}.donut span{z-index:2;font-size:26px;font-weight:900;position:relative}.login-panel{max-width:620px;margin:80px auto;padding:34px}.login-panel h2{margin:0 0 8px;font-size:34px}.login-row,.login-box{gap:12px;display:grid}.login-row{grid-template-columns:1fr 150px;margin-top:20px}input,.score-input{background:var(--input-bg);border:1px solid var(--line);color:var(--text);border-radius:12px;outline:none;padding:12px}input:focus,.score-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #00d4bc1f}[data-theme=light] input:focus,[data-theme=light] .score-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0068781f}.page-card{min-height:650px}.group-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.group-tabs button{border:1px solid var(--line);width:44px;height:38px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:10px;font-weight:900}[data-theme=light] .group-tabs button{background:#0050640f;border-color:#0050642e}.group-tabs .selected{color:#fff;background:linear-gradient(135deg,#00d4bc,#0090c8);border-color:#0000}.match-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.match-card{border:1px solid var(--line);background:#ffffff08;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:16px;display:grid}[data-theme=light] .match-card{background:#00506408;border-color:#0050641f}.match-card h3{margin:8px 0 4px;font-size:20px}.match-card h3 span{color:var(--muted);font-size:14px}.match-card p{color:var(--muted);margin:0}.group-chip{text-transform:uppercase;color:#88d8f8;background:#00b4dc24;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}[data-theme=light] .group-chip{color:#004454;background:#0068781a}.prediction-box{align-items:center;gap:10px;display:flex}.score-input{text-align:center;width:66px;font-size:20px;font-weight:900}.result-pill{white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:9px 12px}[data-theme=light] .result-pill{color:var(--td-color);background:#0050640d}.big-table tr:first-child td{background:#ffd0401a}.big-table tr:nth-child(2) td{background:#00d4bc17}.big-table tr:nth-child(3) td{background:#38b0ff14}[data-theme=light] .big-table tr:first-child td{background:#7a500012}[data-theme=light] .big-table tr:nth-child(2) td{background:#00687812}[data-theme=light] .big-table tr:nth-child(3) td{background:#005ab00f}.warning{background:#ff40601a;border:1px solid #ff406066;border-radius:14px;margin-bottom:14px;padding:12px}[data-theme=light] .warning{background:#a0001812;border-color:#a000184d}.rules-grid,.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.rules-grid>div,.login-box{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:18px}[data-theme=light] .rules-grid>div,[data-theme=light] .login-box{background:#0050640a;border-color:#00506424}.rules h3,.login-box h3{margin-top:0}.example{box-shadow:inset 0 0 0 1px #ffd04033}[data-theme=light] .example{box-shadow:inset 0 0 0 1px #7a500033}.danger{color:#ffb0bc!important;background:#ff406024!important;border-color:#ff406061!important}[data-theme=light] .danger{color:#7a0014!important;background:#a0001817!important;border-color:#a0001852!important}@media (width<=1250px){.app-shell{grid-template-columns:88px 1fr}.sidebar span,.sidebar-ball p{display:none}.logo{width:64px}.sidebar button{justify-content:center}.dashboard-grid,.stats-grid{grid-template-columns:1fr 1fr}.right-stats,.leaderboard-card{grid-row:auto}.match-list{grid-template-columns:1fr}.title-lines{display:none}}@media (width<=800px){.app-shell{display:block}.sidebar{gap:10px;display:flex;position:sticky;top:0;overflow-x:auto}.sidebar nav{display:flex}.content{padding:14px}.topbar h1{letter-spacing:3px;font-size:20px}.user-pill,.theme-toggle span{display:none}.theme-toggle{padding:8px 10px}.stats-grid,.dashboard-grid,.rules-grid,.settings-grid,.match-card,.login-row{grid-template-columns:1fr}}.lock-banner{background:linear-gradient(90deg,#ffd0401a,#040e1ecc);border:1px solid #ffd0404d;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0 0 18px;padding:16px 18px;display:grid;box-shadow:0 12px 38px #0003}.lock-banner.submitted{background:linear-gradient(90deg,#26dc5a1a,#040e1ecc);border-color:#26dc5a61}.lock-banner.locked{background:linear-gradient(90deg,#ff40601f,#040e1ecc);border-color:#ff406066}[data-theme=light] .lock-banner{background:linear-gradient(90deg,#7a50001a,#f0fafff5);border-color:#7a50004d}[data-theme=light] .lock-banner.submitted{background:linear-gradient(90deg,#0664281a,#f0fafff5);border-color:#0664284d}[data-theme=light] .lock-banner.locked{background:linear-gradient(90deg,#a000181a,#f0fafff5);border-color:#a000184d}.lock-icon{width:52px;height:52px;color:var(--gold);background:#ffffff12;border-radius:16px;place-items:center;display:grid}[data-theme=light] .lock-icon{background:#00506414}.lock-banner.submitted .lock-icon{color:var(--green)}.lock-banner.locked .lock-icon{color:var(--red)}.lock-banner h2{text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;font-size:18px}.lock-banner p{color:var(--muted);margin:0}.submit-button,.submit-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c4aa,#0082b8);border:0;border-radius:12px;padding:12px 16px;font-weight:900;box-shadow:0 8px 28px #00c4aa40}.view-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.view-toolbar button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:10px 13px;font-weight:800;display:flex}[data-theme=light] .view-toolbar button{background:#0050640d;border-color:#00506426}.view-toolbar button.selected{color:#fff;background:linear-gradient(135deg,#00c4b0,#0084c0);border-color:#0000}.toolbar-spacer{flex:1}.status-pill{color:#ffe880;background:#ffd0401f;border:1px solid #ffd04073;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900}.status-pill.ok{color:#80ffaa;background:#26dc5a1f;border-color:#26dc5a73}.status-pill.locked{color:#ffb0bc;background:#ff40601f;border-color:#ff406073}[data-theme=light] .status-pill{color:#5a3800;background:#7a50001a;border-color:#7a500066}[data-theme=light] .status-pill.ok{color:#044820;background:#0664281a;border-color:#06642866}[data-theme=light] .status-pill.locked{color:#720010;background:#a000181a;border-color:#a0001861}.submit-small{padding:10px 13px}.groups-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.group-card{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:14px;min-height:82px;padding:12px;transition:all .18s}[data-theme=light] .group-card{background:#0050640a;border-color:#0050641f}.group-card strong{color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block}.group-card span{color:var(--muted);font-size:12px;line-height:1.35}.group-card.selected{background:linear-gradient(135deg,#00d4bc29,#26dc5a0a);border-color:#00d4bcb3;box-shadow:inset 0 0 0 1px #00d4bc33}[data-theme=light] .group-card.selected{background:linear-gradient(135deg,#0068781f,#0664280a);border-color:#006878a6;box-shadow:inset 0 0 0 1px #00687833}.all-matches-wrap{border:1px solid var(--line);border-radius:16px;overflow:auto}.all-matches-table th,.all-matches-table td{white-space:nowrap}.prediction-box.compact .score-input{width:52px;padding:8px;font-size:16px}.score-input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05}[data-theme=light] .score-input:disabled{background:#0050640a}.muted-note{color:var(--muted);font-size:13px}.public-overview{gap:20px;display:grid}.auth-page{max-width:480px;margin:40px auto}.public-login{padding:28px 32px}.public-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=800px){.public-grid{grid-template-columns:1fr}}.auth-tabs{gap:8px;margin-bottom:22px;display:flex}.auth-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:12px;flex:1;padding:10px;font-weight:800}[data-theme=light] .auth-tabs button{background:#0050640d;border-color:#0050642e}.auth-tabs button.selected{color:#fff;background:linear-gradient(135deg,#00c4b0,#0084c0);border-color:#0000}.auth-form{gap:12px;display:grid}.auth-form input{background:var(--input-bg);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:12px;outline:none;padding:12px}[data-theme=light] .auth-form input{border-color:#00506433}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #00d4bc1f}[data-theme=light] .auth-form input:focus{box-shadow:0 0 0 4px #0068781f}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c4b0,#0084c0);border:0;border-radius:12px;padding:13px;font-size:15px;font-weight:900;box-shadow:0 8px 28px #00c4aa38}.auth-error{color:#ffb0bc;background:#ff40601f;border:1px solid #ff406061;border-radius:10px;padding:10px 14px;font-size:14px}[data-theme=light] .auth-error{color:#72000e;background:#a0001814;border-color:#a0001852}.random-btn{background:linear-gradient(135deg,#b878ff33,#38b0ff24);font-weight:900;color:#d8a8ff!important;border:1px solid #b878ff73!important}[data-theme=light] .random-btn{background:linear-gradient(135deg,#4604981a,#005ab014);color:#380090!important;border-color:#4604984d!important}.rules-grid{grid-template-columns:repeat(3,1fr)}@media (width<=1250px){.groups-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.lock-banner,.rules-grid{grid-template-columns:1fr}}@media (width<=800px){.groups-overview{grid-template-columns:1fr}.view-toolbar{align-items:stretch}.view-toolbar button,.submit-small{justify-content:center;width:100%}.toolbar-spacer{display:none}.lock-banner{text-align:center;grid-template-columns:1fr}.lock-icon{margin:auto}}.admin-user-list{gap:8px;display:grid}.admin-user-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:1fr 1.2fr 80px auto;align-items:center;gap:12px;padding:12px 14px;display:grid}[data-theme=light] .admin-user-row{box-shadow:0 1px 8px #00506412}.admin-user-row.editing{border-color:#00d4bc66;grid-template-columns:1fr 1.2fr 90px auto}.admin-user-row.editing input{background:var(--input-bg);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:8px;padding:7px 10px;font-size:13px}.admin-role-sel{background:var(--input-bg);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 8px;font-size:13px}.au-name{font-size:14px;font-weight:700}.au-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.au-role{text-transform:uppercase;letter-spacing:.6px;text-align:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.au-role-user{color:#00d4bc;background:#00d4bc1f}[data-theme=light] .au-role-user{color:var(--teal);background:#0068781a}.au-role-admin{color:var(--gold);background:#ffd04024}[data-theme=light] .au-role-admin{color:var(--gold);background:#7a50001a}.admin-user-actions{gap:6px;display:flex}.au-edit{border:1px solid var(--line);color:#00d4bc;cursor:pointer;background:#00d4bc1a;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}[data-theme=light] .au-edit{color:var(--teal);background:#0068781a;border-color:#0068784d}.au-del{color:var(--red);cursor:pointer;background:#ff40601a;border:1px solid #ff40604d;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}[data-theme=light] .au-del{color:var(--red);background:#a0001812;border-color:#a000184d}.au-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c4b0,#0084c0);border:0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:900}.au-cancel{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}@media (width<=800px){.admin-user-row,.admin-user-row.editing{grid-template-columns:1fr auto}}.bracket-page{gap:26px;display:grid}.bp-banner{background:linear-gradient(135deg,#00d4bc2e,#38b0ff1f);border:1px solid #00d4bc52;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;display:flex}[data-theme=light] .bp-banner{background:linear-gradient(135deg,#0068781f,#005ab014);border-color:#0068784d}.bp-banner-left{align-items:center;gap:16px;display:flex}.bp-banner-trophy{font-size:36px;line-height:1}.bp-banner-left h2{letter-spacing:1px;margin:0 0 4px;font-size:22px;font-weight:900}.bp-banner-left p{color:var(--muted);margin:0;font-size:13px}.bp-banner-stats{flex-wrap:wrap;gap:20px;display:flex}.bp-bstat{text-align:center;background:#ffffff0d;border-radius:10px;min-width:56px;padding:6px 10px}[data-theme=light] .bp-bstat{background:#00506412}.bp-bstat b{color:var(--teal);font-size:22px;font-weight:900;display:block}[data-theme=light] .bp-bstat b{color:var(--teal)}.bp-bstat small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.bp-section-hd{align-items:center;gap:10px;margin-bottom:14px;display:flex}.bp-section-hd h3{text-transform:uppercase;letter-spacing:2px;margin:0;font-size:15px;font-weight:900}.bp-section-hd small{color:var(--muted);font-size:12px}.bp-section-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bp-groups-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bpg-card{border:1px solid var(--line);background:var(--card-bg);border-radius:13px;overflow:hidden}[data-theme=light] .bpg-card{box-shadow:0 2px 14px #00506414}.bpg-hd{color:#fff;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:7px 11px;font-size:13px;font-weight:900;display:flex}.bpg-row{border-top:1px solid var(--line);grid-template-columns:16px 1fr 20px 28px 26px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;display:grid}.bpg-row.bpg-q{background:#00d4bc0f}[data-theme=light] .bpg-row.bpg-q{background:#00687812}.bpg-pos{color:var(--muted);text-align:center;font-size:10px;font-weight:900}.bpg-row.bpg-q .bpg-pos{color:#00d4bc}[data-theme=light] .bpg-row.bpg-q .bpg-pos{color:var(--teal)}.bpg-name{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.bpg-stat{text-align:right;color:var(--muted);font-size:11px}.gd-pos{color:var(--green)!important}.gd-neg{color:var(--red)!important}.bpg-pts{text-align:right;font-size:12px;font-weight:900}.bp-bracket-scroll{padding-bottom:12px;overflow-x:auto}.bp-bracket{align-items:stretch;gap:0;min-width:max-content;display:flex}.bp-round{flex-direction:column;flex-shrink:0;width:148px;display:flex}.bp-round-lbl{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding:6px 4px;font-size:9.5px;font-weight:900}.bp-round-body{flex-direction:column;flex:1;justify-content:space-around;padding:6px 4px;display:flex}.bp-match{border:1px solid var(--line);background:var(--panel);border-radius:9px;margin:3px 0;overflow:hidden}[data-theme=light] .bp-match{box-shadow:0 1px 8px #00506412}.bp-match-div{background:var(--line);height:1px}.bp-slot{justify-content:space-between;align-items:center;min-height:28px;padding:5px 8px;transition:background .15s;display:flex}.bp-slot-n{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:700;overflow:hidden}.bp-slot-s{color:var(--muted);flex-shrink:0;margin-left:4px;font-size:9px}.bp-slot-win{background:#00d4bc24!important}[data-theme=light] .bp-slot-win{background:#0068781a!important}.bp-conn{flex-direction:column;flex-shrink:0;justify-content:space-around;width:20px;display:flex}.bp-conn-pair{flex-direction:column;flex:1;justify-content:center;display:flex}.bp-conn-top{border-right:1px solid var(--line);border-top:1px solid var(--line);flex:1;margin-left:6px}.bp-conn-btm{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex:1;margin-left:6px}.bp-final-col{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:168px;padding:8px 16px;display:flex}.bp-final-lbl{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);text-align:center;font-size:12px;font-weight:900}.bp-final-card{border:2px solid var(--gold);border-radius:13px;width:100%;overflow:hidden;box-shadow:0 0 28px #ffd0402e}.bp-final-slot{background:#ffd04014;min-height:36px!important;font-size:13px!important;font-weight:900!important}.bp-final-vs{text-align:center;letter-spacing:1px;color:var(--gold);background:#ffd0401f;border-top:1px solid #ffd04040;border-bottom:1px solid #ffd04040;padding:5px;font-size:10px;font-weight:900}.bp-3rd-card{border:1px solid #ffd0404d;border-radius:11px;width:100%;overflow:hidden}.bp-3rd-lbl{text-transform:uppercase;letter-spacing:1px;color:var(--gold);text-align:center;background:#ffd04014;padding:4px;font-size:9px;font-weight:900}.bp-3rd-slot{background:#ffffff08;min-height:26px!important}[data-theme=light] .bp-3rd-slot{background:#0050640a}.bp-3rd-vs{text-align:center;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2px;font-size:9px}.bp-legend{flex-wrap:wrap;gap:20px;padding:10px 0;display:flex}.bp-leg-q{color:var(--teal);font-size:12px;font-weight:700}[data-theme=light] .bp-leg-q{color:var(--teal)}.bp-leg-t{color:var(--muted);font-size:12px}@media (width<=1250px){.bp-groups-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.bp-groups-grid{grid-template-columns:repeat(2,1fr)}.bp-banner{flex-direction:column;align-items:flex-start}}