:root{color:#202330;background:#f6f5f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{align-items:center;border:1px solid #cbd6e2;border-radius:8px;background:#fff;color:#162033;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:8px 12px}button:disabled{cursor:not-allowed;opacity:.45}input,select{border:1px solid #cbd6e2;border-radius:3px;min-height:40px;padding:9px 11px;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#64748b 50%) calc(100% - 18px) 50% / 6px 6px no-repeat,linear-gradient(135deg,#64748b 50%,transparent 50%) calc(100% - 13px) 50% / 6px 6px no-repeat,#fff;padding-right:34px}h1,h2,p{margin-top:0}h1{font-size:28px;line-height:1.15;margin-bottom:6px}h2{font-size:18px;margin:28px 0 12px}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #dbe4ee;padding:12px;text-align:left;vertical-align:middle}th{color:#52657a;font-size:13px;text-transform:uppercase}.center-screen,.auth-layout{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:24px}.auth-layout{background:linear-gradient(#06101ea8,#06101e80),url(https://images.unsplash.com/photo-1517927033932-b3d18e61fb3a?auto=format&fit=crop&w=1800&q=80) center / cover}.auth-panel,.admin-panel{background:#fff;border:1px solid #dbe4ee;border-radius:8px;box-shadow:0 18px 60px #14233729;padding:24px}.auth-panel{max-width:440px;width:100%}.app-shell{min-height:100vh}.sidebar{background:#e8e8e8;border-right:1px solid #cfd3dc;color:#111827;display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow:hidden;padding:28px 18px 24px;position:fixed;width:240px}.sidebar:before{background:linear-gradient(180deg,#e8e8e83d,#e8e8e800 108%,#e8e8e81f),linear-gradient(#258e63f0,#137e5266),var(--sidebar-player) center / auto 100% no-repeat;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar-logo{align-items:center;display:flex;justify-content:center;margin:0 0 28px}.sidebar-logo img{display:block;height:116px;object-fit:contain;width:116px}.brand{align-items:center;display:flex;gap:12px;margin-bottom:34px}.brand.compact{color:#162033;justify-self:center}.brand-mark{align-items:center;background:#f7d117;border-radius:8px;color:#0b5f2a;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.brand small{color:#fff;display:block;font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand.compact small{color:#64748b}.nav-list{display:grid;gap:12px}.nav-item{background:#ffffff29;border-color:#ffffff38;border-radius:3px;color:#fff;font-size:13px;font-weight:700;justify-content:flex-start;min-height:36px;padding:8px 12px;width:100%}.nav-item.active,.nav-item:hover{background:#f7d117;border-color:#f7d117;color:#0b5f2a}.logout{color:#ffe8e8}.main-content{background:#faf9f8;display:flex;flex-direction:column;margin-left:240px;min-height:100vh;padding:32px 26px 0}.content-stage{flex:1}.page-section{margin:0 auto;max-width:1180px}.page-header,.profile-header{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.page-header p,.profile-header p{color:#52657a;margin-bottom:0}.dashboard-page{max-width:1220px}.dashboard-header{align-items:end;display:flex;justify-content:space-between;margin-bottom:38px}.dashboard-header h1{color:#0b5f2a;font-size:26px;margin-bottom:6px}.dashboard-header p{color:#3f4652;margin-bottom:0}.dashboard-actions{display:flex;gap:16px}.dashboard-actions button{border-radius:4px;color:#0b5f2a;font-size:13px;font-weight:800;min-height:40px;padding:8px 18px}.success-button{background:#0b8f3a;border-color:#0b8f3a;color:#fff!important}.dashboard-layout{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 390px}.dashboard-main-column,.dashboard-side-column{display:grid;gap:30px}.dashboard-panel{background:#fff;border:1px solid #c8ced8;border-radius:8px;box-shadow:0 10px 22px #0f172a0a;overflow:hidden}.dashboard-panel h2{align-items:center;color:#0b5f2a;display:flex;font-size:22px;gap:10px;margin:0}.sr-only{height:1px;left:-9999px;overflow:hidden;position:absolute;top:auto;width:1px}.panel-heading{align-items:center;border-bottom:1px solid #cfd5df;display:flex;justify-content:space-between;min-height:70px;padding:0 24px}.phase-select{border:1px solid #c8ced8;border-radius:4px;color:#2f3440;font-size:17px;padding:8px 14px}.score-table{display:grid}.next-games-panel{overflow:hidden}.pending-alert{align-items:center;background:#eef1f5;border:1px solid #cfd5df;border-radius:999px;color:#536274;display:inline-flex;font-size:12px;font-weight:900;gap:6px;padding:7px 12px}.pending-alert.active{background:#fff1bf;border-color:#e0bd34;color:#8a4f05}.prediction-notice{align-items:center;background:#fff8d7;border-bottom:1px solid #e6d58b;color:#5f4907;display:flex;gap:14px;justify-content:space-between;padding:14px 22px}.prediction-notice strong{font-size:14px}.prediction-notice button{background:#0b8f3a;border-color:#0b8f3a;color:#fff;min-height:36px;padding:7px 14px}.next-games-list{display:grid}.next-game-row{align-items:center;border-bottom:1px solid #dbe1ea;display:grid;gap:14px;grid-template-columns:minmax(220px,1fr) 150px 92px;padding:16px 22px}.next-game-row.pending{background:#fffdf2}.next-game-row strong{align-items:center;color:#202330;display:flex;flex-wrap:wrap;gap:8px}.next-game-row small,.next-game-row span{align-items:center;color:#536274;display:inline-flex;font-size:13px;gap:6px}.next-game-row em{border-radius:999px;color:#087a40;font-size:12px;font-style:normal;font-weight:900;justify-self:end}.next-game-row.pending em{color:#8a4f05}.ranking-bars{border-bottom:1px solid #cfd5df;display:grid;gap:16px;padding:22px 24px}.ranking-bars-title{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.ranking-bars-title strong{color:#0b5f2a;font-size:15px}.ranking-bars-title span{color:#536274;font-size:13px}.ranking-column-chart{display:grid;grid-template-columns:42px 1fr;min-height:280px}.ranking-y-axis{border-right:1px solid #9aa3b2;color:#2f3440;display:flex;flex-direction:column;font-size:12px;justify-content:space-between;padding:0 8px 28px 0;text-align:right}.ranking-plot{border-bottom:1px solid #8d98aa;position:relative}.ranking-grid-lines{bottom:28px;display:flex;flex-direction:column;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:0}.ranking-grid-lines span{border-top:1px solid #d7dbe2;display:block}.ranking-columns{align-items:end;bottom:0;display:grid;gap:18px;grid-template-columns:repeat(6,minmax(46px,1fr));left:18px;position:absolute;right:18px;top:0}.ranking-column{display:grid;gap:8px;grid-template-rows:1fr 22px;height:100%;min-width:0}.ranking-column-track{align-items:end;display:flex;justify-content:center;min-height:0;position:relative}.ranking-column-bar{align-items:start;background:#f7d117;border:1px solid #d6af00;display:flex;justify-content:center;max-width:86px;min-width:44px;padding-top:7px;width:72%}.ranking-column-value{color:#fff;font-size:12px;font-weight:800}.ranking-column strong{color:#2f3440;font-size:12px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.score-table-head,.score-table-row{display:grid;grid-template-columns:160px 1fr 150px 1fr 120px}.score-table-head{background:#fafafa;border-bottom:1px solid #cfd5df;color:#4b5563;font-size:12px;font-weight:900;letter-spacing:0;padding:16px 22px;text-transform:uppercase}.score-table-row{align-items:center;border-bottom:1px solid #dbe1ea;gap:10px;padding:18px 22px}.score-table-row>div:first-child{display:grid;gap:2px}.score-table-row strong{color:#202330}.score-table-row span{color:#4b5563}.official-score-inputs{align-items:center;display:grid;gap:10px;grid-template-columns:54px 22px 54px}.official-score-inputs input{border-radius:4px;font-weight:800;min-height:46px;text-align:center}.official-score-inputs svg{color:#8d98aa;justify-self:center}.status-badge{border-radius:999px;font-size:12px;font-weight:800;min-height:30px;padding:4px 14px}.status-badge.pending{background:#eef1f5;border-color:#cfd5df;color:#4b5563}.status-badge.saved,.status-badge.pending:hover{background:#dff7e8;border-color:#8ed9b0;color:#087a40}.panel-link{background:transparent;border:0;border-radius:0;color:#0b5f2a;font-size:13px;font-weight:900;min-height:56px;width:100%}.empty-panel{color:#6b7280;margin:0;padding:22px}.stat-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.dashboard-stat{background:#fff;border:1px solid #c8ced8;border-radius:8px;box-shadow:0 10px 22px #0f172a0a;min-height:124px;padding:24px}.dashboard-stat.primary{background:#f7d117;border-color:#f7d117;color:#0b5f2a}.dashboard-stat.live-stat{background:#0b8f3a;border-color:#0b8f3a;color:#fff}.dashboard-stat span{display:block;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.dashboard-stat strong{display:block;font-size:36px;line-height:1.1;margin-top:8px}.dashboard-stat strong small{color:#a4adbc;font-size:22px}.dashboard-stat small{color:#536274;display:block;font-size:13px;margin-top:10px}.dashboard-stat.primary small{color:#77ff9b}.live-games-panel .panel-heading{color:#1f2937}.live-games-list{display:grid}.live-game-row{border-bottom:1px solid #dbe1ea;display:grid;gap:10px;min-height:96px;padding:18px 22px}.live-game-row strong{align-items:center;color:#202330;display:flex;flex-wrap:wrap;gap:8px}.live-game-row span,.live-game-row small{align-items:center;color:#536274;display:inline-flex;font-size:13px;gap:6px}.live-game-row small{color:#6b7280}.empty-live-games{align-items:center;color:#536274;display:grid;gap:8px;justify-items:center;min-height:190px;padding:28px;text-align:center}.empty-live-games svg{color:#0b5f2a}.empty-live-games strong{color:#202330}.segmented{background:#edf3f8;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px}.segmented button{border:0}.segmented button.active{background:#fff;box-shadow:0 1px 4px #14233724}.form-grid{display:grid;gap:14px}.form-grid label{color:#52657a;display:grid;font-size:13px;gap:6px}.form-row,.filters{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}.games-page{max-width:none}.games-header{align-items:flex-start}.games-header h1{color:#0b5f2a;font-size:24px;margin-bottom:8px}.warning-copy{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:6px}.warning-copy svg{color:#d93f3f}.game-filters{align-items:end;background:#f7f7f9;border:1px solid #bfc5d1;border-radius:7px;display:grid;gap:12px;grid-template-columns:150px 140px 140px 40px;padding:12px 14px}.game-filters label{color:#4b5563;display:grid;font-size:11px;font-weight:700;gap:5px}.game-filters input,.game-filters select{border-color:#c8ced8;border-radius:2px;color:#1f2937;font-size:13px;min-height:40px}.icon-button{border-radius:3px;min-height:40px;padding:8px;width:40px}.filter-clear{background:#e8ebf0;border-color:#bfc5d1;color:#111827}.game-card-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card{background:#fff;border:1px solid #cfd5df;border-radius:6px;box-shadow:0 8px 16px #0f172a0f;min-height:192px;overflow:hidden;padding:30px 20px 18px;position:relative}.game-card:before{content:"";height:7px;left:0;position:absolute;right:0;top:0}.game-card.open:before{background:linear-gradient(90deg,#0b8f3a 0,#0b8f3a 14%,#f7d117 14%,#f7d117)}.game-card.locked:before{background:#ffd761}.game-card.live:before{background:#f59e0b}.game-card.closed:before{background:#a7afbd}.game-card.finished:before{background:#cfd3dd}.game-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.game-chip{align-items:center;background:#e8e8e8;border-radius:4px;color:#3f3f46;display:inline-flex;font-size:11px;font-weight:800;gap:4px;min-height:22px;padding:4px 9px}.game-chip.status.open{background:#dff7e8;color:#09914a}.game-chip.status.locked{background:#fff1bf;color:#8a6a05}.game-chip.status.live{background:#fff1bf;color:#8a4f05}.game-chip.status.closed{background:#eef1f5;color:#536274}.game-chip.status.finished{background:#eceef2;color:#657081}.game-score-form{align-items:start;column-gap:8px;display:grid;grid-template-columns:minmax(0,1fr) 54px 22px 54px minmax(0,1fr);grid-template-rows:auto 36px;row-gap:12px}.game-score-form input{align-self:center;border-color:#cbd3df;border-radius:4px;font-weight:800;grid-row:2;height:32px;min-height:32px;padding:4px;text-align:center}.game-score-form input:first-of-type{grid-column:2}.game-score-form input:last-of-type{grid-column:4}.game-score-form input:disabled{background:#f7f8fa;color:#7a8494}.official-score-box{align-items:center;align-self:center;background:#eaf7ef;border:1px solid #9dd7b3;border-radius:4px;color:#0b5f2a;display:inline-flex;font-size:17px;font-weight:900;grid-row:2;height:32px;justify-content:center;min-height:32px;padding:4px;text-align:center}.official-score-box:first-of-type{grid-column:2}.official-score-box:last-of-type{grid-column:4}.score-separator{align-self:center;color:#6b7280;grid-column:3;grid-row:2;justify-self:center}.game-team{display:grid;gap:6px;grid-column:1 / 3;grid-row:1;justify-items:start;min-width:0}.game-team.right{grid-column:4 / 6;justify-items:end;text-align:right}.game-team strong{color:#191c24;display:block;font-size:17px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-flag{border:1px solid #d5dbe5;border-radius:3px;box-shadow:0 1px 2px #0f172a14;display:block;height:28px;object-fit:cover;width:40px}.game-card-footer{align-items:center;color:#4b5563;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-top:30px}.game-card-footer span,.game-card-footer strong{align-items:center;display:inline-flex;gap:5px;min-width:0}.game-card-actions{border-top:1px solid #e4e8ef;display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px}.game-card-actions button{align-items:center;display:inline-flex;gap:6px}.live-status{color:#8a6a05}.closed-status{color:#536274}.prediction-result{color:#16a05a}.prediction-countdown{color:#0b5f2a}.prediction-countdown.urgent{color:#8a4f05}.app-footer{align-items:center;border-top:1px solid #cfd3dc;color:#1f2937;display:flex;font-size:14px;justify-content:space-between;margin:34px -26px 0;min-height:64px;padding:0 28px}.app-footer nav{display:flex;gap:28px}.app-footer a{color:#374151;font-weight:700;text-decoration:none}.primary-button{background:#175abc;border-color:#1f8a70;color:#fff;font-weight:700}.alert{background:#fff7e1;border:1px solid #f1d48b;border-radius:8px;color:#6e5208;padding:10px 12px}.alert.error{background:#ffeaea;border-color:#ffb8b8;color:#9f1d1d}.modal-backdrop{align-items:center;background:#0f172a94;bottom:0;display:flex;justify-content:center;left:0;padding:22px;position:fixed;right:0;top:0;z-index:30}.predictions-modal{background:#fff;border-radius:8px;box-shadow:0 24px 70px #0f172a47;max-height:min(760px,92vh);max-width:820px;overflow:hidden;width:min(820px,100%)}.predictions-modal-header{align-items:flex-start;border-bottom:1px solid #dbe4ee;display:flex;gap:16px;justify-content:space-between;padding:20px}.predictions-modal-header h2{align-items:center;display:flex;gap:14px;margin:12px 0 8px}.predictions-modal-header p{color:#52657a;margin-bottom:0}.prediction-votes-list{display:grid;gap:0;max-height:560px;overflow-y:auto}.prediction-vote-row{align-items:center;border-bottom:1px solid #edf1f6;display:grid;gap:14px;grid-template-columns:minmax(220px,1fr) 110px 150px;min-height:66px;padding:12px 20px}.prediction-vote-row.empty{background:#f8fafc}.prediction-vote-row .person-cell div{display:grid;gap:2px}.prediction-vote-row .person-cell span{color:#64748b;font-size:12px}.vote-score{color:#111827;font-size:18px;text-align:center}.prediction-vote-row.empty .vote-score{color:#7a8494;font-size:14px}.vote-points{color:#52657a;font-size:13px;font-weight:700;text-align:right}.rank-change{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;gap:4px;min-width:54px;padding:5px 9px}.rank-change.up{background:#dff7e8;color:#087a40}.rank-change.down{background:#ffeaea;color:#9f1d1d}.rank-change.neutral{background:#eef1f5;color:#536274}.check-filter{align-items:center;display:flex;gap:8px}.check-filter input{min-height:auto;width:auto}.match-list{display:grid;gap:12px}.match-row{align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:8px;display:grid;gap:16px;grid-template-columns:minmax(220px,1.1fr) minmax(240px,1.3fr) 160px 210px;padding:16px}.compact-list .match-row{grid-template-columns:minmax(240px,1fr) 240px minmax(220px,auto)}.test-match-list .match-row{grid-template-columns:minmax(260px,1fr) 120px 120px}.match-meta{display:grid;gap:3px;min-width:0}.match-meta span,.match-meta small{color:#52657a}.scoreline{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 72px 1fr}.scoreline strong{background:#edf3f8;border-radius:8px;padding:8px;text-align:center}.team-name{align-items:center;display:inline-flex;gap:7px;min-width:0;max-width:100%}.team-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name-end{justify-content:flex-end}.team-flag{flex:0 0 auto;border:1px solid #d5dbe5;border-radius:2px;height:14px;object-fit:cover;width:20px}.inline-match{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;min-width:0}.status-pill{border-radius:999px;font-size:13px;font-weight:700;padding:8px 10px;text-align:center}.status-pill.open{background:#dff8ed;color:#126242}.status-pill.closed{background:#eef1f5;color:#536274}.status-pill.active{background:#dff8ed;color:#126242}.status-pill.live{background:#fff1bf;color:#8a4f05}.status-pill.blocked{background:#ffeaea;color:#9f1d1d}.prediction-form{align-items:center;display:grid;gap:8px;grid-template-columns:52px 12px 52px 1fr}.prediction-form button{min-width:48px}.match-admin-status{align-items:center;display:flex;gap:8px;justify-content:flex-end}.match-admin-status button{align-items:center;display:inline-flex;gap:6px;min-width:104px}.role-badge{border-radius:999px;display:inline-flex;font-size:13px;font-weight:800;padding:7px 10px}.role-badge.admin{background:#fff1bf;color:#735704}.role-badge.user{background:#eef1f5;color:#536274}.danger-button{border-color:#ffb8b8;color:#9f1d1d}.user-admin-stats,.user-crud-form{margin-bottom:18px}.user-crud-form .panel-heading{border-bottom:0;min-height:auto;padding:0}.user-crud-form h2{margin:0}.user-form-controls{align-items:end}.user-blocked-field{min-height:42px}.table-wrap{background:#fff;border:1px solid #dbe4ee;border-radius:8px;overflow-x:auto}.person-cell,.button-row,.admin-actions{align-items:center;display:flex;gap:10px}.avatar{border-radius:999px;flex:0 0 auto;object-fit:cover}.avatar-fallback{align-items:center;background:#dcebe7;color:#1f6958;display:inline-flex;font-weight:800;justify-content:center}.stats-grid,.admin-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric{background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:16px}.metric span{color:#52657a;display:block;font-size:13px}.metric strong{font-size:28px}.points-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:18px 0}.points-summary-item{align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:8px;display:grid;gap:6px 10px;grid-template-columns:26px 1fr auto;padding:14px 16px}.points-summary-item svg{color:#0b5f2a}.points-summary-item span{color:#52657a;font-size:13px;font-weight:800}.points-summary-item strong{color:#202330;font-size:22px}.score-reason{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;padding:5px 9px;white-space:nowrap}.score-reason.exact,.score-reason.outcome{background:#dff7e8;color:#087a40}.score-reason.pending{background:#eef1f5;color:#536274}.score-reason.miss{background:#ffeaea;color:#9f1d1d}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{gap:16px;height:auto;padding:20px;position:static;width:auto}.nav-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.match-row,.compact-list .match-row,.scoreline{grid-template-columns:1fr}.main-content{margin-left:0;padding:20px}.games-header,.dashboard-header,.app-footer{align-items:stretch;flex-direction:column}.dashboard-header,.dashboard-actions{gap:14px}.dashboard-actions{flex-direction:column}.dashboard-layout,.stat-grid{grid-template-columns:1fr}.panel-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 20px}.score-table{overflow-x:auto}.score-table-head,.score-table-row{min-width:720px}.ranking-bars{overflow-x:auto}.ranking-column-chart{min-width:620px}.prediction-notice,.next-game-row{align-items:stretch;grid-template-columns:1fr}.prediction-notice{flex-direction:column}.next-game-row em{justify-self:start}.game-filters{grid-template-columns:1fr 1fr}.filter-clear{width:100%}.game-score-form{grid-template-columns:1fr 48px 12px 48px 1fr}.game-card-footer{align-items:flex-start;flex-direction:column}.predictions-modal-header h2{align-items:stretch;flex-direction:column}.prediction-vote-row{align-items:stretch;grid-template-columns:1fr}.vote-score,.vote-points{text-align:left}.app-footer{gap:14px;margin-left:-20px;margin-right:-20px;padding:18px 20px}}.animate-spin{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}