:root{color-scheme:light;--bg: #f7f9f6;--panel: #ffffff;--panel-strong: #f0f5ef;--text: #14201b;--muted: #66736c;--line: #dde5df;--green: #127a4d;--green-soft: #e3f4eb;--navy: #17243f;--amber: #ad7b16;--red: #b84545;--shadow: 0 16px 40px rgba(21, 41, 31, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(18,122,77,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(18,122,77,.05) 1px,transparent 1px),var(--bg);background-size:44px 44px;color:var(--text);overflow-x:hidden}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--navy);font-size:18px;font-weight:900}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:310px 1fr;min-height:100vh;max-width:100vw}.sidebar{background:#ffffffd1;border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--green);box-shadow:0 10px 20px #127a4d33}h1,h2,p{margin:0}h1{font-size:19px;line-height:1.15;letter-spacing:0}.brand p,.section-title,.overline,.match-meta,.row-footer,.detail-title span,.real-score span,.admin-row span{color:var(--muted);font-size:12px;line-height:1.4}.login-panel,.rules,.detail-panel,.table-panel,.admin-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.login-panel,.rules{padding:14px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:700;text-transform:uppercase}select,input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 10px;outline:none}select:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.pin-row{display:grid;grid-template-columns:1fr 96px;gap:8px;margin-top:10px}.primary-button,.secondary-button,.icon-button,.tabs button{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-size:14px;font-weight:700}.primary-button{background:var(--green);color:#fff}.secondary-button,.icon-button{background:#fff;color:var(--navy);border-color:var(--line)}.session-card{margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:var(--green-soft)}.session-card div{display:flex;flex-direction:column;gap:2px}.session-card span{color:var(--green);font-size:12px;font-weight:700}.tabs{display:grid;gap:8px}.tabs button{justify-content:flex-start;width:100%;padding:0 12px;background:transparent;color:var(--muted)}.tabs button.active{background:var(--navy);color:#fff}.rule-line{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.rule-line strong{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:var(--green-soft)}.workspace{padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.app-message{margin-bottom:14px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:14px;font-weight:800;box-shadow:0 8px 20px #15291f0d}.overline{display:block;margin-bottom:4px;font-weight:800;text-transform:uppercase}h2{font-size:30px;line-height:1.1;letter-spacing:0}.fixture-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.match-list{display:grid;gap:14px}.date-group{display:grid;gap:8px}.date-heading{color:var(--navy);font-size:13px;font-weight:900;text-transform:uppercase}.match-row{background:#ffffffe6;border:1px solid var(--line);border-radius:8px;padding:13px;display:grid;gap:10px;box-shadow:0 8px 20px #15291f0d;min-width:0}.match-row.selected{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft),0 8px 20px #15291f0d}.match-meta,.row-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.teams{display:grid;grid-template-columns:minmax(90px,1fr) 54px 14px 54px minmax(90px,1fr);align-items:center;gap:8px}.teams span:first-child{text-align:right}.teams span:last-child{text-align:left}.teams span{min-width:0;overflow-wrap:anywhere}.teams input,.admin-score input{min-height:38px;text-align:center;font-weight:900;padding:0 4px}.dash{text-align:center;color:var(--muted);font-weight:900}.status{display:inline-flex;align-items:center;gap:5px;font-weight:800}.status.abierto{color:var(--green)}.status.cerrado{color:var(--amber)}.status.jugado{color:var(--navy)}.detail-panel{position:sticky;top:24px;padding:16px}.detail-title{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--line)}.detail-title strong{font-size:20px}.real-score{margin:14px 0;padding:14px;border-radius:8px;background:var(--panel-strong);display:flex;justify-content:space-between;align-items:center}.real-score strong{font-size:22px}.prediction-list{display:grid;gap:8px}.prediction-line{display:grid;grid-template-columns:1fr 72px 54px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.prediction-line em{color:var(--green);font-style:normal;font-size:13px;font-weight:900;text-align:right}.table-panel{overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:54px 1.4fr repeat(4,1fr);gap:8px;align-items:center;padding:14px 16px}.table-head{color:var(--muted);background:var(--panel-strong);font-size:12px;font-weight:900;text-transform:uppercase}.table-row{border-top:1px solid var(--line)}.rank{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--navy);color:#fff;font-weight:900}.admin-panel{padding:10px;display:grid;gap:8px}.admin-warning{padding:12px;border-radius:8px;color:var(--amber);background:#fff4dc;border:1px solid #ead29e;font-weight:800}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px}.admin-row div:first-child{display:grid;gap:4px}.admin-score{display:grid;grid-template-columns:48px 10px 48px 20px;align-items:center;gap:6px;color:var(--green)}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1.1fr}.tabs,.rules{grid-column:span 2}.fixture-layout{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:700px){.sidebar,.workspace{padding:16px;width:100vw;max-width:100vw}.sidebar{grid-template-columns:1fr}.sidebar>*,.workspace>*{max-width:calc(100vw - 32px)}.tabs,.rules{grid-column:span 1}.topbar{flex-direction:column}.pin-row{grid-template-columns:1fr}.primary-button{width:100%}h2{font-size:24px}.teams{grid-template-columns:1fr 46px 10px 46px 1fr;font-size:13px}.table-head,.table-row{grid-template-columns:40px 1.2fr repeat(2,.7fr)}.table-head span:nth-child(5),.table-head span:nth-child(6),.table-row span:nth-child(5),.table-row span:nth-child(6){display:none}.admin-row{grid-template-columns:1fr}}