:root{
  --bg:#050505;
  --bg-soft:#0b0d12;
  --panel:#101010;
  --panel-2:#141414;
  --panel-3:#181818;

  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);

  --text:#ffffff;
  --muted:#a8a8a8;
  --muted-2:#cfcfcf;

  --blue:#2f7cff;
  --blue-2:#5ca3ff;

  --wolt:#12b5ff;
  --glovo:#ffd33d;
  --uber:#1ed760;
  --bolt:#2fd36b;
  --stuart:#4c80ff;

  --green:#2fe870;
  --red:#ff7c7c;

  --shadow-soft:0 12px 28px rgba(0,0,0,.22);
  --safe-bottom:env(safe-area-inset-bottom, 0px);
}

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  scroll-behavior:smooth;
}

body{
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(24,63,128,.22), transparent 45%),
    radial-gradient(1000px 480px at 100% 0%, rgba(20,54,112,.16), transparent 48%),
    linear-gradient(180deg,#050505 0%, #06090f 100%);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  overflow-x:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
select{
  font:inherit;
}

.hidden{
  display:none !important;
}

.ehPage{
  width:100%;
}

.ehWrap{
  width:100%;
  max-width:none;
  padding:26px 34px 140px;
}

.ehMenuBtn,
.ehProfileBtn{
  position:fixed;
  top:14px;
  z-index:9998;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(20,20,20,.88);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 25px rgba(0,0,0,.24);
}

.ehMenuBtn{
  right:14px;
  width:48px;
  display:grid;
  place-items:center;
  color:#fff;
  cursor:pointer;
}

.ehMenuIco{
  font-size:18px;
  line-height:1;
  font-weight:900;
}

.ehProfileBtn{
  right:72px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  color:#fff;
}

.ehProfileTxt{
  font-weight:800;
  font-size:13px;
}

.ehMenuOverlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(5px);
  z-index:9997;
}

.ehMenu{
  position:fixed;
  top:14px;
  right:14px;
  width:min(360px, calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  overflow:auto;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:#101010;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  z-index:9999;
}

.ehMenuHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ehMenuBrand{
  display:flex;
  align-items:center;
  gap:10px;
}

.ehMenuMark{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  font-weight:1000;
  color:#fff;
}

.ehMenuTitle{
  font-size:15px;
  font-weight:900;
}

.ehMenuClose{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:#181818;
  color:#fff;
  cursor:pointer;
}

.ehMenuNav{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px;
}

.ehMenuLink{
  border:1px solid rgba(255,255,255,.08);
  background:#171717;
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  display:flex;
  align-items:center;
  color:#fff;
  font-weight:800;
  font-size:14px;
}

html.ehMenuOpen{
  overflow:hidden;
}

.ehTopBar{
  width:100%;
  margin-bottom:22px;
}

.ehTopBarInner{
  width:100%;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(90deg, rgba(19,46,93,.30) 0%, rgba(8,8,8,.0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  padding:32px;
  box-shadow:var(--shadow-soft);
  display:flex;
  justify-content:space-between;
  gap:26px;
  align-items:flex-start;
}

.ehEyebrow{
  color:#8ab8ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ehTitle{
  margin-top:10px;
  font-size:54px;
  line-height:.95;
  font-weight:1000;
  letter-spacing:-.05em;
  max-width:820px;
}

.ehLead{
  margin-top:16px;
  max-width:800px;
  font-size:19px;
  line-height:1.6;
  color:var(--muted);
}

.ehTopActions{
  display:flex;
  gap:12px;
  flex-shrink:0;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.ehTopBtn{
  min-height:50px;
  padding:0 18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:14px;
  border:1px solid rgba(255,255,255,.10);
}

.ehTopBtnGhost{
  background:#121212;
  color:#fff;
}

.ehTopBtnPrimary{
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  color:#fff;
  border:0;
  box-shadow:0 12px 28px rgba(47,124,255,.22);
}

.ehFiltersCard,
.ehCard,
.ehSideCard{
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:#101010;
  padding:24px;
  box-shadow:var(--shadow-soft);
}

.ehFiltersCard{
  margin-bottom:22px;
}

.ehFiltersTop,
.ehCardHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.ehCardTitle{
  font-size:28px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.04em;
}

.ehCardSub{
  margin-top:7px;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.ehGhostBtn{
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#161616;
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.ehFiltersGrid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:18px;
}

.ehFilterGroup{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ehFilterLabel{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.ehRangeTabs{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
}

.ehRangeTab{
  min-height:48px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:#121212;
  color:#fff;
  font-weight:800;
  font-size:14px;
  cursor:pointer;
}

.ehRangeTab.isActive{
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  border-color:transparent;
}

.ehDateGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.ehField{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.ehFieldMini{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.ehInput{
  width:100%;
  min-height:50px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:#151515;
  color:#fff;
  outline:none;
}

.ehInput:focus{
  border-color:rgba(92,163,255,.55);
  box-shadow:0 0 0 3px rgba(92,163,255,.16);
}

.ehAppPills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ehAppPill{
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:#151515;
  color:#fff;
  font-size:13px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}

.ehAppPill.isOn{
  color:#081018;
  border-color:transparent;
}

.ehAppDot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:currentColor;
  flex-shrink:0;
}

.ehStatsGrid{
  display:grid;
  grid-template-columns:1.2fr repeat(5, 1fr);
  gap:16px;
  margin-bottom:22px;
}

.ehStatCard{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:#111111;
  padding:20px;
}

.ehStatCardMain{
  background:
    linear-gradient(135deg, rgba(47,124,255,.22), rgba(16,16,16,1) 55%),
    #111111;
}

.ehStatLabel{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.ehStatValue{
  margin-top:12px;
  font-size:48px;
  line-height:.95;
  font-weight:1000;
  letter-spacing:-.04em;
  color:var(--green);
}

.ehStatValueSmall{
  margin-top:10px;
  font-size:28px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.03em;
}

.ehStatValueSmall.cost{
  color:#ff9d9d;
}

.ehStatSub{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.ehMainLayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:22px;
  align-items:start;
}

.ehMainCol,
.ehSideCol{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:22px;
}

.ehBestWorstGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.ehBestWorstCard{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:#141414;
  padding:20px;
}

.ehBestWorstCard.best{
  border-color:rgba(47,232,112,.18);
}

.ehBestWorstCard.worst{
  border-color:rgba(255,124,124,.18);
}

.ehBestWorstLabel{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.ehBestWorstDate{
  margin-top:10px;
  font-size:22px;
  line-height:1;
  font-weight:1000;
}

.ehBestWorstValue{
  margin-top:14px;
  font-size:34px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.03em;
}

.ehBestWorstCard.best .ehBestWorstValue{
  color:var(--green);
}

.ehBestWorstCard.worst .ehBestWorstValue{
  color:#ff9d9d;
}

.ehBestWorstSub{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
}

.ehListCount{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.ehDaysList{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ehDayCard{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:#141414;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}

.ehDayLeft{
  min-width:0;
}

.ehDayDate{
  font-size:20px;
  line-height:1.05;
  font-weight:1000;
  letter-spacing:-.02em;
}

.ehDayMeta{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ehChip{
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#101010;
  border:1px solid rgba(255,255,255,.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.ehDayRight{
  text-align:right;
}

.ehDayNet{
  font-size:30px;
  line-height:1;
  font-weight:1000;
  color:var(--green);
}

.ehDaySub{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
}

.ehSideHead{
  margin-bottom:16px;
}

.ehSideTitle{
  font-size:24px;
  line-height:1.02;
  font-weight:1000;
  letter-spacing:-.03em;
}

.ehAppsBreakdown,
.ehInsightsList{
  display:grid;
  gap:12px;
}

.ehBreakdownRow,
.ehInsightRow{
  min-height:50px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:#141414;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.ehBreakdownName{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:800;
}

.ehBreakdownValue,
.ehInsightRow b{
  font-size:14px;
  font-weight:900;
  color:#fff;
}

.ehInsightRow span{
  color:var(--muted);
  font-size:14px;
}

.ehProCard{
  background:
    linear-gradient(180deg, rgba(47,124,255,.14), rgba(16,16,16,1) 38%),
    #101010;
}

.ehProOverline{
  color:#8ab8ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ehProTitle{
  margin-top:10px;
  font-size:28px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.04em;
}

.ehProText{
  margin-top:14px;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}

.ehProList{
  margin-top:16px;
  display:grid;
  gap:10px;
  padding-left:18px;
  color:#fff;
  font-size:14px;
  line-height:1.5;
}

.ehProBtn{
  margin-top:18px;
  min-height:52px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  color:#fff;
  font-weight:900;
  font-size:14px;
  box-shadow:0 12px 28px rgba(47,124,255,.22);
}

.ehMobileBar{
  display:none;
}

@media (max-width: 1380px){
  .ehTitle{
    font-size:48px;
  }

  .ehStatsGrid{
    grid-template-columns:1fr 1fr 1fr;
  }
}

@media (max-width: 1180px){
  .ehWrap{
    padding-left:22px;
    padding-right:22px;
  }

  .ehFiltersGrid,
  .ehMainLayout{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  .ehWrap{
    padding:14px 14px calc(130px + var(--safe-bottom));
  }

  .ehMenuBtn,
  .ehProfileBtn{
    top:calc(env(safe-area-inset-top, 0px) + 10px);
    background:rgba(20,20,20,.86) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }

  .ehMenuBtn{
    right:12px;
  }

  .ehProfileBtn{
    right:66px;
    padding:0 14px;
  }

  .ehProfileTxt{
    display:none;
  }

  .ehTopBarInner{
    padding:22px 18px;
    border-radius:28px;
    gap:18px;
    flex-direction:column;
  }

  .ehTitle{
    font-size:34px;
    line-height:.98;
  }

  .ehLead{
    font-size:15px;
    line-height:1.55;
  }

  .ehTopActions{
    width:100%;
    justify-content:flex-start;
  }

  .ehFiltersCard,
  .ehCard,
  .ehSideCard{
    padding:18px;
    border-radius:24px;
  }

  .ehFiltersTop,
  .ehCardHead{
    flex-direction:column;
    align-items:flex-start;
  }

  .ehCardTitle{
    font-size:24px;
  }

  .ehSideTitle{
    font-size:22px;
  }

  .ehRangeTabs{
    grid-template-columns:1fr 1fr;
  }

  .ehDateGrid,
  .ehBestWorstGrid,
  .ehStatsGrid{
    grid-template-columns:1fr;
  }

  .ehDayCard{
    grid-template-columns:1fr;
  }

  .ehDayRight{
    text-align:left;
  }

  .ehMobileBar{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(12px + var(--safe-bottom));
    z-index:9990;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    border-radius:22px;
    background:rgba(12,15,22,.88);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 14px 28px rgba(0,0,0,.24);
  }

  .ehMobileBarText{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .ehMobileBarText span{
    color:var(--muted);
    font-size:12px;
    font-weight:800;
  }

  .ehMobileBarText b{
    color:var(--green);
    font-size:18px;
    line-height:1.1;
    font-weight:1000;
  }

  .ehMobileBarBtn{
    min-height:44px;
    padding:0 16px;
    border-radius:14px;
    border:0;
    background:linear-gradient(135deg,var(--blue),var(--blue-2));
    color:#fff;
    font-size:13px;
    font-weight:900;
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}

*{
  -webkit-tap-highlight-color: transparent;
}

a,
button,
div,
span,
img{
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout:none;
}