*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;background:#f6f7fb;color:#111}
a{color:inherit;text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:12px}
.site-header{background:#111;color:#fff}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.brand a{font-weight:700;color:#fff}
.nav a{margin-left:12px;color:#ddd}
.nav a:hover{color:#fff}
.site-footer{background:#111;color:#aaa;margin-top:32px}
.site-footer .container{padding:20px 12px}

.match-list{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
.match-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px;display:block}
.match-card .teams{display:flex;gap:8px;justify-content:center;font-weight:600}
.match-card .meta{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#555;margin-top:6px}
.match-card .tags{margin-top:2px;font-size:12px;color:#333}

.prob-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.prob{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px;text-align:center}
.matrix{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.matrix th,.matrix td{border:1px solid #e5e7eb;padding:6px;text-align:center;font-size:12px}

.league-list{list-style:none;padding:0;margin:0}
.league-list li{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px;margin:8px 0}

.auth{background:#0f172a;color:#e2e8f0;min-height:100vh;display:flex;align-items:center;justify-content:center}
.auth-card{background:#111827;padding:22px;border-radius:10px;width:min(420px,92%)}
.auth-card h1{margin-top:0}
.auth-card .alert{background:#7f1d1d;color:#fecaca;padding:8px;border-radius:6px;margin-bottom:8px}
.auth-card label{display:block;margin-bottom:10px;font-size:14px}
.auth-card input{width:100%;padding:10px;border-radius:8px;border:1px solid #374151;background:#0b1220;color:#e5e7eb}
.auth-card button{width:100%;padding:10px;border:none;border-radius:8px;background:#22c55e;color:#041b06;font-weight:700;cursor:pointer}

.admin-wrap{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.admin-nav{background:#0b1220;color:#cbd5e1;padding:16px;display:flex;flex-direction:column;gap:8px}
.admin-nav a{color:#cbd5e1;padding:8px;border-radius:6px}
.admin-nav a.active,.admin-nav a:hover{background:#1f2937}
.admin-main{padding:16px}
.inline-form input,.inline-form select{padding:8px;border:1px solid #d1d5db;border-radius:6px;margin-right:6px}
.inline-form button{padding:8px 12px;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}
.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:10px}
th,td{padding:8px;border:1px solid #e5e7eb;font-size:14px}
.btn-danger{background:#ef4444;color:#fff;padding:6px 10px;border-radius:6px}