*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#0f172a;background:#f6f7fb}.app{min-height:100%;display:grid;grid-template-rows:64px 1fr;grid-template-columns:260px 1fr;grid-template-areas:"head head" "side main"}@media (max-width: 980px){.app{grid-template-columns:1fr;grid-template-rows:64px auto 1fr;grid-template-areas:"head" "side" "main"}}.header{grid-area:head;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #e5e7eb}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(180deg,#eef2ff,#e0e7ff);display:grid;place-items:center;color:#3b82f6}.header-actions{display:flex;align-items:center;gap:8px}.sidebar{grid-area:side;background:#fff;border-right:1px solid #e5e7eb;padding:12px}.nav{display:flex;flex-direction:column;gap:6px}.nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;font-weight:600;color:#334155}.nav-btn:hover{background:#f8fafc;border-color:#e5e7eb}.nav-btn.active{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a}.main{grid-area:main;padding:16px}.section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 8px 24px #0f172a0a;margin-bottom:14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 4px 14px #0f172a0d}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.h2{margin:0 0 8px;font-size:18px;font-weight:800;color:#0f172a}.subtle{color:#64748b;font-size:12px}.input,.select,.textarea{width:100%;background:#fff;color:#0f172a;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f61f}.textarea{min-height:110px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-weight:700;border-radius:12px;padding:10px 14px;transition:.15s ease;border:1px solid transparent}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover{filter:brightness(1.03)}.btn-ghost{background:#f8fafc;color:#0f172a;border-color:#e5e7eb}.btn-ghost:hover{background:#f1f5f9}.btn-ok{background:#16a34a;color:#fff;border-color:#16a34a}.btn-danger{background:#e11d48;color:#fff;border-color:#e11d48}.btn-pill{border-radius:999px;padding:8px 12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #e5e7eb;background:#f8fafc;color:#334155}.badge-ok{border-color:#86efac;background:#ecfdf5;color:#14532d}.badge-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.badge-danger{border-color:#fecdd3;background:#fff1f2;color:#881337}.badge-info{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1.2fr .8fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.grid-3,.grid-4{grid-template-columns:1fr}}.kpi{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:12px}.kpi .label{color:#64748b;font-size:12px;display:flex;align-items:center;gap:8px}.kpi .value{font-size:26px;font-weight:900;color:#0f172a;margin-top:6px}.table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.table th{background:#f8fafc;color:#334155;font-weight:800;position:sticky;top:0}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-weight:700;color:#334155}.switch input{display:none}.switch .dot{width:18px;height:18px;border-radius:999px;background:#e2e8f0;border:1px solid #cbd5e1}.switch input:checked+.dot{background:#22c55e;border-color:#22c55e}.tournament-card{transition:.15s ease}.tournament-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0f172a14}.t-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.t-actions{display:flex;gap:8px;flex-wrap:wrap}