:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 0 0,#fde04752,#0000 40%),radial-gradient(circle at 100% 0,#22c55e3d,#0000 45%),radial-gradient(circle at 100% 100%,#0ea5e938,#0000 48%),linear-gradient(135deg,#f8fafc 0%,#eef2ff 45%,#ecfeff 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}#app{min-height:100vh}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:24px 0 64px}.toast{z-index:60;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;width:min(720px,100% - 32px);padding:14px 14px 14px 16px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast-body{gap:4px;display:grid}.toast-body strong{display:block}.toast-body span{color:#0f172ac7;line-height:1.45}.toast-close{cursor:pointer;color:#0f172ad6;background:#0f172a0f;border:0;border-radius:999px;padding:10px 12px;font-weight:700}.toast-success{border-color:#22c55e59;box-shadow:0 24px 80px #22c55e24}.toast-error{border-color:#f8717173;box-shadow:0 24px 80px #f8717124}.toast-info{border-color:#0ea5e959;box-shadow:0 24px 80px #0ea5e924}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #0f172a1f;box-shadow:0 24px 80px #0206171f}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #0f172a1f;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:18px 20px;display:flex;position:sticky;top:12px}.brand{align-items:center;gap:16px;display:flex}.brand-badge{color:#031524;background:linear-gradient(135deg,#fde047,#22c55e);border-radius:18px;place-items:center;width:52px;height:52px;display:grid}.brand strong,.section-heading h2,.benefit-card h3,.table-card h3,.prediction-summary strong{margin:0;font-size:1.1rem;display:block}.brand span,.mini-label,.preview-card span,.stat-card span,.metric-card span,.group-footnote,.table-row span,.table-row small{color:#0f172ab3}.brand span{margin-top:4px;font-size:.92rem;display:block}.nav-actions{align-items:center;gap:18px;display:flex}.nav-button{letter-spacing:.01em;color:#0f172ac7;background:#0f172a0a;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.nav-button:hover{color:#0f172aeb;background:#0f172a0f;border-color:#0f172a2e;transform:translateY(-1px);box-shadow:0 16px 35px #0206171a}.nav-button:focus-visible{border-color:#0ea5e966;outline:none;box-shadow:0 0 0 4px #0ea5e938}.nav-button.active{color:#05213d;background:linear-gradient(135deg,#fde047f2,#22c55ef2);border-color:#22c55e59;box-shadow:0 18px 45px #22c55e2e}.nav-button span{line-height:1}.floating-status{z-index:45;border-radius:22px;width:min(360px,100% - 44px);padding:16px;position:fixed;bottom:22px;right:22px}.floating-status-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.floating-status-header span{color:#0f172ab3;font-weight:700}.floating-status-list{gap:10px;display:grid}.floating-status-item{color:#0f172aeb;background:#0f172a08;border:1px solid #0f172a1a;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.floating-status-item.ok{border-color:#22c55e47}.floating-status-item.warn{border-color:#fde0478c}.ghost-button,.primary-button,.secondary-button,.mode-switch button,.link-button{cursor:pointer;border:0;transition:transform .2s,box-shadow .2s,opacity .2s}.ghost-button{color:#0f172a;background:#0f172a0f;border-radius:999px;padding:12px 18px}.link-button{color:#0ea5e9;text-align:left;background:0 0;margin-top:14px;padding:0}.primary-button,.secondary-button{border-radius:16px;justify-content:center;align-items:center;padding:14px 22px;font-weight:700;display:inline-flex}.primary-button{color:#05213d;background:linear-gradient(135deg,#fde047,#22c55e);box-shadow:0 14px 35px #22c55e40}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.mode-switch button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.primary-button:disabled{color:#0f172ab8;background:#0f172a14}.primary-button:disabled:hover,.secondary-button:disabled:hover,.ghost-button:disabled:hover,.mode-switch button:disabled:hover{transform:none}.secondary-button{color:#0f172a;background:#0f172a0a;border:1px solid #0f172a24}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.mode-switch button:hover{transform:translateY(-2px)}.full{width:100%}.hero-section,.panel-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.panel-grid.stack{grid-template-columns:minmax(0,1fr)}.hero-section{align-items:center;min-height:72vh;padding:30px 0 20px}.hero-copy h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.95}.hero-copy p,.benefit-card p,.auth-card p,.progress-card li,.table-row,.group-card label,.group-card option,.prediction-card label,.prediction-card option{color:#0f172adb;line-height:1.6}.hero-actions,.hero-stats{flex-wrap:wrap;gap:14px;display:flex}.hero-actions{margin:28px 0}.hero-stats{margin-top:26px}.stat-card,.benefit-card,.auth-card,.progress-card,.group-card,.metric-card,.table-card{border-radius:28px}.stat-card{min-width:172px;padding:18px}.stat-card strong,.metric-card strong,.progress-ring strong{margin-bottom:4px;font-size:2rem;display:block}.hero-visual{place-items:center;min-height:540px;display:grid;position:relative}.dashboard-preview{border-radius:32px;width:min(520px,100%);padding:26px;animation:6s ease-in-out infinite float;position:relative;overflow:hidden}.preview-header,.group-header,.section-heading,.table-row,.table-row.column,.ranking-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-grid,.benefits-section,.groups-grid,.admin-metrics,.prediction-grid{gap:18px;display:grid}.preview-grid,.benefits-section,.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-card{background:#0f172a0a;border:1px solid #0f172a1a;border-radius:22px;padding:18px}.preview-card strong,.table-row strong{margin:10px 0 6px;display:block}.benefits-section{margin:12px 0 28px}.benefit-card{padding:24px}.icon-chip{color:#0ea5e9;background:#0ea5e91f;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:16px;display:inline-grid}.panel-grid,.betting-section,.admin-section{margin-top:28px}.auth-card,.progress-card,.betting-section,.admin-section{padding:28px}.mode-switch{background:#0f172a0d;border-radius:18px;margin:20px 0;padding:6px;display:inline-flex}.mode-switch button{color:#0f172ac2;background:0 0;border-radius:14px;padding:10px 18px}.mode-switch .active{color:#04172d;background:linear-gradient(135deg,#fde047,#22c55e)}.ranking-switch{margin-top:0}.form-grid{gap:14px;display:grid}.form-grid label,.group-card label,.table-card label,.prediction-card label{gap:8px;font-weight:600;display:grid}.form-grid input,.group-card select,.table-card input,.table-card select,.table-card textarea,.prediction-card select{color:#0f172a;background:#ffffffe6;border:1px solid #0f172a29;border-radius:16px;outline:none;width:100%;padding:14px 16px}.form-grid input:focus,.group-card select:focus,.table-card input:focus,.table-card select:focus,.table-card textarea:focus,.prediction-card select:focus{border-color:#fde047a8;box-shadow:0 0 0 4px #fde0471f}.credentials-box,.logged-card,.user-pill,.progress-ring,.table-list,.check-list{background:#0f172a08;border:1px solid #0f172a1a}.credentials-box,.logged-card{border-radius:20px;margin-top:18px;padding:18px}.credentials-box strong{margin-bottom:8px;display:block}.credentials-box span{color:#0f172ab3;display:block}.status-message{border-radius:16px;margin-top:16px;padding:12px 14px}.status-message.success{background:#22c55e21;border:1px solid #22c55e3d}.status-message.error{background:#f8717124;border:1px solid #f871713d}.team-chip-list{flex-wrap:wrap;gap:10px;display:flex}.team-chip{background:#0f172a08;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:.88rem;display:inline-flex}.team-flag{object-fit:cover;border-radius:999px;flex-shrink:0;width:18px;height:18px}.team-flag-mini{width:14px;height:14px}.flag-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.knockout-summary-list{gap:10px;margin-top:10px;display:grid}.knockout-summary-list.compact{gap:8px}.knockout-summary-card{background:#ffffffb8;border:1px solid #0f172a1a;border-radius:14px;padding:12px}.knockout-summary-list.compact .knockout-summary-card{padding:10px}.knockout-summary-header,.knockout-advance-line,.knockout-summary-scoreline{justify-content:space-between;align-items:center;gap:10px;display:flex}.knockout-summary-header{margin-bottom:10px}.knockout-summary-header span,.knockout-advance-line span{color:#0f172aa3;font-size:.86rem}.knockout-summary-scoreline{gap:12px}.knockout-side{border:1px solid #0000;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:inline-flex}.knockout-side:last-child{justify-content:flex-end}.knockout-side span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.knockout-side.selected{color:#05213d;background:linear-gradient(135deg,#fde04757,#22c55e4d);border-color:#22c55e57;font-weight:700}.knockout-score{white-space:nowrap;font-size:1rem}.knockout-advance-line{border-top:1px solid #0f172a14;margin-top:10px;padding-top:10px}.team-balloon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.team-balloon{color:#0f172aeb;text-align:left;background:#ffffffe0;border:1px solid #0f172a24;border-radius:999px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:inline-flex}.team-balloon.selected{color:#05213d;background:linear-gradient(135deg,#fde047e6,#22c55ee6);border-color:#22c55e61}.team-balloon:disabled,.team-balloon.blocked{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.team-balloon-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-balloon-grid.compact .team-balloon{padding:8px 10px;font-size:.88rem}.user-pill{border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.progress-card{align-content:start;gap:18px;display:grid}.progress-ring{text-align:center;background:0 0;border-radius:28px;justify-items:center;gap:14px;padding:18px;display:grid}.progress-ring-chart{background:conic-gradient(#22c55e 0 var(--green-end,0%), #fde047 var(--green-end,0%) var(--yellow-end,0%), #0ea5e9 var(--yellow-end,0%) var(--blue-end,0%), #0f172a0f var(--blue-end,0%) 100%);border-radius:999px;place-items:center;width:168px;height:168px;display:grid}.progress-ring-center{background:#ffffffeb;border:1px solid #0f172a1f;border-radius:999px;place-items:center;width:112px;height:112px;display:grid}.progress-ring-center strong{margin:0;line-height:1}.progress-ring span{color:#0f172ab8}.check-list{border-radius:20px;margin:0;padding:18px 18px 18px 38px}.groups-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 24px}.group-card{gap:14px;padding:20px;display:grid}.group-card.missing,.prediction-card.missing{border-color:#f871718c;box-shadow:0 20px 70px #f871711f}.group-header strong{font-size:1.25rem}.group-footnote{font-size:.88rem}.metric-card{padding:20px}.table-card{padding:24px}.admin-subheading{margin-top:34px}.table-card code{word-break:break-word}.table-list{border-radius:20px;gap:14px;margin-top:18px;padding:12px;display:grid}.table-row{background:#0f172a08;border-radius:16px;padding:14px 12px}.table-row.column{align-items:flex-start}.action-row{cursor:pointer;text-align:left;border:0;width:100%}.action-row.selected{background:#fde0472e}.summary-line{width:100%;line-height:1.55;display:block}.inline-field{justify-items:end;gap:8px;display:grid}.meta-card,.progress-inline{background:#ffffffe0;border:1px solid #0f172a1f;border-radius:18px;gap:6px;padding:16px;display:grid}.deadline-highlight{color:#b91c1c}.score-pill{color:#04172d;background:linear-gradient(135deg,#fde047,#22c55e);border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:10px 14px;font-weight:700;display:inline-flex}.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prediction-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.prediction-summary,.prediction-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;gap:12px;padding:18px;display:grid}.prediction-summary span{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chart-list{gap:16px;display:grid}.chart-row{gap:10px;display:grid}.chart-label{justify-content:space-between;gap:16px;display:flex}.chart-track{background:#0f172a14;border-radius:999px;height:14px;overflow:hidden}.page-heading{border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:18px 20px;display:flex}.chart-fill{border-radius:inherit;background:linear-gradient(135deg,#fde047,#22c55e);height:100%}.mini-label{text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px;font-size:.74rem;display:inline-block}.knockout-quarter-grid,.knockout-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 20px;display:grid}.knockout-admin-stack{gap:18px;margin:18px 0 20px;display:grid}.knockout-admin-round{gap:14px;display:grid}.knockout-admin-card,.knockout-card{background:#0f172a08;border:1px solid #0f172a1a;border-radius:22px;gap:12px;padding:18px;display:grid}.knockout-team-line{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:12px;display:grid}.score-input{text-align:center;padding:14px 10px;font-size:1.1rem;font-weight:800}.knockout-bet-summary{flex-wrap:wrap;gap:10px;width:100%;display:flex}.knockout-rules-card{gap:12px;margin-top:16px;display:grid}.knockout-rule-row{background:#0f172a08;border:1px solid #0f172a1a;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.knockout-rule-row strong{margin:0}.knockout-rule-row span{color:#0f172ac2;line-height:1.5}.knockout-rules-details{background:#ffffffe0;border:1px solid #0f172a1f;border-radius:18px;margin-top:16px;padding:16px}.knockout-rules-details summary{cursor:pointer;color:#04172d;font-weight:700}.knockout-rules-details .check-list{margin-top:14px}.knockout-bet-chip{background:#ffffffe6;border:1px solid #0f172a1a;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.knockout-bet-chip strong{margin:0}.orb{filter:blur(8px);border-radius:999px;animation:5s ease-in-out infinite pulse;position:absolute}.orb-green{background:#22c55e47;width:180px;height:180px;top:32px;right:60px}.orb-yellow{background:#fde0473d;width:130px;height:130px;animation-delay:1s;bottom:72px;left:42px}.orb-blue{background:#0ea5e933;width:220px;height:220px;animation-delay:2s;bottom:20px;right:18px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (width<=1100px){.hero-section,.panel-grid,.admin-grid,.preview-grid,.benefits-section,.groups-grid,.admin-metrics,.prediction-grid,.prediction-grid.compact{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.3rem,8vw,4rem)}.knockout-quarter-grid,.knockout-preview-grid{grid-template-columns:1fr}.hero-visual{min-height:400px}}@media (width<=720px){.app-shell{width:min(100% - 20px,1240px);padding-top:12px}.topbar{flex-direction:column;align-items:stretch;position:static}.brand,.nav-actions{flex-direction:column;align-items:flex-start}.hero-actions,.nav-actions,.primary-button,.secondary-button,.ghost-button{width:100%}.auth-card,.progress-card,.betting-section,.admin-section{padding:22px}.knockout-team-line{grid-template-columns:1fr}.score-input{width:100%}}