:root{
  --bg:#07101f;
  --bg2:#0a1630;
  --panel:#0c1830;
  --panel-hi:#101f3d;
  --line:#233656;
  --line-soft:#1a2842;
  --text:#eef4ff;
  --muted:#8fa1c0;
  --accent:#2f7cff;
  --accent-soft:#15315f;
  --green:#38d98d;
  --green-soft:#123427;
  --red:#ff7085;
  --red-soft:#381927;
  --amber:#e6b85f;
  --amber-soft:#3a2c0f;
  --purple:#b175ff;
  --shadow:0 12px 40px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:radial-gradient(1200px 800px at 10% 0%, #0b1f47 0%, transparent 45%), linear-gradient(180deg, #06101f 0%, #091428 50%, #06101f 100%);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
button,input,select{font:inherit}
.appShell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sidebar{border-right:1px solid var(--line-soft);padding:24px 16px;display:flex;flex-direction:column;gap:24px;background:linear-gradient(180deg, rgba(6,15,30,.96), rgba(5,13,27,.92))}
.brand{display:flex;align-items:center;gap:14px;padding:6px 4px 18px;border-bottom:1px solid var(--line-soft)}
.brandIcon{display:flex;align-items:flex-end;gap:4px;height:32px;width:32px}
.brandIcon span{display:block;width:6px;background:linear-gradient(180deg,#7db4ff,#2f7cff);border-radius:3px}
.brandIcon span:nth-child(1){height:14px}.brandIcon span:nth-child(2){height:22px}.brandIcon span:nth-child(3){height:30px}
.brandTop{font-size:18px;font-weight:800;line-height:1}
.brandBottom{font-size:18px;font-weight:800;line-height:1.05}
.nav{display:flex;flex-direction:column;gap:6px}
.navItem{color:#c7d5eb;text-decoration:none;padding:12px 14px;border-radius:12px;display:block}
.navItem:hover,.navItem.active{background:#0d2144;color:#6fa7ff}
.syncPanel{margin-top:auto;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.syncDot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(56,217,141,.12)}
.syncTitle{font-size:13px;font-weight:700}
.syncTime{font-size:12px;color:var(--muted);margin-top:2px}
.iconBtn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#0c1730;color:var(--text);cursor:pointer}
.mainCol{padding:24px 24px 34px}
.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.pageTitle{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1}
.pageSubtitle{color:var(--muted);margin-top:8px}
.topbarRight{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.leaguePill{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);background:#0b1730;border-radius:14px;color:#d8e4f9}
.leaguePill span{font-size:13px;color:var(--muted)}
.leaguePill select{background:transparent;border:0;color:var(--text);padding:0;outline:none}
.liveStatus{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#0b1730;color:var(--muted)}
.liveDot{width:10px;height:10px;border-radius:50%;background:#e0b45c}
.liveStatus.live .liveDot{background:var(--green);box-shadow:0 0 0 4px rgba(56,217,141,.12)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.panel,.summaryCard{background:linear-gradient(180deg, rgba(11,24,48,.96), rgba(9,20,40,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.summaryCard{padding:18px 20px;min-height:132px}
.cardEyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:10px;color:#c6d4ea}
.valueCard .cardEyebrow,.valueCard .metricAccent{color:var(--green)}
.fadeCard .cardEyebrow,.fadeCard .metricAccent{color:var(--red)}
.signalCard .cardEyebrow{color:#69a4ff}
.draftedCard .cardEyebrow{color:var(--purple)}
.cardName{font-size:18px;font-weight:800;line-height:1.2}
.cardMeta{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.35}
.controls{padding:16px 18px;margin-bottom:18px}
.controlRow{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.controlRowTop{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}
.leftControls,.filterGroup,.draftSync{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ghostBtn,.secondaryBtn{border-radius:12px;padding:10px 14px;border:1px solid var(--accent);background:#0b1730;color:#8db6ff;cursor:pointer;font-weight:700}
.secondaryBtn{border-color:var(--line);color:var(--text)}
.toggleWrap{display:flex;align-items:center;gap:10px;color:var(--text);position:relative}
.toggleWrap input{position:absolute;opacity:0;pointer-events:none}
.toggleUi{width:46px;height:28px;border-radius:999px;background:#72809b;position:relative;display:inline-block;transition:.18s ease}
.toggleUi::after{content:'';width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:.18s ease}
.toggleWrap input:checked + .toggleUi{background:var(--accent)}
.toggleWrap input:checked + .toggleUi::after{transform:translateX(18px)}
.searchWrap{flex:1;max-width:420px;min-width:220px}
.searchWrap input,.draftSync input,.filterGroup select{width:100%;background:#091326;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 13px;min-height:44px}
.filterGroup label{display:flex;gap:8px;align-items:center;color:var(--muted)}
.filterGroup label span{font-size:13px}
.filterGroup select{width:auto;min-width:110px;color:var(--text)}
.refreshNote{margin-left:auto;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:13px}
.refreshNote strong{color:var(--text);font-weight:700}
.tableCard{overflow:hidden}
.tableWrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:980px}
th{background:#091326;color:#9db0cd;padding:16px 14px;text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:12px;position:sticky;top:0}
td{padding:16px 14px;border-top:1px solid var(--line-soft);vertical-align:middle}
tr:hover td{background:rgba(17,32,63,.42)}
.num{text-align:right;font-variant-numeric:tabular-nums}
.playerCell{display:flex;align-items:center;gap:12px}
.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#183466,#0d2144);display:grid;place-items:center;font-size:14px;font-weight:800;color:#dce8ff;border:1px solid #29406c;flex:0 0 42px}
.playerName{font-size:16px;font-weight:800}
.teamLine{color:var(--muted);font-size:13px;margin-top:4px}
.posTag{font-weight:800}
.pos-QB{color:#69a4ff}.pos-RB{color:#4f9dff}.pos-WR{color:#ffb24f}.pos-TE{color:#d57fff}
.edgeValue,.scoreValue{font-weight:800}
.positive{color:var(--green)}
.negative{color:var(--red)}
.coverageText{white-space:nowrap}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:700}
.pill.bullish{background:var(--green-soft);color:#7be5b3}
.pill.bearish{background:var(--red-soft);color:#ff98a7}
.pill.fair{background:var(--amber-soft);color:#ffd884}
.pill.none{background:#1a2842;color:#aebbd1}
.actionBtn{border:1px solid var(--line);background:#2f7cff;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;min-width:94px}
.actionBtn.drafted{background:#102441;color:#dbe8ff;border-color:#294b7b}
.actionBtn.synced{background:#142033;color:#97a9c5;color:#97a9c5;border-color:#2a3955;cursor:not-allowed}
.detailBtn{border:1px solid var(--line);background:transparent;color:#cfe0fb;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer;margin-right:8px}
.loading{text-align:center;padding:34px 20px;color:var(--muted)}
.methodGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.infoPanel{padding:18px 20px}
.infoPanel h2{margin:0 0 10px;font-size:24px;letter-spacing:-.02em}
.infoPanel p{margin:9px 0;color:#d2def0;line-height:1.55}
.infoPanel .mutedCopy{color:var(--muted)}
dialog{width:min(760px,calc(100% - 24px));border:1px solid var(--line);border-radius:18px;background:#0b1730;color:var(--text);padding:22px;box-shadow:var(--shadow)}
dialog::backdrop{background:rgba(2,8,20,.78)}
.closeModal{float:right;background:transparent;border:0;color:var(--muted);font-size:30px;cursor:pointer;line-height:1}
.modalHead h2{margin:0 0 4px;font-size:28px}
.modalSub{color:var(--muted);margin-bottom:14px}
.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}
.statBox{padding:12px;border-radius:14px;background:#0f1d38;border:1px solid var(--line-soft)}
.statBox span{display:block;color:var(--muted);font-size:12px}
.statBox strong{display:block;font-size:22px;margin-top:6px}
.estimates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 18px}
.estimate{padding:12px;border-radius:14px;background:#0f1d38;border:1px solid var(--line-soft)}
.estimate b{display:block;font-size:13px}
.estimate span{display:block;font-size:13px;color:var(--muted);margin-top:5px;line-height:1.45}
.marketList{display:grid;gap:10px}
.marketItem{padding:12px;border-radius:14px;background:#0f1d38;border:1px solid var(--line-soft)}
.marketItem .meta{color:var(--muted);font-size:12px;margin-top:5px}
.marketItem a{color:#8db6ff;text-decoration:none}
@media (max-width: 1220px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 980px){
  .appShell{grid-template-columns:1fr}
  .sidebar{display:none}
  .mainCol{padding:16px}
  .pageTitle{font-size:34px}
  .methodGrid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .cards{grid-template-columns:1fr}
  .topbar,.controlRow,.controlRowTop,.controlRowBottom{display:block}
  .topbarRight,.leftControls,.filterGroup,.draftSync{margin-top:12px}
  .searchWrap{max-width:none}
  .statGrid,.estimates{grid-template-columns:1fr 1fr}
}
@media (max-width: 520px){
  .mainCol{padding:12px}
  .controls{padding:14px}
  .statGrid,.estimates{grid-template-columns:1fr}
  td,th{padding:12px 10px}
}
/* Adjusted-ADP build */
.statGrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}

.trendUp{color:var(--green);font-weight:800}.trendDown{color:var(--red);font-weight:800}.trendFlat{color:var(--muted);font-weight:700}.historyBadge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.historyBadge.on{color:#7be5b3;border-color:#285a46;background:#102b23}.historyBadge.off{color:#ffd884;border-color:#665126;background:#2b2412}.chartWrap{margin-top:14px;padding:12px;border:1px solid var(--line-soft);background:#0f1d38;border-radius:14px}.historyChart{width:100%;height:auto;display:block}.chartLegend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:8px}.chartLegend b{color:var(--text)}.historyStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.historyStat{background:#0f1d38;border:1px solid var(--line-soft);border-radius:14px;padding:12px}.historyStat span{display:block;color:var(--muted);font-size:12px}.historyStat strong{display:block;margin-top:5px;font-size:18px}@media(max-width:720px){.historyStats{grid-template-columns:1fr 1fr}}