:root{--bg:#f4f6f8;--card:#fff;--text:#16202a;--muted:#687583;--accent:#f28c28;--dark:#17212b;--line:#e2e7eb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--text)}
header{background:linear-gradient(135deg,#17212b,#2c3d4d);color:#fff}.wrap{max-width:1100px;margin:auto;padding:22px 16px}
.brand{display:flex;gap:14px;align-items:center}.ball{width:48px;height:48px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:27px}
h1{margin:0}.subtitle{color:#d8dee5;margin-top:4px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.nav a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:8px;background:#ffffff14}.nav a:hover{background:var(--accent)}
main{max-width:1100px;margin:22px auto;padding:0 16px}.card{background:#fff;padding:18px;border-radius:14px;box-shadow:0 3px 14px #0000000c;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team{background:#fff;padding:16px;border-radius:12px;box-shadow:0 3px 12px #0000000b}.logo{width:78px;height:78px;border:1px solid var(--line);border-radius:14px;object-fit:contain;background:#fff;padding:5px}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:center}th{background:#eef1f4}.left{text-align:left}.muted{color:var(--muted)}
.badge{display:inline-block;background:#fff0df;color:#9d5300;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:bold}
.match{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.home{text-align:right;font-weight:bold}.away{font-weight:bold}
input[type=number],input[type=text],input[type=password],textarea{padding:9px;border:1px solid #cbd3da;border-radius:7px;width:100%}button{background:var(--accent);border:0;color:#fff;padding:10px 14px;border-radius:8px;font-weight:bold;cursor:pointer}
.adminbar{background:#fff7ed;border-left:4px solid var(--accent);padding:12px;border-radius:8px;margin-bottom:16px}.small{font-size:13px}.danger{background:#b42318}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}.match{grid-template-columns:1fr}.home{text-align:center}.away{text-align:center}}