:root{--red:#e3062c;--dark:#0b1220;--muted:#6b7280;--bg:#f4f5f7;--card:#fff;--line:#e5e7eb;--black:#111}*{box-sizing:border-box}body{background:var(--bg);color:var(--dark);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.app{min-height:100vh;display:flex}aside{color:#fff;background:linear-gradient(#101010,#262626);flex-direction:column;gap:10px;width:290px;padding:22px;display:flex}aside button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:13px 14px;font-size:15px;display:flex}aside button.active,aside button:hover{background:var(--red)}.brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand small{color:#ddd;display:block}.clubLogo{object-fit:contain;background:#fff;border-radius:14px;width:56px;height:64px;padding:4px}.loginLogo{object-fit:contain;width:120px;height:130px;margin:auto;display:block}.foot{color:#bbb;margin-top:auto;font-size:12px}main{flex:1;min-width:0}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}header span{color:var(--muted);font-size:13px;display:block}header button,button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:inline-flex}button.danger{background:#111;margin-left:6px}button.light{color:#111;background:#f3f4f6}section{padding:30px}h1{margin:0 0 6px;font-size:30px}p{line-height:1.5}.grid{gap:16px;display:grid}.cards{grid-template-columns:repeat(4,minmax(160px,1fr));margin:20px 0}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 10px 28px #0f172a0f}.card{padding:22px}.card small{color:var(--muted)}.card strong{margin-top:8px;font-size:28px;display:block}.panel{margin:18px 0;padding:22px}.two{grid-template-columns:1fr 1fr;gap:18px;display:grid}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px}th{color:var(--muted);font-size:13px}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;margin-top:5px;padding:10px}label{margin:10px 0;font-weight:600;display:block}.check{align-items:center;gap:10px;display:flex}.check input{width:auto}.badge{color:#991b1b;background:#fee2e2;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.cost{border:1px solid var(--line);background:#f9fafb;border-radius:16px;padding:18px}.cost h2{color:var(--red);font-size:34px}.hint{color:var(--muted)}.timeline{flex-wrap:wrap;gap:10px;display:flex}.timeline span{border:1px solid var(--line);background:#f3f4f6;border-radius:999px;padding:10px 12px}.login{background:linear-gradient(135deg,#111,#4b000d);place-items:center;min-height:100vh;display:grid}.login form{text-align:center;background:#fff;border-radius:24px;width:min(440px,92vw);padding:34px;box-shadow:0 30px 80px #00000059}.login input{margin:8px 0}.login button{justify-content:center;width:100%;margin:12px 0}.red{color:var(--red)}pre{white-space:pre-wrap;color:#e5e7eb;background:#111;border-radius:12px;padding:15px;overflow:auto}.sectionHead{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.kaderLayout{grid-template-columns:390px minmax(0,1fr);gap:18px;display:grid}.playerList{height:calc(100vh - 185px);margin:18px 0;overflow:auto}.searchBox{border:1px solid var(--line);background:#fafafa;border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex}.searchBox input{background:0 0;border:0;margin:0}.filters{grid-template-columns:1fr;gap:8px;margin:12px 0;display:grid}.filters select{margin:0}.playerRow{width:100%;color:var(--dark);border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;margin:8px 0;padding:10px;display:flex}.playerRow:hover,.playerRow.selected{border-color:var(--red);background:#fff8f8;box-shadow:0 8px 22px #e3062c1f}.playerRow small{color:var(--muted);margin-top:3px;font-weight:500;display:block}.avatar{color:#fff;object-fit:cover;background:#111;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.avatar.big{width:82px;height:82px;font-size:24px}.playerDetail{min-height:calc(100vh - 185px);margin:18px 0}.profileTop{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-bottom:16px;display:flex}.profileTop h2{margin:0}.profileTop p{color:var(--muted);margin:4px 0 8px}.profileActions{gap:8px;margin-left:auto;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tabs button{color:#111;border:1px solid var(--line);background:#f3f4f6;padding:9px 12px}.tabs button.active{background:var(--red);color:#fff;border-color:var(--red)}.readGrid,.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{border:1px solid var(--line);background:#f9fafb;border-radius:14px;min-height:72px;padding:14px}.field small{color:var(--muted);margin-bottom:6px;display:block}.field b{font-size:16px}.wide{grid-column:1/-1}.actions{gap:8px;margin-top:18px;display:flex}.hintBox,.contractBox,.noteBox,.emptyState{color:#334155;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:16px;padding:20px}.noteBox{white-space:pre-wrap}.contractBox p{color:var(--muted)}@media (width<=1100px){.kaderLayout{grid-template-columns:1fr}.playerList,.playerDetail{height:auto;min-height:auto}.cards,.two,.readGrid,.formGrid{grid-template-columns:1fr}}@media (width<=900px){aside{width:90px}.brand div,.foot,aside button:not(.active){font-size:0}.clubLogo{width:48px}section{padding:18px}}.contractWizard .panel{align-self:start}.miniGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.checks{flex-wrap:wrap;gap:12px;margin:8px 0 14px;display:flex}.checks label{border:1px solid var(--line);background:#f8fafc;border-radius:999px;align-items:center;gap:6px;margin:0;padding:8px 12px;font-weight:700;display:flex}.checks input{width:auto;margin:0}.success{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:12px;padding:12px;font-weight:700}.contractWizard textarea{min-height:74px}.contractWizard h3{margin:14px 0 6px}.contractWizard .cost{margin-top:16px}.contractWizard .cost h2:first-child{color:var(--dark);font-size:20px}@media (width<=1100px){.miniGrid{grid-template-columns:1fr}.checks{grid-template-columns:1fr;display:grid}}