:root{
  --bg:#07090d;--panel:#0d1118;--panel2:#10151e;--panel3:#121923;
  --line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.14);
  --text:#f7f9fc;--muted:#9aa4b1;--muted2:#66717f;
  --blue:#6381ff;--blue2:#a6b8ff;--pending:#e5b960;--green:#70d5a0;--red:#e98d8d;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;
  background:radial-gradient(1100px 520px at 17% -15%,rgba(99,129,255,.11),transparent 62%),var(--bg);
  color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
}
button,input,select{font:inherit}.page{min-height:100vh}
.nav{
  height:64px;padding:0 max(24px,calc((100vw - 1240px)/2));
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  border-bottom:1px solid var(--line);background:rgba(7,9,13,.88);backdrop-filter:blur(18px);
  position:sticky;top:0;z-index:30
}
.brand-wordmark{text-decoration:none;color:#fff;font:800 18px Manrope;letter-spacing:-.035em}
.account-lockup{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}
.account-name{color:#e0e5ed;font-weight:600}.divider{color:#4e5865}.portal-label{color:#7d8795}
.nav-status{justify-self:end;display:flex;align-items:center;gap:8px;color:#b4bdc9;font-size:9px}
.status-dot,.verified-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(112,213,160,.45)}
.shell{max-width:1240px;margin:0 auto;padding:44px 24px 30px}
.report-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:24px}
.report-title{max-width:720px}.overline,.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--blue2)}
h1{font:800 clamp(34px,4.4vw,52px)/1.02 Manrope;letter-spacing:-.052em;margin:12px 0 11px}
.report-header p,.section-head p,.card-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.report-side{display:flex;align-items:flex-end;gap:20px}
.report-meta{text-align:right;display:flex;flex-direction:column;gap:5px}
.meta-label,.filter-label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted2)}
.report-meta strong{font-size:10px}.freshness-state{font-size:9px;color:var(--muted2)}
.freshness-state.live{color:var(--green)}.freshness-state.stale{color:var(--pending)}
.share-button,.button,.load-more{
  border:1px solid var(--line2);background:#111722;color:#eef2f8;border-radius:9px;
  padding:9px 11px;font:600 9px Inter;cursor:pointer
}
.share-button:hover,.button:hover,.load-more:hover{border-color:rgba(99,129,255,.5);background:#131b29}

.filter-shell{
  display:grid;grid-template-columns:1.25fr auto 1.7fr auto;align-items:end;gap:14px;
  border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.014);
  padding:12px;margin-bottom:12px
}
.filter-group{display:flex;flex-direction:column;gap:7px;min-width:0}
.filter-group select{min-width:210px}
select,input{
  width:100%;border:1px solid var(--line);background:#0c1119;color:var(--text);
  border-radius:9px;padding:9px 10px;font-size:10px;color-scheme:dark;outline:none
}
select:focus,input:focus{border-color:rgba(99,129,255,.55);box-shadow:0 0 0 3px rgba(99,129,255,.08)}
.segmented{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#0a0f16}
.segmented button{
  border:0;background:transparent;color:var(--muted);cursor:pointer;font:600 9px Inter;
  border-radius:999px;padding:7px 10px;white-space:nowrap
}
.segmented button:hover,.segmented button.active{color:#fff;background:rgba(99,129,255,.14)}
.date-details{position:relative;align-self:end}
.date-details summary{list-style:none;cursor:pointer;padding:9px 10px;font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:9px}
.date-details summary::-webkit-details-marker{display:none}.date-details[open] summary{color:#fff;border-color:var(--line2)}
.date-popover{
  position:absolute;right:0;top:44px;z-index:20;width:330px;padding:12px;
  display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line2);border-radius:12px;
  background:#0b0f16;box-shadow:0 24px 60px rgba(0,0,0,.5)
}
.date-popover label{display:flex;flex-direction:column;gap:6px}.date-popover label span{font-size:8px;color:var(--muted2);text-transform:uppercase;letter-spacing:.08em}
.date-popover .button{grid-column:1/-1}

.hero-metrics{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-bottom:12px}
.hero-metric,.support-metrics article,.card,.campaign-section,.account-note{
  border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.006)),var(--panel)
}
.hero-metric{
  min-height:230px;border-radius:16px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;
  background:radial-gradient(580px 280px at 0 0,rgba(99,129,255,.18),transparent 68%),var(--panel)
}
.metric-kicker{display:flex;align-items:center;gap:8px;color:#cbd2dc;font-size:10px;margin-bottom:auto}
.hero-metric>strong{font:800 clamp(58px,7vw,88px)/.9 Manrope;letter-spacing:-.068em}
.hero-footer{margin-top:16px;display:flex;justify-content:space-between;gap:16px;color:var(--muted2);font-size:9px}
.hero-footer b{font-weight:600;color:#b7c0cd}
.support-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.support-metrics article{border-radius:16px;padding:18px;min-height:109px;display:flex;flex-direction:column}
.support-metrics span{font-size:9px;color:var(--muted)}
.support-metrics strong{font:700 27px Manrope;letter-spacing:-.04em;margin-top:auto}
.support-metrics small{font-size:8px;color:var(--muted2);margin-top:6px;line-height:1.4}
.engagement-metric{background:radial-gradient(260px 160px at 100% 0,rgba(112,213,160,.08),transparent 68%),var(--panel)!important}

.card{border-radius:16px;padding:22px}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.card h2,.section-head h2,.trend-head h2{font:700 19px Manrope;letter-spacing:-.028em;margin:7px 0 5px}
.snapshot-badge{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:8px;color:var(--muted);white-space:nowrap}

.highlights-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:12px;margin-bottom:12px}
.platform-card{padding:22px}.platform-split{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
.platform-row{
  display:flex;flex-direction:column;gap:14px;text-align:left;border:1px solid var(--line);
  border-radius:13px;background:#0d121a;color:var(--text);padding:15px;cursor:pointer;transition:.15s
}
.platform-row:hover,.platform-row.selected{border-color:rgba(99,129,255,.46);background:#101624;transform:translateY(-1px)}
.platform-row.dimmed{opacity:.46}.platform-row-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.platform-row-head strong,.platform-row-value strong{display:block;font-size:11px}.platform-row-head small,.platform-row-value small{display:block;margin-top:4px;font-size:8px;color:var(--muted2)}
.platform-row-value{text-align:right}.split-bar{height:6px;background:#171e29;border-radius:99px;overflow:hidden}
.split-bar i{display:block;height:100%;background:var(--blue);border-radius:99px}
.platform-row-foot{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:var(--muted2)}

.submission-activity-card{padding:22px}
.submission-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.submission-status-grid>div{border:1px solid var(--line);border-radius:11px;padding:12px;background:rgba(255,255,255,.012)}
.submission-status-grid span{display:block;font-size:7px;color:var(--muted2)}
.submission-status-grid strong{display:block;font:700 18px Manrope;letter-spacing:-.03em;margin-top:6px}
.submission-summary{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.submission-stat{
  width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 12px;text-align:left;
  border:1px solid var(--line);border-radius:10px;background:#0d121a;color:#fff;padding:11px 12px;cursor:pointer
}
.submission-stat:hover,.submission-stat.active{border-color:rgba(99,129,255,.4);background:#101624}
.submission-stat span{font-size:8px;color:#cbd3de}.submission-stat strong{grid-row:1/3;grid-column:2;font:700 18px Manrope;align-self:center}
.submission-stat small{font-size:7px;color:var(--muted2)}

.performance-card{margin-bottom:12px;padding:24px}
.trend-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.trend-head p{margin:0;color:var(--muted2);font-size:9px;line-height:1.55}
.trend-control-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.trend-controls{display:flex;align-items:center;gap:10px}.metric-toggle{align-self:flex-end}
.trend-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 0}
.trend-summary>div{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.012)}
.trend-summary span,.trend-summary small{display:block;font-size:8px;color:var(--muted2)}
.trend-summary strong{display:block;font:700 22px Manrope;letter-spacing:-.035em;margin:7px 0 5px}
.positive{color:var(--green)!important}.negative{color:var(--red)!important}
.chart-box{height:350px;margin-top:8px;position:relative}.chart-box svg{width:100%;height:100%;overflow:visible}
.chart-grid{stroke:rgba(255,255,255,.055);stroke-width:1}.chart-verified{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart-pending{fill:none;stroke:var(--pending);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.chart-label{fill:#6e7886;font:9px Inter}.chart-value-label{fill:#dbe3ff;font:700 9px Inter}
.chart-dot{stroke:#0d1118;stroke-width:2}.chart-dot.verified{fill:var(--blue)}.chart-dot.pending{fill:var(--pending)}
.chart-hover-zone{fill:transparent;cursor:crosshair}
.chart-legend{display:flex;gap:17px;align-items:center;color:var(--muted);font-size:9px}
.chart-note{margin-left:auto;color:var(--muted2)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}
.dot.verified{background:var(--blue)}.dot.pending{background:var(--pending)}
.chart-tooltip{position:absolute;pointer-events:none;min-width:175px;padding:10px 11px;border:1px solid var(--line2);background:#0a0e15;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:9px;z-index:10}
.chart-tooltip strong{display:block;font-size:10px;margin-bottom:6px}.chart-tooltip span{display:flex;justify-content:space-between;gap:16px;color:var(--muted);padding-top:3px}.chart-tooltip b{color:#fff;font-weight:600}

.campaign-section{padding:22px;border-radius:16px;margin-bottom:12px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.subtle{font-size:8px;color:var(--muted2)}
.campaign-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.campaign-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#0d121a;cursor:pointer;transition:.15s}
.campaign-card:hover,.campaign-card.active{border-color:rgba(99,129,255,.48);background:#101624;transform:translateY(-1px)}
.campaign-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.campaign-status{font-size:7px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 7px}
.campaign-status.live{color:var(--green);border-color:rgba(112,213,160,.18);background:rgba(112,213,160,.05)}
.campaign-name{font:700 13px Manrope;margin:7px 0 5px;line-height:1.35}.campaign-date{font-size:8px;color:var(--muted2);margin-bottom:16px}
.campaign-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.campaign-meta div{padding-top:10px;border-top:1px solid var(--line)}
.campaign-card small{display:block;color:var(--muted2);font-size:7px}.campaign-card strong{display:block;margin-top:5px;font:700 14px Manrope}
.campaign-progress{height:5px;background:#171e29;border-radius:99px;overflow:hidden;margin-top:16px}.campaign-progress i{display:block;height:100%;background:var(--blue);border-radius:99px}

.posts-card{padding:0;margin-bottom:12px;overflow:hidden}
.table-head{padding:22px 22px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.table-head h2{font:700 19px Manrope;margin:7px 0 5px}.table-head p{margin:0;color:var(--muted2);font-size:9px}
.submission-tools{display:grid;grid-template-columns:minmax(220px,1.5fr) 150px 150px 110px;gap:7px;min-width:min(680px,60vw)}
.table-wrap{overflow:auto;border-top:1px solid var(--line);max-height:620px}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:1160px}
th{position:sticky;top:0;background:#0b1017;padding:10px 16px;text-align:left;font-size:7px;color:#697482;text-transform:uppercase;letter-spacing:.08em;z-index:5}
td{padding:13px 16px;border-top:1px solid var(--line);font-size:9px;color:#dce2ea;background:#0d1118;vertical-align:middle}
tbody tr:hover td{background:#101620}th:first-child,td:first-child{position:sticky;left:0;z-index:6}th:first-child{z-index:7}
.table-number{font-weight:600;color:#f2f5fa}.engagement-breakdown{display:block;margin-top:4px;color:var(--muted2);font-size:7px;white-space:nowrap}
.status-chip{display:inline-flex;padding:4px 7px;border:1px solid rgba(99,129,255,.18);background:rgba(99,129,255,.07);color:#b9c6ff;border-radius:999px;font-size:7px}
.status-chip.pending{border-color:rgba(229,185,96,.18);background:rgba(229,185,96,.07);color:#eed18c}
.status-chip.good{border-color:rgba(112,213,160,.2);background:rgba(112,213,160,.07);color:#a9e8c4}
.public-url{color:#dfe6ff;text-decoration:none;font-weight:500;white-space:nowrap}.public-url:hover{text-decoration:underline}
.empty-row{text-align:center!important;color:#697382!important;padding:42px!important}
.table-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}
.table-footer .subtle{text-align:right}.load-more{padding:7px 10px}

.account-note{border-radius:14px;padding:15px 18px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:28px}
.account-note>div:first-child{display:flex;flex-direction:column;gap:5px}.account-note strong{font:700 12px Manrope}
.account-stats{display:flex;gap:18px}.account-stats span{font-size:8px;color:var(--muted2)}.account-stats b{font-size:10px;color:#fff;margin-right:3px}
.account-note p{justify-self:end;max-width:520px;text-align:right;margin:0;color:var(--muted2);font-size:8px;line-height:1.55}
.footer{max-width:1240px;margin:0 auto;padding:14px 24px 34px;display:flex;justify-content:space-between;font-size:8px;color:#48515e}
.portal-error{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center}.portal-error span{font:800 18px Manrope}.portal-error h1{font-size:30px}.portal-error p{color:var(--muted)}

@media(max-width:1080px){
  .filter-shell{grid-template-columns:1fr 1fr}.platform-filter{grid-column:1/-1}.date-details{justify-self:end}
  .highlights-grid{grid-template-columns:1fr}.submission-tools{min-width:0;grid-template-columns:1fr 1fr}.table-head{align-items:stretch;flex-direction:column}
}
@media(max-width:980px){
  .nav{grid-template-columns:1fr 1fr}.account-lockup{display:none}.report-side{flex-direction:column-reverse;align-items:flex-end}
  .hero-metrics{grid-template-columns:1fr}.support-metrics{grid-template-columns:repeat(4,1fr)}
  .campaign-cards{grid-template-columns:1fr}.account-note{grid-template-columns:1fr}.account-note p{justify-self:start;text-align:left}
}
@media(max-width:720px){
  .shell{padding:30px 16px}.nav{padding:0 16px}.report-header{align-items:flex-start;flex-direction:column}
  .report-side{width:100%;align-items:flex-start}.report-meta{text-align:left}
  .filter-shell{grid-template-columns:1fr}.platform-filter{grid-column:auto}.filter-group select{min-width:0}.date-details{justify-self:start}
  .date-popover{left:0;right:auto;width:min(88vw,330px)}
  .support-metrics{grid-template-columns:1fr 1fr}.platform-split{grid-template-columns:1fr}.platform-row.dimmed{opacity:.7}
  .trend-head{flex-direction:column}.trend-control-stack{width:100%;align-items:flex-start}.metric-toggle{align-self:flex-start}
  .trend-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.trend-summary{grid-template-columns:1fr}.chart-box{height:310px}.chart-note{display:none}
  .submission-tools{grid-template-columns:1fr}.table-footer{grid-template-columns:1fr;justify-items:start}.table-footer .subtle{text-align:left}
}
@media(max-width:520px){
  .hero-metric{min-height:190px}.support-metrics{grid-template-columns:1fr}.platform-presets{overflow:auto;max-width:100%}
  .nav-status span:last-child{display:none}.account-stats{flex-wrap:wrap}.footer{flex-direction:column;gap:7px}
  .granularity-toggle,.metric-toggle{width:100%;justify-content:space-between}.granularity-toggle button,.metric-toggle button{flex:1}
  .chart-box{height:280px}.submission-status-grid{grid-template-columns:1fr}.filter-shell{padding:10px}
}

.contentrewards-link{display:flex;align-items:center;justify-content:center;margin-top:12px;padding:10px 12px;border:1px solid rgba(99,129,255,.24);border-radius:10px;background:rgba(99,129,255,.07);color:#dfe6ff;text-decoration:none;font:600 9px Inter}
.contentrewards-link:hover{background:rgba(99,129,255,.12);border-color:rgba(99,129,255,.45)}