/* Administration home: premium depth for feature cards without reusing glass/button glow effects. */
.admin-home-screen{--admin-card-ease:cubic-bezier(.16,1,.3,1)}

.admin-home-screen .admin-intro-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(112,154,140,.22);
  background:
    radial-gradient(120% 120% at 100% 0%,rgba(219,245,238,.34) 0%,rgba(219,245,238,0) 48%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,251,.96));
  box-shadow:0 12px 30px rgba(20,61,50,.07),inset 0 1px 0 rgba(255,255,255,.98);
}
.admin-home-screen .admin-intro-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-72px;
  top:-92px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(68,185,153,.13) 0%,rgba(68,185,153,0) 70%);
  filter:blur(2px);
}
.admin-home-screen .admin-intro-card>*{position:relative;z-index:1}

.admin-feature-grid{gap:14px}
.admin-feature-card{
  --admin-accent:8,127,105;
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  min-height:164px;
  padding:20px 20px 18px!important;
  border:1px solid rgba(var(--admin-accent),.22)!important;
  background:
    linear-gradient(132deg,rgba(var(--admin-accent),.075) 0%,rgba(var(--admin-accent),.025) 38%,rgba(255,255,255,.94) 72%),
    linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,251,250,.95))!important;
  box-shadow:
    inset 4px 0 0 rgba(var(--admin-accent),.58),
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 28px rgba(20,61,50,.075)!important;
  transition:transform 260ms var(--admin-card-ease),box-shadow 260ms ease,border-color 260ms ease!important;
}
.admin-feature-card--users{--admin-accent:8,127,105}
.admin-feature-card--routes{--admin-accent:38,132,210}
.admin-feature-card--map{--admin-accent:94,102,214}

.admin-feature-card>*{position:relative;z-index:2}
.admin-feature-card::before{
  content:"";
  position:absolute;
  z-index:0;
  left:9%;
  right:9%;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 28%,rgba(var(--admin-accent),.24) 50%,rgba(255,255,255,.95) 72%,transparent);
  box-shadow:0 1px 10px rgba(var(--admin-accent),.12);
}
.admin-feature-card::after{
  content:"";
  position:absolute;
  z-index:0;
  width:210px;
  height:210px;
  right:-92px;
  bottom:-122px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(var(--admin-accent),.15) 0%,rgba(var(--admin-accent),.065) 34%,rgba(var(--admin-accent),0) 72%);
  filter:blur(3px);
  opacity:.8;
  animation:admin-card-ambient 5.8s ease-in-out infinite alternate;
}
.admin-feature-card:nth-child(2)::after{animation-delay:-1.8s}
.admin-feature-card:nth-child(3)::after{animation-delay:-3.4s}

.admin-feature-card .eyebrow{
  color:rgb(var(--admin-accent));
  letter-spacing:.055em;
  margin-bottom:18px;
}
.admin-feature-card h3{
  margin:0 0 18px;
  color:#183d34;
  font-size:20px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.015em;
}
.admin-feature-card .small{
  color:#6c7e77;
  font-size:12px;
  line-height:1.5;
  max-width:92%;
}

@media(hover:hover) and (pointer:fine){
  .admin-feature-card:hover{
    transform:translateY(-4px) scale(1.006)!important;
    border-color:rgba(var(--admin-accent),.34)!important;
    box-shadow:
      inset 4px 0 0 rgba(var(--admin-accent),.72),
      inset 0 1px 0 rgba(255,255,255,1),
      0 18px 38px rgba(20,61,50,.12)!important;
  }
}
.admin-feature-card:active{
  transform:scale(.986)!important;
  box-shadow:
    inset 4px 0 0 rgba(var(--admin-accent),.72),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 7px 18px rgba(20,61,50,.09)!important;
}

@keyframes admin-card-ambient{
  from{transform:translate3d(-10px,8px,0) scale(.92);opacity:.56}
  to{transform:translate3d(10px,-8px,0) scale(1.08);opacity:.92}
}

@media(max-width:640px){
  .admin-feature-card{min-height:174px;padding:20px 20px 19px!important}
  .admin-feature-card .eyebrow{margin-bottom:20px}
  .admin-feature-card h3{font-size:20px;margin-bottom:19px}
}

/* Sales home reuses the same card language in a tighter format. */
.sales-home-screen{--admin-card-ease:cubic-bezier(.16,1,.3,1)}
.sales-feature-card{
  --admin-accent:8,127,105;
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  min-height:142px;
  padding:18px 20px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(var(--admin-accent),.22)!important;
  background:
    linear-gradient(132deg,rgba(var(--admin-accent),.075) 0%,rgba(var(--admin-accent),.025) 38%,rgba(255,255,255,.94) 72%),
    linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,251,250,.95))!important;
  box-shadow:
    inset 4px 0 0 rgba(var(--admin-accent),.58),
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 28px rgba(20,61,50,.075)!important;
  transition:transform 260ms var(--admin-card-ease),box-shadow 260ms ease,border-color 260ms ease!important;
}
.sales-feature-card>*{position:relative;z-index:2}
.sales-feature-card::before{
  content:"";
  position:absolute;
  z-index:0;
  left:9%;
  right:9%;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 28%,rgba(var(--admin-accent),.24) 50%,rgba(255,255,255,.95) 72%,transparent);
  box-shadow:0 1px 10px rgba(var(--admin-accent),.12);
}
.sales-feature-card::after{
  content:"";
  position:absolute;
  z-index:0;
  width:190px;
  height:190px;
  right:-84px;
  bottom:-108px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(var(--admin-accent),.15) 0%,rgba(var(--admin-accent),.065) 34%,rgba(var(--admin-accent),0) 72%);
  filter:blur(3px);
  opacity:.8;
  animation:admin-card-ambient 5.8s ease-in-out infinite alternate;
}
.sales-feature-card h2{
  margin:0 0 10px;
  color:#183d34;
  font-size:21px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.015em;
}
.sales-feature-card .small{
  color:#6c7e77;
  font-size:12px;
  line-height:1.5;
  max-width:92%;
}
@media(hover:hover) and (pointer:fine){
  .sales-feature-card:hover{
    transform:translateY(-4px) scale(1.006)!important;
    border-color:rgba(var(--admin-accent),.34)!important;
    box-shadow:
      inset 4px 0 0 rgba(var(--admin-accent),.72),
      inset 0 1px 0 rgba(255,255,255,1),
      0 18px 38px rgba(20,61,50,.12)!important;
  }
}
.sales-feature-card:active{
  transform:scale(.986)!important;
  box-shadow:
    inset 4px 0 0 rgba(var(--admin-accent),.72),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 7px 18px rgba(20,61,50,.09)!important;
}

@media(max-width:640px){
  .sales-feature-card{min-height:138px;padding:17px 19px!important}
  .sales-feature-card h2{font-size:20px;margin-bottom:9px}
}

@media(prefers-reduced-motion:reduce){
  .admin-feature-card::after,.sales-feature-card::after{animation:none!important}
  .admin-feature-card,.sales-feature-card{transition-duration:1ms!important}
}