:root{color:#18202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}#root{min-height:100vh}.app{color:#18202a;background:linear-gradient(#f8fafc 0%,#f4f6f8 100%);min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e7e9ed;justify-content:space-between;align-items:center;min-height:78px;padding:0 6vw;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;letter-spacing:.04em;background:#f58220;border-radius:12px;place-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:grid}.brand-title{letter-spacing:.04em;font-weight:800;line-height:1.1}.brand-subtitle{color:#7b8490;letter-spacing:.12em;margin-top:4px;font-size:12px;font-weight:700}.navigation{gap:8px;display:flex}.nav-button{color:#6c7480;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 16px;font-weight:650}.nav-button:hover{color:#20252b;background:#f5f6f7}.nav-button.active{color:#d7650b;background:#fff1e6}.content{width:min(1180px,88vw);margin:0 auto;padding:72px 0 90px}.hero{margin-bottom:35px}.eyebrow{color:#e96f12;letter-spacing:.15em;margin:0 0 10px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,54px)}.hero-description{color:#707985;max-width:590px;margin:16px 0 0;font-size:17px;line-height:1.6}.card{background:#fff;border:1px solid #e6e8eb;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #1018280d}.card-heading{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;padding:25px 28px;display:flex}.card-heading h2{margin:0;font-size:20px}.card-heading p{color:#87909b;margin:5px 0 0;font-size:14px}.match-count{color:#666f7a;background:#f3f4f6;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#89919c;letter-spacing:.09em;background:#fafafa;padding:14px 22px;font-size:11px;font-weight:800}td{border-top:1px solid #f0f1f3;padding:20px 22px;font-size:15px}tbody tr:hover{background:#fffaf6}.position-column{width:65px}.position{font-size:20px;font-weight:700}.player-name{min-width:180px;font-weight:700}.rating{color:#df6b12;font-size:17px;font-weight:800}.positive{color:#17874f;font-weight:700}.negative{color:#b94b4b;font-weight:700}.score-column{text-align:center}.score{text-align:center;color:#171b20;min-width:90px;font-size:17px;font-weight:800}.team{min-width:220px;font-weight:650}footer{color:#9aa1aa;text-align:center;letter-spacing:.12em;background:#fff;border-top:1px solid #e5e7ea;padding:30px;font-size:11px;font-weight:700}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 5vw}.content{width:92vw;padding-top:45px}.card-heading{flex-direction:column;align-items:flex-start;gap:14px}th,td{padding-left:16px;padding-right:16px}}.status-screen{color:#18202a;text-align:center;background:#f6f7f9;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.error-message{color:#a33b3b}.empty-state{color:#89919c;text-align:center;padding:50px 25px;font-size:15px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.admin-card{padding:28px}.admin-card h2{margin-top:0}.admin-section-heading{margin-bottom:24px}.admin-section-heading h2{margin:0}.admin-section-heading p{color:#87909b;margin:6px 0 0}.admin-form{flex-direction:column;gap:18px;display:flex}.admin-form label{color:#505862;flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}.admin-form input,.admin-form select{color:#18202a;background:#fff;border:1px solid #dfe2e6;border-radius:9px;outline:none;width:100%;padding:12px 14px}.admin-form input:focus,.admin-form select:focus{border-color:#f58220;box-shadow:0 0 0 3px #f582201f}.team-form-block{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team-form-block h3{grid-column:1/-1;margin:0;font-size:14px}.score-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:12px 18px;font-weight:750}.primary-button{color:#fff;background:#f58220}.primary-button:hover{background:#df7017}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{color:#343b44;background:#eef0f3}.secondary-button:hover{background:#e3e6ea}.form-error{color:#b43e3e;margin:0;font-size:14px}.form-hint{color:#818a95;margin:0;font-size:13px;line-height:1.5}.admin-message{color:#9e5319;background:#fff7f0;border:1px solid #f2d3ba;border-radius:10px;grid-column:1/-1;padding:15px 18px}.admin-actions{grid-column:1/-1;justify-content:flex-end;display:flex}@media (width<=850px){.admin-grid,.team-form-block,.score-inputs{grid-template-columns:1fr}}.admin-full-width{grid-column:1/-1}.match-actions{gap:8px;display:flex}.small-button{color:#303740;font:inherit;cursor:pointer;background:#eef0f3;border:0;border-radius:7px;padding:8px 12px;font-size:13px;font-weight:700}.small-button:hover{background:#e2e5e9}.danger-button{color:#b13b3b;background:#fff0f0}.danger-button:hover{background:#ffe1e1}.small-button:disabled{opacity:.45;cursor:not-allowed}.small-button:disabled:hover{background:#fff0f0}
