/* Premium dark Statistics UI. Designed to be visually distinct from ad-network dashboards. */
.rate-display { display: none !important; }

:root {
  --stat-bg: #07090e;
  --stat-panel: #0d1119;
  --stat-panel-2: #111722;
  --stat-panel-3: #151b28;
  --stat-border: #20293a;
  --stat-border-soft: #182131;
  --stat-text: #f4f7fb;
  --stat-muted: #8d98aa;
  --stat-accent: #9a7cff;
  --stat-accent-2: #5ce1e6;
}

body { background: var(--stat-bg); }
.top-nav { background: #090c12 !important; border-bottom-color: #1b2330 !important; }
.brand { letter-spacing: .1px; }
.statistics-page { padding-top: 8px; }
.statistics-header {
  margin: 0 -28px 28px;
  padding: 18px 28px 24px;
  background: radial-gradient(circle at 78% 20%, rgba(111, 85, 220, .10), transparent 32%), #090c12;
  border-bottom: 1px solid var(--stat-border);
}
.statistics-title { padding-top: 0; }
.statistics-title h1 {
  font-size: 34px;
  line-height: 1.1;
  font-weight: 750;
  letter-spacing: -1px;
  margin: 0 0 20px;
  color: var(--stat-text);
}
.help-icon {
  width: 17px; height: 17px; border: 1.5px solid #6f7d92; color: #a8b3c4;
  font-size: 10px; vertical-align: 5px; margin-left: 4px;
}
.statistics-periods { gap: 9px; min-height: 42px; margin-bottom: 12px; }
.statistics-periods button {
  height: 38px; padding: 0 14px; border: 1px solid var(--stat-border); border-radius: 10px;
  background: #0d121b; color: #a7b1c2; font-size: 13px; font-weight: 600;
  transition: .16s ease; box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.statistics-periods button:hover { border-color: #3a465b; color: #eef2f8; background: #121824; }
.statistics-periods button.active {
  color: #fff; border-color: rgba(154,124,255,.65);
  background: linear-gradient(135deg, rgba(111,87,207,.28), rgba(53,196,202,.12));
  box-shadow: 0 0 0 1px rgba(154,124,255,.08), 0 8px 22px rgba(0,0,0,.22);
}
.statistics-date-filter { gap: 10px; }
.statistics-date-filter input {
  height: 40px; min-width: 125px; background: #0c1119; color: #eef2f8;
  border: 1px solid var(--stat-border); border-radius: 10px; padding: 0 11px; font-size: 13px;
}
.statistics-date-filter span { padding-bottom: 10px; color: #596579; }
.statistics-date-filter .btn {
  height: 40px; border: 1px solid rgba(154,124,255,.5); border-radius: 10px;
  background: linear-gradient(135deg, #765de0, #4f8edc); color: #fff; font-size: 13px; font-weight: 700;
  box-shadow: 0 7px 20px rgba(91,74,183,.18);
}

.daily-report {
  border: 1px solid var(--stat-border); background: var(--stat-panel); border-radius: 14px;
  overflow: hidden; box-shadow: 0 18px 45px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.02) inset;
}
.daily-table-wrap { overflow-x: auto; }
.daily-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--stat-panel); }
.daily-table th, .daily-table td {
  height: 56px; padding: 0 16px; border: 0; border-bottom: 1px solid var(--stat-border-soft);
  font-size: 14px; letter-spacing: .05px;
}
.daily-table th {
  height: 48px; background: #0a0e15; color: #8f9bb0; font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .65px; cursor: pointer;
}
.daily-table th:first-child, .daily-table td:first-child { border-right: 1px solid var(--stat-border-soft); }
.daily-table td { color: #e9eef7; background: #0d121a; font-weight: 500; }
.daily-table tbody tr:nth-child(even) td { background: #0f151f; }
.daily-table tbody tr:hover td { background: #141b27; }
.daily-table .amount-col { text-align: right; font-variant-numeric: tabular-nums; }
.daily-table tbody td.amount-col { color: #d9d0ff; font-weight: 650; }
.daily-table .sort-indicator { font-size: 8px; color: var(--stat-accent); margin-left: 5px; }
.daily-total-row th {
  height: 64px; background: linear-gradient(90deg, #111827, #171326) !important;
  color: #e8e5ff; border-bottom: 0; border-top: 1px solid rgba(154,124,255,.24);
  font-size: 13px; letter-spacing: .3px; text-transform: none;
}
.daily-total-row th.amount-col { color: #fff; font-size: 18px; font-weight: 800; }
.daily-total-row th:first-child { border-right: 1px solid var(--stat-border-soft); }
.daily-pagination {
  display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 13px 15px;
  background: #0a0e15; color: #7f8ba0; font-size: 12px;
}
.daily-pagination button {
  min-width: 31px; height: 32px; border: 1px solid var(--stat-border); background: #0d121a;
  color: #a5afbf; font-size: 17px; cursor: pointer; border-radius: 8px;
}
.daily-pagination button:hover:not(:disabled) { border-color: #4a5366; background: #151b26; color: #fff; }
.daily-pagination button:disabled { opacity: .3; cursor: default; }
.daily-pagination .page-current {
  border: 1px solid rgba(154,124,255,.55); border-radius: 8px; min-width: 34px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #17142a;
}
.daily-pagination select {
  height: 32px; border: 1px solid var(--stat-border); border-radius: 8px; background: #0d121a;
  color: #e9eef7; padding: 0 25px 0 9px; margin-left: 5px;
}
.dashboard-network-list { display: none; }
.dashboard-daily-report { margin-top: 0; }

@media(max-width:700px){
  .statistics-header { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
  .statistics-title h1 { font-size: 29px; }
  .statistics-periods { gap: 6px; }
  .statistics-date-filter { display: grid; grid-template-columns: 1fr auto 1fr auto; width: 100%; }
  .statistics-date-filter label, .statistics-date-filter input { width: 100%; min-width: 0; }
  .daily-table th, .daily-table td { height: 50px; padding: 0 12px; }
  .daily-total-row th.amount-col { font-size: 16px; }
}