#analyticsView{
  min-height:0;
  overflow:auto;
  background:#f7f9f8;
}

.analyticsPage{
  box-sizing:border-box;
  width:100%;
  max-width:1500px;
  margin:0 auto;
  padding:32px 34px calc(40px + var(--safe-bot, 0px));
  color:#0b0f1a;
}

.analyticsHeader{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}

.analyticsHeading{ min-width:0; }
.analyticsEyebrow,
.analyticsPanelEyebrow{
  display:block;
  margin-bottom:7px;
  color:rgba(15,23,42,.5);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.analyticsHeading h1{
  margin:0;
  color:#0b0f1a;
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  letter-spacing:-.04em;
}

.analyticsHeading p{
  max-width:680px;
  margin:10px 0 0;
  color:rgba(15,23,42,.62);
  font-size:14px;
  line-height:1.55;
}

.analyticsFilters{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.analyticsField{
  display:grid;
  gap:6px;
  color:rgba(15,23,42,.62);
  font-size:11px;
  font-weight:650;
}

.analyticsField input,
.analyticsField select,
.analyticsRefresh{
  box-sizing:border-box;
  height:42px;
  min-width:150px;
  border:1px solid rgba(15,23,42,.11);
  border-radius:11px;
  background:#fff;
  color:#0b0f1a;
  font:600 13px/1.2 inherit;
}

.analyticsField input,
.analyticsField select{ padding:0 12px; }
.analyticsRefresh{
  min-width:auto;
  padding:0 16px;
  border-color:#054c5c;
  background:#054c5c;
  color:#fff;
  cursor:pointer;
}

.analyticsField input:focus-visible,
.analyticsField select:focus-visible,
.analyticsRefresh:focus-visible,
.analyticsTextLink:focus-visible{
  outline:3px solid rgba(5,76,92,.2);
  outline-offset:2px;
}

.analyticsPeriodHint{
  margin:16px 0 0;
  color:rgba(15,23,42,.48);
  font-size:12px;
}

.analyticsNotice{
  min-height:20px;
  margin-top:8px;
  color:#8a5a00;
  font-size:12.5px;
}

.analyticsNotice[data-kind="error"]{ color:#a22121; }

.analyticsKpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}

.analyticsKpi,
.analyticsPanel{
  box-sizing:border-box;
  border:1px solid rgba(15,23,42,.055);
  border-radius:18px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025),0 10px 32px rgba(15,23,42,.035);
}

.analyticsKpi{
  min-height:136px;
  padding:20px;
}

.analyticsKpi > span{
  display:block;
  color:rgba(15,23,42,.55);
  font-size:12px;
  font-weight:650;
}

.analyticsKpi > strong{
  display:block;
  margin-top:11px;
  color:#054c5c;
  font-size:29px;
  line-height:1;
  letter-spacing:-.035em;
}

.analyticsKpi > small{
  display:block;
  margin-top:11px;
  color:rgba(15,23,42,.45);
  font-size:11.5px;
  line-height:1.4;
}

.analyticsLayout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);
  gap:16px;
  margin-top:16px;
}

.analyticsPanel{ padding:22px; }
.analyticsPanelHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.analyticsPanel h2{
  margin:0;
  color:#0b0f1a;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.02em;
}

.analyticsSourceState{
  padding:6px 9px;
  border-radius:999px;
  background:rgba(5,76,92,.07);
  color:#054c5c;
  font-size:11px;
  font-weight:700;
}

.analyticsSourceState[data-state="partial"]{
  background:rgba(184,113,0,.09);
  color:#8a5a00;
}

.analyticsChartWrap{
  position:relative;
  min-height:280px;
  margin-top:18px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(5,76,92,.025),rgba(5,76,92,0));
}

.analyticsChart{ display:block; width:100%; min-height:280px; }
.analyticsChart .analyticsGridLine{ stroke:rgba(15,23,42,.08); stroke-width:1; }
.analyticsChart .analyticsBar{ fill:#0d6d7c; rx:3; }
.analyticsChart .analyticsBar[data-incomplete="true"]{ fill:#b87100; }
.analyticsChart .analyticsAxisText{ fill:rgba(15,23,42,.5); font-size:10px; }

.analyticsChartEmpty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(15,23,42,.5);
  font-size:13px;
}

.analyticsChartEmpty[hidden]{ display:none; }
.analyticsTableWrap{ margin-top:18px; padding:0 !important; }
.analyticsTable{ --admin-table-min-width:560px; }
.analyticsTable thead th:nth-child(1){ width:34%; }
.analyticsTable thead th:nth-child(2){ width:33%; }
.analyticsTable thead th:nth-child(3){ width:33%; }

.analyticsQualityPanel p,
.analyticsGuardPanel p{
  margin:16px 0 0;
  color:rgba(15,23,42,.58);
  font-size:12.5px;
  line-height:1.55;
}

.analyticsSide{ display:grid; align-content:start; gap:16px; }
.analyticsQualityList{ margin:18px 0 0; }
.analyticsQualityList > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 0;
  border-top:1px solid rgba(15,23,42,.065);
}

.analyticsQualityList dt{ color:rgba(15,23,42,.6); font-size:12.5px; }
.analyticsQualityList dd{ margin:0; color:#0b0f1a; font-size:15px; font-weight:750; }
.analyticsTextLink{
  display:inline-block;
  margin-top:16px;
  color:#054c5c;
  font-size:12.5px;
  font-weight:700;
  text-decoration:none;
}

.analyticsGuardPanel{
  display:flex;
  align-items:flex-start;
  gap:13px;
  background:#f0f6f5;
}

.analyticsGuardIcon{
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:50%;
  background:#054c5c;
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.analyticsGuardPanel h2{ font-size:15px; }
.analyticsGuardPanel p{ margin-top:7px; }

@media (max-width:1100px){
  .analyticsHeader{ align-items:flex-start; flex-direction:column; }
  .analyticsFilters{ width:100%; }
  .analyticsField{ flex:1; }
  .analyticsField input,
  .analyticsField select{ width:100%; }
  .analyticsKpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .analyticsLayout{ grid-template-columns:1fr; }
  .analyticsSide{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:700px){
  .analyticsPage{ padding:22px 14px calc(28px + var(--safe-bot, 0px)); }
  .analyticsFilters{ display:grid; grid-template-columns:1fr 1fr; }
  .analyticsRefresh{ grid-column:1 / -1; }
  .analyticsKpis{ grid-template-columns:1fr; }
  .analyticsKpi{ min-height:118px; }
  .analyticsLayout,
  .analyticsSide{ grid-template-columns:1fr; }
  .analyticsPanel{ padding:17px; }
  .analyticsChartWrap,
  .analyticsChart{ min-height:230px; }
}

@media (max-width:390px){
  .analyticsFilters{ grid-template-columns:1fr; }
  .analyticsRefresh{ grid-column:auto; }
}