:root{color:#172418;background:radial-gradient(circle at 0 0,#ffd60a38,#0000 34rem),linear-gradient(135deg,#063f2c 0%,#0b6b43 42%,#f3f7ef 42% 100%);min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0}main{width:min(1180px,100% - 32px);margin:0 auto 48px}.hero{color:#fff;align-items:end;min-height:260px;padding:44px 0 32px;display:flex}.hero div{max-width:760px}.hero p,.section-kicker{color:#ffd60a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.hero span{color:#ffffffd1;margin-top:12px;font-size:18px;display:inline-block}h1{margin:0;font-size:56px;line-height:1}h2,h3{margin:0 0 16px}section,.panel{background:#fffffff5;border:1px solid #1454311f;border-radius:8px;box-shadow:0 18px 50px #063f2c1f}section{margin-bottom:24px;padding:24px}.panel{padding:20px}.dashboard-shell{background:#ffffffb8;overflow:hidden}.grid,.stats-grid{gap:18px;display:grid}.grid.two{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.grid.two>*{min-width:0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.stats-grid article{color:#fff;background:linear-gradient(135deg,#063f2c,#0f7b4d);border-radius:8px;padding:18px}.stats-grid span{color:#ffffffbd;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.stats-grid strong{font-size:32px}.section-title,.match-card header,.result-row,.match-title,.team-name{align-items:center;gap:12px;min-width:0;display:flex}.section-title,.match-card header,.result-row{justify-content:space-between}table{border-collapse:collapse;width:100%;font-size:14px}.dashboard-table{table-layout:fixed}th,td{text-align:left;vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #e5ecdf;padding:12px 8px}th{color:#667563;text-transform:uppercase;font-size:12px}.rank,.points,.prediction-score,.score-badge,.score-pending,.status{border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.rank{color:#0f6f46;background:#edf5e8;min-width:42px;padding:6px 10px}.points{color:#172418;background:#ffd60a;min-width:44px;padding:7px 12px}.points.small{min-width:36px;padding:5px 10px}.match-list{gap:16px;min-width:0;display:grid}.day-pager{margin-bottom:16px}.day-strip{scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.day-chip{color:#172418;scroll-snap-align:start;background:#f7faf4;border:1px solid #dfe9d8;flex:0 0 112px;justify-items:center;gap:2px;min-height:72px;padding:8px;display:grid}.day-chip span,.day-chip small{color:#667563;text-transform:uppercase;font-size:11px;font-weight:800}.day-chip strong{font-size:14px}.day-chip.active{color:#fff;background:#063f2c}.day-chip.active span,.day-chip.active small{color:#ffffffc7}.empty-day{color:#667563;text-align:center;background:#f7faf4;border:1px dashed #b7cbaa;border-radius:8px;padding:24px;font-weight:800}.match-card{background:#fff;border:1px solid #dde8d6;border-radius:8px;padding:16px;overflow:hidden}.match-card header{align-items:flex-start}.match-meta{color:#667563;flex-wrap:wrap;gap:8px;margin:10px 0 14px;font-size:13px;display:flex}.team-name{overflow-wrap:anywhere;min-width:0;font-weight:900}.team-flag{background:#f4f7f1;border:1px solid #e1eadb;border-radius:999px;justify-content:center;width:42px;height:42px;padding-top:8px;font-size:22px;line-height:1;display:inline-flex}.match-title{flex-wrap:wrap;min-width:0}.score-badge{color:#fff;background:#063f2c;min-width:72px;padding:9px 14px}.score-pending{color:#0f6f46;background:#edf5e8;min-width:48px;padding:9px 12px}.status{padding:7px 10px;font-size:12px}.status.final{color:#12753d;background:#e8f7ed}.status.scheduled{color:#77610c;background:#fff4c2}.prediction-score{background:#f4f7f1;min-width:54px;padding:6px 10px}.predictions-table time{color:#667563;white-space:normal;font-size:12px;font-weight:800}.form-row,.prediction-form,.stack{gap:12px;display:flex}.prediction-form{flex-wrap:wrap;align-items:center}.prediction-form>input,.prediction-form>select{flex:220px}.stack{flex-direction:column;margin-bottom:16px}input,select,button{min-height:48px;font:inherit;border:1px solid #cbd9c3;border-radius:8px;max-width:100%;padding:0 12px}input,select{color:#172418;background:#fbfdf9;min-width:0}input:disabled,select:disabled,button:disabled{cursor:not-allowed;opacity:.58}input:focus,select:focus{border-color:#0f7b4d;outline:none;box-shadow:0 0 0 3px #0f7b4d24}button{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#0f7b4d,#063f2c);border:0;padding:0 18px;font-weight:900}button:hover{filter:brightness(1.05)}.button-link{color:#0f6f46;background:#edf5e8;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-secondary{color:#0f6f46;background:#edf5e8}.button-danger{color:#fff;background:#bd2727}code{color:#0f6f46;background:#edf5e8;border-radius:5px;padding:4px 8px;font-weight:900}.id-badge{color:#172418;letter-spacing:.01em;background:#ffd60a;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:900;display:inline-flex}.error{color:#bd2727}.message{color:#12753d;font-weight:800}.linked-match-note{color:#0f6f46;background:#edf5e8;border:1px solid #dfe9d8;border-radius:8px;margin:12px 0 16px;padding:10px 12px;font-size:14px;font-weight:900}.compact{gap:8px}.admin-match-list{gap:10px;margin-bottom:20px;display:grid}.admin-list-title{align-items:end;margin-bottom:12px}.match-search{min-width:min(320px,100%)}.admin-match-card{background:#fff;border:1px solid #e1eadb;border-radius:8px;grid-template-columns:1fr;align-items:stretch;gap:12px;padding:10px;display:grid}.admin-match-info{gap:8px;min-width:0;display:grid}.admin-match-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-match-date{color:#667563;font-size:12px;font-weight:800}.match-link-box{background:#f7faf4;border:1px solid #dfe9d8;border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.match-link-box label{gap:6px;min-width:0;display:grid}.match-link-box label span,.match-link-box small{color:#667563;text-transform:uppercase;font-size:11px;font-weight:900}.match-link-box input{width:100%;height:40px;min-height:40px;font-size:12px}.match-link-actions{flex-wrap:wrap;gap:8px;display:flex}.match-link-actions button,.match-link-actions .button-link{flex:110px;min-height:42px}.result-inline{grid-column:1/-1;justify-content:stretch;align-items:center;gap:10px;min-width:0;display:flex}.result-inline .score-entry{flex:720px;min-width:0}.result-inline button{flex:none}.actions-menu{flex:none;position:relative}.icon-button{color:#0f6f46;background:#edf5e8;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:20px;display:inline-flex}.actions-popover{z-index:20;background:#fff;border:1px solid #dfe9d8;border-radius:8px;gap:8px;min-width:190px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #063f2c2e}.actions-popover button{width:100%}.import-form{background:#f7faf4;border:1px dashed #b7cbaa;border-radius:8px;margin-bottom:20px;padding:12px}.advanced-records{background:#fff;border:1px solid #dfe9d8;border-radius:8px;margin-top:20px;overflow:hidden}.advanced-records summary{color:#0f6f46;cursor:pointer;background:#edf5e8;padding:16px;font-weight:900;list-style-position:inside}.advanced-content{gap:14px;padding:16px;display:grid}.manual-import-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.manual-import-table table{background:#fff;border:1px solid #e1eadb;border-radius:8px;min-width:940px;overflow:hidden}.manual-import-table input,.manual-import-table select{width:100%}.manual-import-table th:first-child,.manual-import-table td:first-child{width:360px}.manual-import-table th:nth-child(2),.manual-import-table td:nth-child(2){width:260px}.manual-import-table th:nth-child(3),.manual-import-table th:nth-child(4),.manual-import-table td:nth-child(3),.manual-import-table td:nth-child(4),.manual-import-table td:last-child{width:110px}.hint{color:#667563;margin:-2px 0 0;font-size:13px;line-height:1.35}.result-row{background:#fff;border:1px solid #e1eadb;border-radius:8px;padding:12px}.score-entry{background:#f7faf4;border:1px solid #dfe9d8;border-radius:8px;flex:420px;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.score-team{flex:1 1 0;justify-content:space-between;align-items:center;gap:10px;min-width:180px;display:flex}.score-team input{text-align:center;flex:none;width:76px;font-size:18px;font-weight:900}.score-versus{color:#fff;background:#063f2c;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:900}@media (width<=900px){main{width:min(720px,100% - 20px);margin-bottom:24px}.grid.two,.stats-grid{grid-template-columns:1fr}.form-row,.prediction-form{flex-direction:column}.form-row>input,.form-row>select,.form-row>button,.prediction-form>input,.prediction-form>select,.prediction-form>button{flex:none;width:100%}.section-title,.match-card header,.result-row{flex-direction:column;align-items:stretch}.score-entry{flex-direction:column;flex:none;align-items:stretch;width:100%}.score-team{flex:none;min-width:0}h1{font-size:40px}}@media (width<=640px){:root{background:radial-gradient(circle at 0 0,#ffd60a2e,#0000 18rem),linear-gradient(#063f2c 0%,#0b6b43 24rem,#f3f7ef 24rem)}main{width:min(520px,100% - 14px)}.hero{min-height:190px;padding:28px 0 20px}.hero p,.section-kicker{font-size:11px}.hero span{font-size:15px;line-height:1.35}h1{font-size:34px}h2{font-size:22px}h3{font-size:18px}section,.panel{box-shadow:0 12px 28px #063f2c1a}section{margin-bottom:14px;padding:14px}.panel{padding:14px}.dashboard-shell{padding:10px}.dashboard-shell .grid.two{gap:12px}.dashboard-shell .panel{min-width:0;padding:12px;overflow:hidden}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats-grid article{padding:12px 8px}.stats-grid span{font-size:11px;line-height:1.2}.stats-grid strong{font-size:24px}.section-title{gap:10px}.dashboard-shell .section-title{align-items:stretch}.section-title button,.prediction-form button,.form-row button,.stack button,.result-row button,.button-row button,.prediction-form>input,.prediction-form>select,.prediction-form>button{width:100%}.match-card{padding:8px}.day-strip{margin-inline:-2px}.day-chip{flex-basis:96px}.match-card header{gap:6px}.match-title{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:5px;width:100%;display:grid}.match-title .team-name{text-align:center;flex-direction:column;justify-content:start;gap:4px;min-width:0}.match-title .team-name span:last-child{overflow-wrap:anywhere;max-width:100%}.match-title .score-badge,.match-title .score-pending{align-self:center;min-width:38px;padding:6px 8px;font-size:12px}.team-name{font-size:12px;line-height:1.15}.team-flag{width:30px;min-width:30px;height:30px;padding-top:6px;font-size:16px}.match-meta{gap:3px;margin:6px 0 8px;font-size:11px;display:grid}.match-card .status{align-self:flex-start;padding:5px 8px;font-size:10px}.admin-match-card{grid-template-columns:1fr;align-items:stretch}.id-badge{justify-content:center;width:100%}.button-row{width:100%}.match-link-actions{flex-direction:row}.match-link-box{grid-template-columns:1fr;gap:6px;padding:8px}.match-link-box input{height:34px;min-height:34px;font-size:11px}.match-link-actions button,.match-link-actions .button-link{flex:1 1 0;width:100%;min-height:36px;padding:0 10px;font-size:13px}.admin-list-title{align-items:stretch}.match-search{width:100%}.result-inline{flex-direction:column;align-items:stretch;gap:8px}.admin-match-card .score-entry{flex:none;gap:6px;padding:7px}.admin-match-card .score-team{gap:6px;padding:6px}.admin-match-card .score-team input{width:58px;min-height:42px;font-size:16px}.admin-match-card .team-name{font-size:12px}.admin-match-card .team-flag{width:30px;min-width:30px;height:30px;padding-top:6px;font-size:16px}.admin-match-card .score-versus{padding:5px 8px;font-size:10px}.result-inline>button,.result-inline .icon-button{min-height:40px}.actions-menu,.icon-button{width:100%}.actions-popover{margin-top:8px;position:static}table,thead,tbody,tr,th,td{display:block}thead{width:1px;height:1px;position:absolute;overflow:hidden}tbody{gap:8px;display:grid}tr{background:#fbfdf9;border:1px solid #e1eadb;border-radius:8px;padding:10px}td{border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}td:before{color:#667563;content:attr(data-label);text-transform:uppercase;flex:none;font-size:11px;font-weight:900}.dashboard-table tbody{gap:6px}.dashboard-table tr{box-shadow:0 8px 18px #063f2c0f}.dashboard-table td,.dashboard-table td>strong,.dashboard-table td>span,.dashboard-table td:not([data-label]){min-width:0}.score-table tr{grid-template-columns:auto minmax(0,1fr) auto;gap:8px 10px;display:grid}.score-table td{border:0;padding:0;display:flex}.score-table td:before{content:none}.score-table td[data-label=Posicion]{grid-row:span 2;justify-content:flex-start}.score-table td[data-label=Participante]{justify-content:flex-start;align-items:center}.score-table td[data-label=Participante] strong{overflow-wrap:anywhere}.score-table td[data-label=Puntos]{justify-content:flex-end}.score-table td[data-label=Predicciones]{color:#667563;grid-column:2/4;justify-content:flex-start;font-size:12px;font-weight:800}.score-table td[data-label=Predicciones]:before{content:"Predicciones: ";font-size:inherit;text-transform:none;margin-right:4px;display:inline}.predictions-table td{align-items:center;gap:8px;padding:5px 0}.predictions-table td:before{flex:92px}.predictions-table td[data-label=Participante]{justify-content:space-between;align-items:flex-start}.predictions-table td[data-label=Creada]{color:#667563;font-size:12px}.prediction-score,.points.small{min-width:42px;padding:4px 8px;font-size:12px}.manual-import-table table{min-width:860px;display:table}.manual-import-table thead{width:auto;height:auto;display:table-header-group;position:static;overflow:visible}.manual-import-table tbody{display:table-row-group}.manual-import-table tr{background:0 0;border:0;border-radius:0;padding:0;display:table-row}.manual-import-table th,.manual-import-table td{border-bottom:1px solid #e5ecdf;padding:8px;display:table-cell}.manual-import-table td:before{content:none}td[colspan]{text-align:center;display:block}td[colspan]:before{content:""}.score-entry{gap:8px;padding:10px}.score-team{background:#fff;border:1px solid #e1eadb;border-radius:8px;min-height:58px;padding:8px}.score-team .team-name{flex:1}.score-team input{width:72px;min-height:52px}.score-versus{align-self:center}input,select,button{font-size:16px}}
