*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0f1420;color:#e6e9ef;font-size:14px}
.wrap{max-width:1280px;margin:0 auto;padding:14px}
header{background:linear-gradient(90deg,#1c2a4d,#2f5597);padding:14px 18px;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
header h1{font-size:18px;font-weight:700}
header .sub{font-size:12px;opacity:.8}
.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btn{background:#2f5597;border:1px solid #3d6bc0;color:#fff;padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px}
.btn:hover{filter:brightness(1.12)}
.btn.gray{background:#28304a;border-color:#3a4566}
.btn.red{background:#7a2230;border-color:#a4384a}
.btn.sm{padding:4px 9px;font-size:12px}
.tabs{display:flex;gap:6px;margin:14px 0 0}
.tab{padding:9px 16px;border-radius:9px 9px 0 0;background:#1a2133;cursor:pointer;font-weight:600;border:1px solid transparent;border-bottom:none}
.tab.active{background:#232c45;color:#8fb4ff;border-color:#33406a}
.panel{display:none;background:#151b2b;border:1px solid #232c45;border-radius:0 10px 10px 10px;padding:16px}
.panel.active{display:block}
.grid{display:grid;gap:12px}
.teams-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}
.card{background:#1c2438;border:1px solid #2c3654;border-radius:11px;padding:13px}
.card.mine{border-color:#e0a63b;box-shadow:0 0 0 1px #e0a63b55}
.card h3{font-size:15px;display:flex;align-items:center;gap:6px;justify-content:space-between}
.card h3 input{background:#111725;border:1px solid #2c3654;color:#fff;border-radius:6px;padding:3px 6px;font-size:14px;width:150px}
.mineTag{background:#e0a63b;color:#241a05;font-size:10px;padding:2px 6px;border-radius:5px;font-weight:700}
.money{display:flex;justify-content:space-between;margin-top:8px;font-size:13px}
.money b{color:#7fe3a3}
.bar{height:7px;background:#0e1422;border-radius:4px;overflow:hidden;margin-top:3px}
.bar>i{display:block;height:100%;border-radius:4px}
.bF{background:#4aa3ff}.bC{background:#7fe3a3}.bV{background:#e0a63b}
.sport-row{margin-top:9px}
.sport-row .lbl{display:flex;justify-content:space-between;font-size:11px;opacity:.85}
table{width:100%;border-collapse:collapse}
th,td{padding:7px 8px;text-align:left;border-bottom:1px solid #232c45;font-size:13px;vertical-align:middle}
th{position:sticky;top:0;background:#1a2236;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#9fb0d0;cursor:pointer}
tr:hover td{background:#192134}
.ph{width:40px;height:50px;object-fit:cover;border-radius:5px;background:#28304a}
.pill{display:inline-block;padding:2px 7px;border-radius:20px;font-size:11px;margin:1px 2px 1px 0;border:1px solid}
.pF{color:#9cd0ff;border-color:#2b5a8f}.pC{color:#9ff0c0;border-color:#2b8f66}.pV{color:#f2d492;border-color:#8f7a2b}
.pill.off{color:#5a677f;border-color:#333d55}
.tag{font-size:10px;padding:2px 6px;border-radius:5px;font-weight:700}
.tagIcon{background:#5a2a7a;color:#e9c6ff}.tagCF{background:#1c4a7a;color:#bcdfff}.tagCC{background:#1c6a4a;color:#bcf5da}
select,input[type=number],input[type=text]{background:#111725;border:1px solid #2c3654;color:#fff;border-radius:6px;padding:5px 7px;font-size:13px}
.star{cursor:pointer;font-size:15px;color:#3a4566}.star.on{color:#f2c14e}
.rate{display:inline-flex;vertical-align:middle}
.rstar{position:relative;display:inline-block;width:16px;font-size:15px;line-height:1;color:#3a4566}
.rstar .fill{position:absolute;left:0;top:0;overflow:hidden;color:#f2c14e;white-space:nowrap}
.rstar .hit{position:absolute;top:0;height:100%;width:50%;cursor:pointer}
.rstar .hit.l{left:0}.rstar .hit.r{left:50%}
.sold{color:#7fe3a3;font-weight:600}
.unsold{color:#8794ad}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}
.filters input[type=text]{flex:1;min-width:160px}
.mini{font-size:11px;opacity:.7}
.modal-bg{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:50}
.modal-bg.show{display:flex}
.modal{background:#1c2438;border:1px solid #33406a;border-radius:12px;padding:18px;width:360px;max-width:92vw}
.modal h3{margin-bottom:10px}
.modal .row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.modal label{font-size:12px;opacity:.8}
.rosterLine{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #232c45;font-size:13px}
.stat{display:inline-block;background:#141b2b;border:1px solid #2c3654;border-radius:8px;padding:8px 12px;margin:4px 6px 4px 0}
.stat b{font-size:17px;display:block;color:#8fb4ff}