/* ═══════════════════════════════════════════════
   admin-smooth.css — v13 "Silk" Admin Panel finish (loaded LAST)
   ═══════════════════════════════════════════════ */
:root{--silk:cubic-bezier(.22,1,.36,1);}
body{animation:aIn .6s var(--silk) both;}
@keyframes aIn{from{opacity:0}to{opacity:1}}
body::after{opacity:.22!important;}

/* lighter glass = no lag, especially on phones */
.glass{backdrop-filter:blur(14px) saturate(140%)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 40px 80px -50px rgba(0,0,0,.95)!important;}

/* Readable premium numbers (Orbitron slashed zeros looked heavy) */
.hero-total .amt,.stat .v,.ms .v{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;letter-spacing:-.03em!important;font-weight:800!important;}
.hero-total .amt{font-size:clamp(2.6rem,7vw,4.8rem)!important;}
.stat .v{font-size:1.6rem!important;}

/* Layout: panels line up at the top, no odd gap */
.grid{align-items:start!important;}
.panel.sticky{position:relative!important;top:0!important;align-self:start!important;margin-top:0!important;}
.top-grid{align-items:stretch!important;}

/* Motion: one silky curve */
.glass,.stat,.panel,.btn,.list > *,.seg button,.quick button,.mpick button,input,select{
  transition:transform .45s var(--silk),box-shadow .45s var(--silk),border-color .3s ease,background-color .3s ease!important;}
@media (hover:hover){
  .stat:hover,.hero-total:hover{transform:translateY(-4px);border-color:rgba(239,68,68,.3)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 24px 60px -28px rgba(239,68,68,.45)!important;}
  .list > *:hover{transform:translateX(4px);}
  .quick button:hover,.seg button:hover{transform:translateY(-2px);}
}
.btn{position:relative;overflow:hidden;isolation:isolate;}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .9s var(--silk);}
.btn:hover::after{transform:translateX(120%);}
.btn:active{transform:scale(.97)!important;}

/* Inputs: soft focus ring */
input,select{border-radius:14px!important;}
input:focus,select:focus{outline:none!important;border-color:rgba(249,115,22,.6)!important;
  box-shadow:0 0 0 4px rgba(249,115,22,.14)!important;}

/* Staggered entrance for dashboard cards */
#dashView:not(.hidden) .glass{animation:aCard .7s var(--silk) both;}
#dashView:not(.hidden) .glass:nth-child(2){animation-delay:.06s}
#dashView:not(.hidden) .glass:nth-child(3){animation-delay:.12s}
#dashView:not(.hidden) .glass:nth-child(4){animation-delay:.18s}
@keyframes aCard{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

/* Scrollbars */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:linear-gradient(#ef4444,#f97316);border-radius:8px}
::-webkit-scrollbar-track{background:transparent}
.list{scrollbar-width:thin;overscroll-behavior:contain;}

@media (max-width:820px),(hover:none){
  .glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(160deg,#1a0d0c,#0f0707)!important;}
  .hero-total .amt{animation:none!important;}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}