*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#0d0f14;color:#e2e8f0;padding:30px 20px;min-height:100vh}h1{font-family:Rajdhani,sans-serif;font-size:2rem;letter-spacing:2px;color:#f8fafc;margin-bottom:30px;display:flex;align-items:center;gap:10px}.card{background:#161a24;border:1px solid #2a2f3d;border-radius:12px;padding:24px;margin-bottom:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-header h2{margin-bottom:0}.card-actions{display:flex;gap:8px;flex-shrink:0}.card h2{font-family:Rajdhani,sans-serif;font-size:1.4rem;letter-spacing:1px;color:#fff;margin-bottom:14px}.meta{display:flex;gap:20px;margin-bottom:16px;font-size:.85rem;color:#94a3b8}.live{color:#f43f5e;font-weight:600}.team-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.team-badge{display:inline-flex;align-items:center;gap:6px;background:#1e2433;border:1px solid #2d3448;border-radius:6px;padding:4px 8px 4px 12px;font-size:.8rem;color:#cbd5e1}.team-badge-delete{background:transparent;border:none;color:#475569;font-size:.7rem;cursor:pointer;padding:0 2px;line-height:1;border-radius:3px}.team-badge-delete:hover{color:#f87171}h4{font-family:Rajdhani,sans-serif;font-size:1rem;letter-spacing:1px;color:#64748b;text-transform:uppercase;margin-bottom:10px}.bracket-scroll{overflow-x:auto;padding-bottom:10px}svg text{font-family:Inter,sans-serif}.btn-primary,.btn-ghost,.btn-danger{font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;padding:8px 18px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:opacity .15s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:not(:disabled):hover{opacity:.85}.btn-ghost:hover{opacity:.75}.btn-primary{background:#2563eb;color:#fff}.btn-ghost{background:transparent;border-color:#2a2f3d;color:#94a3b8}.btn-danger{background:transparent;border:1px solid #7f1d1d;color:#f87171}.btn-danger:hover{background:#7f1d1d22}.create-form{display:flex;align-items:center;gap:10px;margin-top:4px}.create-form input[type=text]{font-family:Inter,sans-serif;font-size:.85rem;background:#161a24;border:1px solid #2a2f3d;border-radius:8px;color:#e2e8f0;padding:8px 14px;outline:none;width:240px;transition:border-color .15s}.create-form input[type=text]:focus{border-color:#2563eb}.create-form input[type=text]::placeholder{color:#475569}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#161a24;border:1px solid #2a2f3d;border-radius:12px;padding:24px;width:360px;max-height:70vh;display:flex;flex-direction:column;gap:14px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:Rajdhani,sans-serif;font-size:1.2rem;letter-spacing:1px;color:#fff}.modal-close{background:transparent;border:none;color:#64748b;font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px}.modal-close:hover{color:#e2e8f0}.modal-subtitle{font-size:.8rem;color:#475569;margin-top:-8px}.modal-team-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.modal-team-row{display:flex;align-items:center;justify-content:space-between;background:#1e2433;border:1px solid #2d3448;border-radius:8px;padding:10px 14px;color:#cbd5e1;font-size:.85rem;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.modal-team-row:hover:not(:disabled){border-color:#2563eb;background:#1a2540}.modal-team-row:disabled{opacity:.5;cursor:not-allowed}.modal-team-add{color:#2563eb;font-size:1.1rem;font-weight:600}
