.analytics-dashboard {
  --ink:#15283e;
  --muted:#738197;
  --line:#e6ebf1;
  --teal:#16867c;
  max-width:1500px;
  margin:0 auto;
  padding:46px 32px 64px;
  color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}
.analytics-dashboard * {
  box-sizing:border-box;
}
.analytics-dashboard [hidden] {
  display:none!important;
}
.analytics-dashboard a {
  text-decoration:none;
}
.analytics-dashboard button,.analytics-dashboard input,.analytics-dashboard select {
  font:inherit;
}
.analytics-dashboard :focus-visible {
  outline:3px solid #49a799;
  outline-offset:4px;
}
.dash-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-bottom:28px;
}
.dash-eyebrow {
  font-size:14px;
  letter-spacing:1.6px;
  font-weight:750;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:9px;
}
.dash-brand-dot {
  width:9px;
  height:9px;
  border-radius:3px;
  background:#16867c;
}
.dash-eyebrow>span:not(.dash-brand-dot) {
  color:#c2cad4;
  margin:0 3px;
}
.dash-header h1 {
  font-size:32px;
  letter-spacing:-1.2px;
  font-weight:750;
  margin:12px 0 8px;
}
.dash-header p {
  color:var(--muted);
  margin:0;
  font-size:17px;
}
.dash-actions {
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.dash-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  white-space:nowrap;
  border:1px solid #dce3eb;
  border-radius:8px;
  background:#fff;
  color:#33475d;
  padding:11px 15px;
  font-weight:600;
  font-size:16px;
  cursor:pointer;
}
.dash-button:hover {
  background:#f0f4f7;
  color:#15283e;
}
.dash-button-primary {
  background:#1b344e;
  color:#fff;
  border-color:#1b344e;
}
.dash-button-primary:hover {
  background:#284b6d;
  color:#fff;
}
.dash-section-nav {
  display:flex;
  gap:28px;
  border-bottom:1px solid #dce3eb;
  margin-bottom:24px;
  overflow-x:auto;
}
.dash-section-nav a {
  padding:0 2px 15px;
  color:var(--muted);
  font-size:16px;
  white-space:nowrap;
}
.dash-section-nav a.is-active {
  color:#18364c;
  font-weight:750;
  border-bottom:2px solid #16867c;
}
.dash-filter {
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px 22px;
  margin-bottom:22px;
}
.dash-filter-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.dash-filter-heading {
  font-size:16px;
  font-weight:700;
}
.dash-filter-heading small {
  font-size:15px;
  color:var(--muted);
  font-weight:400;
  margin-left:10px;
}
.dash-date-presets {
  display:flex;
  gap:5px;
}
.dash-date-presets button {
  border:0;
  background:#f4f6f8;
  border-radius:5px;
  font-size:15px;
  padding:5px 9px;
  color:#5a6a80;
  cursor:pointer;
}
.dash-date-presets button:hover {
  background:#e4f1ef;
  color:var(--teal);
}
.dash-filter-fields {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.4fr .65fr auto;
  gap:12px;
  align-items:end;
}
.dash-filter-fields>div {
  min-width:0;
}
.dash-filter label {
  display:block;
  font-size:14px;
  color:#6c7b8d;
  font-weight:600;
  margin-bottom:6px;
}
.dash-filter input,.dash-filter select {
  width:100%;
  min-width:0;
  border:1px solid #e0e5eb;
  border-radius:6px;
  padding:9px 10px;
  background:#fff;
  color:#35475c;
  height:44px;
  font-size:16px;
}
.dash-filter input::placeholder {
  color:#9aa5b3;
}
.dash-filter-submit {
  display:flex;
  align-items:center;
  gap:12px;
}
.dash-filter-submit .dash-button {
  height:44px;
  padding:8px 17px;
}
.dash-reset {
  font-size:15px;
  color:var(--muted);
  white-space:nowrap;
}
.dash-context {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:15px;
  color:var(--muted);
  margin:0 2px 14px;
  flex-wrap:wrap;
}
.dash-status-dot {
  width:6px;
  height:6px;
  background:var(--teal);
  border-radius:50%;
}
.dash-context-divider {
  color:#c7ced7;
  margin:0 4px;
}
.dash-context-right {
  margin-left:auto;
}
.dash-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
  scroll-margin-top:20px;
}
.dash-kpi {
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:20px 22px;
}
.dash-kpi-label {
  display:flex;
  justify-content:space-between;
  gap:6px;
  align-items:center;
  color:#66768b;
  font-size:16px;
  font-weight:600;
}
.dash-kpi-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#f0f3f7;
  color:#61758c;
  font-size:20px;
}
.dash-icon-teal {
  background:#edf7f5;
  color:#16867c;
}
.dash-kpi>strong {
  display:block;
  font-size:clamp(25px,2.5vw,36px);
  font-weight:750;
  letter-spacing:-1px;
  margin:17px 0 7px;
  overflow-wrap:anywhere;
}
.dash-kpi>strong small {
  font-size:22px;
  margin-left:3px;
}
.dash-kpi p {
  font-size:15px;
  color:var(--muted);
  margin-bottom:16px;
}
.dash-kpi-foot {
  display:block;
  font-size:14px;
  color:#8b97a7;
  padding-top:12px;
  border-top:1px solid #eff2f5;
}
.dash-kpi-featured {
  background:#19364b;
  border-color:#19364b;
  color:white;
  box-shadow:0 6px 18px #132f4312;
}
.dash-kpi-featured .dash-kpi-label,.dash-kpi-featured p {
  color:#c5d3df;
}
.dash-kpi-featured .dash-kpi-icon {
  background:#ffffff12;
  color:#cce6df;
}
.dash-kpi-featured .dash-kpi-foot {
  border-color:#ffffff1c;
  color:#a7bfce;
}
.dash-quantity-strip {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:20px 8px;
  margin-bottom:22px;
}
.dash-quantity-strip>div,.dash-packing-strip>div {
  padding:0 22px;
  border-right:1px solid var(--line);
}
.dash-quantity-strip>div:last-child,.dash-packing-strip>div:last-child {
  border:0;
}
.dash-quantity-strip span,.dash-packing-strip span {
  display:block;
  color:var(--muted);
  font-size:15px;
  margin-bottom:9px;
}
.dash-quantity-strip strong {
  font-size:25px;
  letter-spacing:-.5px;
}
.dash-quantity-strip small,.dash-packing-strip small {
  font-size:15px;
  font-weight:400;
  margin-left:4px;
  color:var(--muted);
}
.dash-amber {
  color:#b37827;
}
.dash-main-grid {
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);
  gap:20px;
  margin-bottom:22px;
}
.dash-panel {
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:24px;
  min-width:0;
  margin-bottom:20px;
}
.dash-main-grid>.dash-panel,.dash-ranking-grid>.dash-panel {
  margin-bottom:0;
}
.dash-panel-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:15px;
}
.dash-panel h2,.dash-panel-title {
  font-size:19px;
  font-weight:700;
  letter-spacing:-.35px;
  margin:7px 0;
}
.dash-toggle {
  display:inline-flex;
  padding:3px;
  background:#f3f5f8;
  border-radius:7px;
  gap:3px;
  flex-wrap:wrap;
}
.dash-toggle button {
  border:0;
  background:transparent;
  border-radius:5px;
  padding:6px 11px;
  color:#7a8798;
  font-size:15px;
  cursor:pointer;
}
.dash-toggle button.is-active {
  background:#fff;
  color:#234559;
  font-weight:700;
  box-shadow:0 1px 4px #1a304410;
}
.dash-muted {
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
}
.dash-badge {
  background:#f3f6f9;
  color:#7d8a9b;
  font-size:14px;
  padding:5px 8px;
  border-radius:5px;
  white-space:nowrap;
}
.dash-chart {
  height:234px;
  width:100%;
  margin-top:16px;
}
.dash-chart svg {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.dash-chart circle {
  cursor:pointer;
  transition:r .15s;
}
.dash-chart circle:hover,.dash-chart circle:focus {
  r:6;
  outline:none;
  stroke:#153d4a;
  stroke-width:2;
}
.dash-chart-readout {
  font-size:15px;
  color:#75869a;
  min-height:22px;
  text-align:right;
}
.dash-chart-data {
  font-size:15px;
  color:var(--muted);
  margin-top:6px;
}
.dash-chart-data summary {
  cursor:pointer;
}
.dash-period-comparison {
  border-top:1px solid var(--line);
  padding-top:12px;
  margin-top:14px;
  font-size:15px;
  color:var(--muted);
}
.dash-period-comparison strong {
  color:#224c59;
}
.dash-period-comparison small {
  display:block;
  font-size:14px;
  margin-top:5px;
}
.dash-stage {
  margin:23px 0;
}
.dash-stage>div {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:16px;
}
.dash-stage>div>span {
  font-size:14px;
  color:#9ba8b7;
}
.dash-stage strong {
  margin-left:auto;
  font-weight:700;
}
.analytics-dashboard meter {
  display:block;
  width:100%;
  height:7px;
  border:0;
  background:#edf1f5;
  border-radius:4px;
  overflow:hidden;
  margin-top:11px;
  appearance:none;
}
.analytics-dashboard meter::-webkit-meter-bar {
  background:#edf1f5;
  border:0;
  border-radius:4px;
  height:7px;
}
.analytics-dashboard meter::-webkit-meter-optimum-value {
  background:#6c899f;
  border-radius:4px;
}
.analytics-dashboard meter::-moz-meter-bar {
  background:#6c899f;
}
.dash-stage-teal meter::-webkit-meter-optimum-value {
  background:#16867c;
}
.dash-stage-teal meter::-moz-meter-bar {
  background:#16867c;
}
.dash-stage small {
  display:block;
  color:var(--muted);
  font-size:14px;
  text-align:right;
  margin-top:7px;
}
.dash-footnote {
  border-top:1px solid var(--line);
  padding-top:13px;
  margin-bottom:12px;
}
.dash-fulfillment-footer {
  display:flex;
  justify-content:space-between;
  font-size:15px;
  color:var(--muted);
}
.dash-fulfillment-footer strong {
  color:var(--teal);
  font-size:19px;
}
.dash-ranking-grid {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:20px;
  margin-bottom:22px;
  scroll-margin-top:20px;
}
.dash-rank-list {
  max-height:340px;
  overflow:auto;
  margin-top:16px;
  padding-right:4px;
}
.dash-rank {
  display:flex;
  gap:13px;
  padding:13px 0;
  border-bottom:1px solid #f0f3f6;
}
.dash-rank:last-child {
  border:0;
}
.dash-rank-index {
  color:#91a1b2;
  font-size:15px;
  padding-top:3px;
}
.dash-rank-body {
  min-width:0;
  flex:1;
}
.dash-rank-heading {
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:16px;
  align-items:start;
}
.dash-rank-heading>span {
  overflow-wrap:anywhere;
}
.dash-rank-heading strong {
  white-space:nowrap;
}
.dash-rank-heading small {
  display:block;
  font-size:14px;
  color:var(--muted);
  margin-top:3px;
}
.dash-rank .dash-muted {
  display:block;
  font-size:14px;
  margin-top:5px;
}
.dash-rank meter {
  height:5px;
  margin-top:8px;
}
.dash-table-scroll {
  overflow:auto;
  max-height:360px;
  margin-top:14px;
}
.dash-table {
  font-size:16px;
  margin:0;
  color:#40546b;
}
.dash-table th {
  font-size:14px;
  color:#8b97a7;
  font-weight:500;
  background:#fafbfd;
  white-space:nowrap;
}
.analytics-dashboard .dash-table>:not(caption)>*>* {
  padding:13px 10px;
  border-color:#edf1f5;
}
.dash-table tbody tr:hover {
  background:#fafcfd;
}
.dash-table td:last-child {
  text-align:right;
  white-space:nowrap;
  font-weight:600;
}
.dash-table th:last-child {
  text-align:right;
}
.dash-table td small {
  display:block;
  color:var(--muted);
  font-size:14px;
  margin-top:4px;
}
.dash-table a {
  color:#16867c;
}
.dash-center-icon {
  display:inline-flex;
  background:#eef3f7;
  color:#7990a5;
  border-radius:5px;
  width:25px;
  height:25px;
  align-items:center;
  justify-content:center;
  margin-right:10px;
}
.dash-empty {
  height:100%;
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  color:var(--muted);
  font-size:15px;
  padding:20px;
}
.dash-empty>span {
  font-size:27px;
  line-height:1;
  padding:12px;
  background:#f1f5f8;
  border-radius:12px;
  margin-bottom:12px;
  color:#8fa4b5;
}
.dash-empty strong {
  font-weight:600;
  font-size:16px;
  color:#586f84;
}
.dash-empty p {
  margin:8px 0 0;
}
.dash-empty-cell {
  text-align:center!important;
  color:var(--muted);
  padding:45px 10px!important;
  font-weight:400!important;
}
.dash-packing-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:#edf2f6;
  border-radius:10px;
  padding:19px 0;
  margin-bottom:22px;
}
.dash-packing-strip strong {
  font-size:20px;
}
.dash-details {
  font-size:16px;
  padding:18px 24px;
}
.dash-details summary {
  cursor:pointer;
  font-weight:600;
}
.dash-details[open] summary {
  margin-bottom:16px;
}
.dash-notice {
  border-radius:8px;
  padding:13px 17px;
  margin-bottom:18px;
  font-size:15px;
  line-height:1.8;
}
.dash-notice-warning {
  background:#fff8e9;
  border:1px solid #f3e6c9;
  color:#8e6c34;
}
.analytics-dashboard #order-records {
  scroll-margin-top:20px;
}
.analytics-dashboard nav.d-flex {
  font-size:16px;
  padding-top:18px;
}
.analytics-dashboard .btn-success {
  background:#19364b;
  border-color:#19364b;
  font-size:15px;
}
.analytics-dashboard .table-responsive {
  margin-top:14px;
}
.analytics-dashboard caption {
  caption-side:top;
  font-size:15px;
  color:var(--muted);
}
@media(min-width:1650px) {
  .analytics-dashboard {
    padding-top:52px;
  }
}
@media(max-width:1100px) {
  .analytics-dashboard {
    padding:34px 22px 50px;
  }
  .dash-filter-fields {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .dash-main-grid {
    grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);
  }
  .dash-kpi {
    padding:17px;
  }
  .dash-kpi>strong {
    font-size:28px;
  }
  .dash-panel {
    padding:20px;
  }
  .dash-header h1 {
    font-size:29px;
  }
}
@media(max-width:760px) {
  .analytics-dashboard {
    padding:30px 16px 40px;
  }
  .dash-header {
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
  }
  .dash-header h1 {
    font-size:28px;
  }
  .dash-actions {
    width:100%;
  }
  .dash-actions .dash-button {
    flex:1;
  }
  .dash-kpis {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .dash-kpi>strong {
    font-size:27px;
  }
  .dash-kpi-label {
    font-size:15px;
  }
  .dash-kpi-icon {
    width:25px;
    height:25px;
  }
  .dash-kpi p,.dash-kpi-foot {
    font-size:14px;
  }
  .dash-filter {
    padding:16px;
  }
  .dash-filter-fields {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dash-filter-top {
    align-items:flex-start;
    flex-direction:column;
  }
  .dash-context-right {
    margin-left:0;
    flex-basis:100%;
    margin-top:3px;
  }
  .dash-main-grid,.dash-ranking-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .dash-quantity-strip {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px 0;
  }
  .dash-quantity-strip>div {
    padding:0 14px;
  }
  .dash-quantity-strip strong {
    font-size:23px;
  }
  .dash-packing-strip {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 0;
  }
  .dash-packing-strip>div:nth-child(2) {
    border:0;
  }
  .dash-panel-header {
    flex-wrap:wrap;
  }
  .dash-section-nav {
    gap:23px;
  }
  .dash-table {
    font-size:15px;
  }
  .dash-panel-title {
    font-size:17px;
  }
  .dash-panel>.d-flex {
    flex-wrap:wrap;
    gap:8px;
  }
  .dash-chart {
    height:215px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .analytics-dashboard * {
    transition:none!important;
    scroll-behavior:auto!important;
  }
}
/* Leave room for the shared fixed navigation opener. */
.analytics-dashboard {
  padding-top:76px;
}
.analytics-dashboard>section.dash-panel:last-of-type .dash-table {
  min-width:780px;
}
@media(max-width:760px) {
  .analytics-dashboard {
    padding-top:72px;
  }
  .dash-quantity-strip>div:nth-child(3) {
    border-right:0;
  }
}