:root{
  --bg:#07101d;--panel:#101b2d;--panel2:#132139;--line:#253653;--text:#f5f8ff;
  --muted:#94a3b8;--green:#34d399;--red:#fb7185;--blue:#60a5fa;--gold:#fbbf24;
}
*{box-sizing:border-box}
body{margin:0;background:
radial-gradient(circle at 15% -5%,rgba(37,99,235,.22),transparent 30%),
linear-gradient(180deg,#07101d,#0a1322 45%,#08111f);
color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}
.shell{max-width:1380px;margin:auto;padding:34px 28px 60px}
.hero{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:18px 0 28px}
.hero h1{font-size:clamp(36px,5vw,72px);line-height:.98;margin:8px 0 12px;letter-spacing:-.055em}
.hero h1 span{color:var(--green)}
.hero p{color:#c5d1e3;margin:0;font-size:16px}.hero .subline{color:var(--muted);font-size:13px;margin-top:8px}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#8fb6ff}
.statusbox{min-width:210px;background:rgba(16,27,45,.88);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.statusbox .sub{display:block;color:var(--muted);font-size:12px;margin:7px 0 0}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.live{background:var(--green);box-shadow:0 0 14px var(--green)}.dot.off{background:var(--red)}
.toolbar,.notice{display:flex;align-items:center;gap:12px;background:rgba(16,27,45,.82);border:1px solid var(--line);padding:11px 14px;border-radius:12px;margin-bottom:16px;color:var(--muted);font-size:13px}
.notice{display:block;padding:16px}.warning{color:var(--red)}
.button{display:inline-block;border:1px solid #36527e;background:#162641;color:var(--text);padding:9px 13px;border-radius:9px;text-decoration:none;font-weight:700;cursor:pointer}.button:hover{background:#1b3154}.button.primary{background:#2563eb;border-color:#2563eb;margin-top:12px}
.cards{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px}
.metric{background:linear-gradient(180deg,rgba(19,33,57,.95),rgba(14,25,44,.95));border:1px solid var(--line);border-radius:16px;padding:20px;min-height:145px}
.metric.featured{border-color:#3b6cb5;background:linear-gradient(145deg,rgba(31,63,112,.88),rgba(16,27,45,.96))}
.metric span{display:block;color:var(--muted);font-size:13px;font-weight:700}.metric strong{display:block;font-size:36px;letter-spacing:-.045em;margin:14px 0 6px}.metric.featured strong{font-size:42px}.metric small{color:var(--muted)}
.positive{color:var(--green)!important}.negative{color:var(--red)!important}
.progress-wrap{margin:16px 0 18px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:6px}.progress{height:9px;background:#172338;border-radius:99px;overflow:hidden;border:1px solid #263752}.progress div{height:100%;background:linear-gradient(90deg,#2563eb,#34d399)}
.milestone-panel{background:rgba(16,27,45,.75);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:16px}
.milestones{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;position:relative}.milestones:before{content:"";position:absolute;top:7px;left:7%;right:7%;height:2px;background:#273957;z-index:0}
.milestone{position:relative;z-index:1;text-align:center;color:#6f809b}.milestone-dot{width:15px;height:15px;border-radius:50%;margin:0 auto 8px;background:#1a2941;border:2px solid #405675}.milestone strong{font-size:12px}.milestone.reached{color:var(--green)}.milestone.reached .milestone-dot{background:var(--green);border-color:var(--green);box-shadow:0 0 12px rgba(52,211,153,.55)}
.grid.two{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin:16px 0}
.panel{background:rgba(16,27,45,.91);border:1px solid var(--line);border-radius:16px;padding:20px;overflow:visible}.chart-panel{min-height:390px}
.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-title h2{margin:5px 0 0;font-size:22px;letter-spacing:-.025em}
.pill{border:1px solid #36527e;background:#14233b;color:#afc8ef;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}
.chart-holder{height:310px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid div{background:#0d1727;border:1px solid rgba(148,163,184,.12);border-radius:11px;padding:14px}.stats-grid span:not(.info-tip),.best-worst span:not(.info-tip){display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.stats-grid strong{font-size:21px}.best-worst{margin-top:12px;display:grid;gap:2px}.best-worst div{padding:12px 2px;border-bottom:1px solid rgba(148,163,184,.12)}.best-worst strong{font-size:13px}
.table-wrap{overflow:visible}.table-wrap.compact{max-height:410px}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#8294ad;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid rgba(148,163,184,.1);font-size:13px;vertical-align:top}td strong{font-weight:750}.sub{display:block;color:var(--muted);font-size:11px;margin-top:4px}.empty{text-align:center;color:var(--muted);padding:28px}
.capital-summary{display:grid;gap:2px}.capital-summary div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.13)}.capital-summary span{color:var(--muted)}.capital-summary strong{font-variant-numeric:tabular-nums}
.capital-events{margin-top:12px;border-top:1px solid rgba(148,163,184,.12)}.capital-event{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.1);font-size:13px}.capital-event span{color:var(--muted)}.capital-event b{text-align:right}
.muted{color:var(--muted)}.footnote{color:var(--muted);font-size:12px;margin:12px 0 0}
.methodology{background:rgba(16,27,45,.72);border:1px solid var(--line);border-radius:16px;margin-top:16px;overflow:hidden}.methodology summary{cursor:pointer;padding:17px 20px;font-weight:800;color:#dbeafe}.methodology[open] summary{border-bottom:1px solid var(--line)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 20px 22px}.method-grid h3{margin-top:0}
.rules{list-style:none;padding:0;margin:0}.rules li{display:flex;justify-content:space-between;gap:22px;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.12)}.rules span{color:var(--muted)}
.formula{padding:12px 0;border-bottom:1px solid rgba(148,163,184,.12)}.formula span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.formula code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbeafe;font-size:13px}
footer{display:flex;justify-content:space-between;gap:20px;color:#70839e;font-size:11px;padding:24px 2px 0}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.milestones{grid-template-columns:repeat(4,1fr)}.milestones:before{display:none}}
@media(max-width:650px){.shell{padding:20px 14px 40px}.cards{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.statusbox{width:100%}.hero h1{font-size:44px}.metric strong,.metric.featured strong{font-size:32px}.milestones{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:1fr}.capital-event{grid-template-columns:1fr auto}.capital-event strong{display:none}footer{flex-direction:column}}

/* v3 public/admin separation and polish */
.status-label{display:block;color:var(--muted);font-size:10px;letter-spacing:.13em;font-weight:800;margin-bottom:7px}
.public-status strong{font-size:13px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.button.ghost{background:transparent;margin-top:0}.admin-status .button.primary{margin-right:7px}
.milestone-heading{align-items:center}.next-target{text-align:right;background:#0d1727;border:1px solid rgba(148,163,184,.14);border-radius:11px;padding:10px 12px;min-width:155px}.next-target span{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;font-weight:800}.next-target strong{display:block;font-size:20px;margin:3px 0}.next-target small{color:var(--muted)}
.milestone.next{color:#dbeafe}.milestone.next .milestone-dot{border-color:var(--blue);box-shadow:0 0 0 4px rgba(96,165,250,.08)}.milestone small{display:block;font-size:9px;color:var(--blue);margin-top:3px;text-transform:uppercase;letter-spacing:.08em}
.stats-grid{grid-template-columns:repeat(2,1fr)}.empty-stat{margin-top:12px;color:var(--muted);font-size:12px;padding:15px 2px;border-top:1px solid rgba(148,163,184,.12)}
.trade-wrap{overflow:visible}.trade-table{min-width:0!important;table-layout:fixed}.trade-table th:nth-child(1),.trade-table td:nth-child(1){width:38%}.trade-table th:not(:first-child),.trade-table td:not(:first-child){width:15.5%}.trade-table td,.trade-table th{padding-left:8px;padding-right:8px}
@media(max-width:760px){.trade-wrap{overflow-x:auto}.trade-table{min-width:560px!important}.next-target{text-align:left;width:100%}.milestone-heading{flex-direction:column;align-items:flex-start}}


/* v3.2: compact contextual help without persistent explanatory copy */
.info-tip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  margin-left:4px;
  border:1px solid #4b648b;
  border-radius:50%;
  color:#9fb5d5;
  font-size:9px;
  font-weight:800;
  font-style:normal;
  line-height:1;
  cursor:help;
  vertical-align:1px;
  position:relative;
  text-transform:none;
  letter-spacing:0;
}
.info-tip::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  transform:translateX(-50%);
  width:250px;
  max-width:70vw;
  padding:9px 11px;
  background:#07101d;
  border:1px solid #334b70;
  border-radius:8px;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  color:#d9e5f7;
  font-size:11px;
  font-weight:500;
  line-height:1.4;
  text-align:left;
  text-transform:none;
  letter-spacing:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:30;
}
.info-tip:hover::after,
.info-tip:focus::after{
  opacity:1;
  visibility:visible;
}
.method-note{
  padding:12px 0;
  border-bottom:1px solid rgba(148,163,184,.12);
}
.method-note strong{
  display:block;
  font-size:12px;
  color:#dbeafe;
  margin-bottom:5px;
}
.method-note span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}


/* v3.3 tooltip fixes */
.info-tip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 15px;
  width:15px !important;
  min-width:15px;
  height:15px !important;
  margin:0 0 0 5px !important;
  vertical-align:middle;
  position:relative;
  top:-1px;
  z-index:200;
}

.info-tip::after{
  z-index:9999;
}

/* The drawdown icon sits close to the left side of its statistic card.
   Open its tooltip to the right instead of centering it across the card edge. */
.stats-grid .info-tip::after{
  left:-8px;
  right:auto;
  transform:none;
}

/* Open-position table tooltips can use the normal centered placement. */
.table-wrap .info-tip::after{
  z-index:9999;
}

/* Keep horizontal scrolling only where it is actually needed on small screens. */
@media(max-width:760px){
  .table-wrap{
    overflow-x:auto;
    overflow-y:hidden;
  }
  /* Native title remains available on touch/small screens; hide custom popover
     where a scrolling table would otherwise clip it. */
  .table-wrap .info-tip::after{
    display:none;
  }
}


/* v3.4 recent-performance hierarchy */
.performance-cards .period-card strong{
  margin-bottom:2px;
}
.period-return{
  font-size:18px;
  font-weight:800;
  margin:0 0 8px;
  font-variant-numeric:tabular-nums;
}
.performance-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin:12px 0 14px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--line);
}
.performance-strip>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:11px 14px;
  background:rgba(16,27,45,.96);
}
.performance-strip span{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.performance-strip strong{
  font-size:14px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.chart-title-row{
  align-items:center;
}
.chart-controls{
  display:flex;
  align-items:center;
  gap:10px;
}
.range-tabs{
  display:flex;
  padding:3px;
  border:1px solid #314868;
  border-radius:9px;
  background:#0c1727;
}
.range-tabs button{
  appearance:none;
  border:0;
  background:transparent;
  color:#8194af;
  padding:6px 9px;
  border-radius:6px;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.range-tabs button:hover{
  color:#d8e6fa;
}
.range-tabs button.active{
  color:#fff;
  background:#1b365d;
  box-shadow:inset 0 0 0 1px #315b93;
}

@media(max-width:1000px){
  .performance-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .performance-strip{grid-template-columns:1fr}
  .performance-strip>div{padding:10px 12px}
  .chart-title-row{align-items:flex-start}
  .chart-controls{flex-direction:column;align-items:flex-end}
}


/* v3.5 public-facing cleanup */
.performance-strip{
  grid-template-columns:repeat(3,1fr);
  overflow:visible;
}
.performance-strip>div:first-child{
  border-radius:11px 0 0 11px;
}
.performance-strip>div:last-child{
  border-radius:0 11px 11px 0;
}
.performance-strip span:not(.info-tip){
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.performance-strip .info-tip::after{
  left:auto;
  right:-8px;
  transform:none;
}

.progress-wrap{
  margin:16px 0 18px;
}
.progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:7px;
}
.progress-head span{
  color:var(--muted);
  font-size:10px;
  letter-spacing:.11em;
  font-weight:800;
}
.progress-head strong{
  color:#dbeafe;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.progress-wrap .progress-label{
  margin:7px 0 0;
}

/* A hidden Best/Worst container should consume no layout space. */
#bestWorstBlock[hidden]{
  display:none !important;
}

@media(max-width:1000px){
  .performance-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .performance-strip .info-tip::after{
    display:none;
  }
}
@media(max-width:650px){
  .performance-strip{grid-template-columns:1fr}
  .performance-strip>div:first-child{
    border-radius:11px 11px 0 0;
  }
  .performance-strip>div:last-child{
    border-radius:0 0 11px 11px;
  }
}

/* Production admin security / database import */
.flash-stack{display:grid;gap:8px;margin-bottom:14px}.flash{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#101b2d;color:var(--text);font-size:13px}.flash.error{border-color:#713447;color:#ff91aa}.flash.success{border-color:#245b50;color:#67e8c4}
.admin-toolbar{justify-content:space-between;flex-wrap:wrap}.admin-toolbar-copy{display:grid;gap:5px}.admin-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-import-form{display:flex;align-items:center;gap:7px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-toolbar form{margin:0}
.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text)}.admin-login-card{width:min(440px,100%);padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(16,27,45,.96);box-shadow:0 24px 70px rgba(0,0,0,.28)}.admin-login-card h1{margin:8px 0 8px;font-size:30px}.admin-login-card p{color:var(--muted);margin:0 0 20px}.admin-login-card form{display:grid;gap:12px}.admin-login-card label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.admin-login-card input[type=password]{width:100%;box-sizing:border-box;border:1px solid #36527e;border-radius:9px;background:#0c1727;color:var(--text);padding:11px 12px;font:inherit}.admin-login-card .button.primary{margin-top:2px}.admin-back{display:inline-block;margin-top:18px;color:var(--muted);text-decoration:none;font-size:12px}.admin-back:hover{color:var(--text)}


/* Production v1.3: open-position daily and total P/L */
.position-pnl{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.position-pnl strong{
  display:block;
  font-size:13px;
  line-height:1.25;
}
.position-pnl .sub{
  display:block;
  margin-top:3px;
  font-size:10px;
  line-height:1.2;
}
@media(min-width:1100px){
  .table-wrap table{
    min-width:1060px;
  }
}


/* Production v1.3.4: admin-only position diagnostic */
.diagnostic-shell{max-width:1180px}
.diagnostic-hero{
  display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  margin:28px 0 18px;
}
.diagnostic-hero h1{font-size:36px;margin:5px 0 7px}
.diagnostic-hero p{margin:0;color:var(--text)}
.diagnostic-hero .subline{margin-top:7px;color:var(--muted)}
.diagnostic-actions{display:flex;gap:8px;flex-wrap:wrap}
.diagnostic-notice{margin-bottom:16px}
.diagnostic-summary-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;
}
.diagnostic-summary{
  border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:15px;
}
.diagnostic-summary span,.diagnostic-summary small{display:block;color:var(--muted)}
.diagnostic-summary strong{display:block;margin:6px 0;font-size:15px}
.diagnostic-summary.ok strong{color:var(--green)}
.diagnostic-summary.partial strong{color:#facc15}
.diagnostic-summary.missing strong,.diagnostic-summary.error strong{color:var(--red)}
.diagnostic-panel{margin-bottom:16px;padding:18px}
.section-title-row{
  display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px
}
.section-title-row h2{margin:3px 0 0}
.section-title-row code{
  color:var(--muted);background:rgba(255,255,255,.035);border:1px solid var(--border);
  padding:6px 8px;border-radius:7px;font-size:11px
}
.diagnostic-item{
  border-top:1px solid var(--border);padding:15px 0 4px;
}
.diagnostic-item:first-of-type{border-top:0}
.diagnostic-item-head{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:12px
}
.diagnostic-item-head strong,.diagnostic-item-head span{display:block}
.diagnostic-item-head span,.diagnostic-id{color:var(--muted);font-size:11px}
.diagnostic-id{text-align:right}
.diagnostic-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.diagnostic-columns>div{
  border:1px solid var(--border);background:rgba(3,12,25,.28);border-radius:10px;padding:12px
}
.diagnostic-columns h3{
  margin:0 0 8px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase
}
.diagnostic-columns dl{margin:0}
.diagnostic-columns dl>div{
  display:grid;grid-template-columns:minmax(180px,1fr) minmax(100px,.8fr);
  gap:12px;padding:6px 0;border-top:1px solid rgba(100,140,190,.13)
}
.diagnostic-columns dl>div:first-child{border-top:0}
.diagnostic-columns dt{color:var(--muted);font-size:11px}
.diagnostic-columns dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}
.diagnostic-columns dd.is-null{color:#ff6b83;font-style:italic}
.error-notice{color:var(--red)}
@media(max-width:800px){
  .diagnostic-hero,.diagnostic-item-head{flex-direction:column}
  .diagnostic-summary-grid,.diagnostic-columns{grid-template-columns:1fr}
  .diagnostic-id{text-align:left}
}