:root{--bg:#0b0d10;--fg:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--done:#6b7280;--active:#60a5fa;--empty:#0b1220}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;background:var(--bg);color:var(--fg)}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{background:#111827;border-bottom:1px solid #1f2937;padding:12px 0}
.topbar .brand{font-weight:700;margin-right:8px;color:var(--fg);text-decoration:none; flex-direction: column}
.nav a{color:var(--muted);text-decoration:none;margin-left:8px}
.table{width:100%;border-collapse:collapse;margin-top:8px; flex-direction: column}
.table th,.table td{border:1px solid #1f2937;padding:8px; flex-direction: column}
.form label{display:block;margin:8px 0}
.form input,.form select{width:100%;padding:8px;background:#111827;color:var(--fg);border:1px solid #374151;border-radius:8px}
button{padding:8px 12px;border:0;border-radius:10px;background:var(--accent);color:#000;cursor:pointer}
.bracket-wrapper{margin:8px 0;background:#071026;border:1px solid #102030;border-radius:8px;padding:12px;min-height:200px}
.tabs{display:flex;gap:8px;margin-top:12px;flex-direction: column}
.tab{display:none;margin-top:12px;flex-direction: column}
.tab.active{display:block;flex-direction: column}
.match-done{background:linear-gradient(90deg,#0b1220,#111827);color:var(--fg)}
.match-active{background:linear-gradient(90deg,#021124,#08324d);color:var(--fg)}
.match-empty{background:transparent;color:var(--muted)}
.error{background:#7f1d1d;padding:8px;border-radius:6px;margin:8px 0;color:#fff}
.form-inline input{width:auto;background:#111827;color:var(--fg);border:1px solid #374151;border-radius:8px;margin-right:8px}
.admin-controls{display:flex;gap:8px;align-items:center;margin:8px 0}
.logo-text {
    margin: 0;
    font-size: 1.5rem;
}

.logo-img {height: 150px;;margin-right:16px;color:var(--fg);text-decoration:none}