/* ══════════════════════════════════════════════
   admin-lux.css — v12 premium finish (Admin Panel)
   Loaded after the built-in styles.
══════════════════════════════════════════════ */

/* ── Topbar ─────────────────────────────────── */
header.top{
  background:linear-gradient(180deg,rgba(10,5,5,.9),rgba(10,5,5,.72))!important;
  border-bottom:1px solid rgba(239,68,68,.16)!important;
  box-shadow:0 18px 44px -24px rgba(0,0,0,.95);
}
header.top::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 4%,rgba(239,68,68,.55) 30%,rgba(251,191,36,.45) 52%,rgba(239,68,68,.55) 74%,transparent 96%);
  opacity:.6;
}
.brand img{
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;
}
.brand:hover img{transform:rotate(-6deg) scale(1.07);box-shadow:0 0 30px rgba(239,68,68,.55);}

/* ── Glass cards: gradient hairline border + lift ── */
.glass{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),border-color .4s;}
.hero-total:hover,.stat:hover,.panel:hover{transform:translateY(-3px);}
.panel{overflow:hidden;}
.panel::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(249,115,22,.4),transparent);opacity:.7;}

/* ── Total income card: living aurora ───────── */
.hero-total::before{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-70px;bottom:-110px;
  filter:blur(16px);pointer-events:none;
  background:radial-gradient(circle,rgba(251,191,36,.14),transparent 65%);
  animation:auroraFloat 10s ease-in-out infinite alternate;
}
@keyframes auroraFloat{from{transform:translate(0,0)}to{transform:translate(34px,-26px) scale(1.15)}}

/* ── Stat cards ─────────────────────────────── */
.stat:hover{border-color:rgba(239,68,68,.5)!important;box-shadow:0 20px 44px -22px rgba(239,68,68,.5);}
.stat .si{transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s;}
.stat:hover .si{transform:scale(1.08) rotate(-4deg);}

/* ── Form fields ────────────────────────────── */
input,select{border-radius:14px;transition:border-color .3s,box-shadow .3s,background .3s,transform .3s cubic-bezier(.2,.8,.2,1);}
input:focus,select:focus{border-color:rgba(249,115,22,.65)!important;box-shadow:0 0 0 4px rgba(239,68,68,.16),0 10px 28px -14px rgba(239,68,68,.5)!important;}
label{transition:color .3s;}
.field:focus-within label{color:#fdba74;}

/* Quick-add chips */
.quick button{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.quick button:active{transform:scale(.92);}

/* ── Chart ──────────────────────────────────── */
.chart{position:relative;}
.chart::before{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.2rem;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);}
.bar span{border-radius:10px 10px 5px 5px;}
.bar:hover span{box-shadow:0 0 26px rgba(249,115,22,.65);}
.bar.sel span::after{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 50%);}

/* ── Income list ────────────────────────────── */
.item{position:relative;overflow:hidden;}
.item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2.5px;border-radius:99px;
  background:linear-gradient(180deg,#ef4444,#f97316);opacity:0;transition:opacity .35s;transform:scaleY(.4);}
.item:hover{transform:translateX(4px);background:rgba(239,68,68,.06);}
.item:hover::before{opacity:1;transform:scaleY(1);}
.money{filter:drop-shadow(0 0 10px rgba(34,197,94,.25));}
.del{transition:all .3s cubic-bezier(.2,.8,.2,1);}
.del:active{transform:scale(.85);}

/* ── Segmented control + month picker ──────── */
.seg{position:relative;overflow:hidden;}
.mpick{transition:border-color .3s,box-shadow .3s;}
.mpick:focus-within{border-color:rgba(239,68,68,.5);box-shadow:0 0 0 3px rgba(239,68,68,.14);}
.mpick button{transition:all .25s;}
.msum .ms{transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s;}
.msum .ms:hover{transform:translateY(-3px);border-color:rgba(239,68,68,.4);box-shadow:0 16px 36px -20px rgba(239,68,68,.5);}

/* ── Buttons ────────────────────────────────── */
.btn::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .8s var(--ease);}
.btn:hover::before{transform:translateX(120%);}
.btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 22px 46px -14px rgba(239,68,68,.9);}
.btn>*{position:relative;z-index:1;}

/* ── Clock ──────────────────────────────────── */
.clock{transition:border-color .4s,box-shadow .4s;}
.clock:hover{border-color:rgba(239,68,68,.35);box-shadow:0 0 30px -10px rgba(239,68,68,.35);}

/* ── Login art: extra depth ─────────────────── */
.login-art{background:radial-gradient(120% 80% at 0% 0%,rgba(239,68,68,.4),transparent 60%),
  radial-gradient(90% 70% at 100% 100%,rgba(249,115,22,.3),transparent 60%),
  radial-gradient(50% 40% at 60% 40%,rgba(251,191,36,.06),transparent 70%),rgba(0,0,0,.32)!important;}
.pill{transition:border-color .35s,background .35s,transform .35s;}
.pill:hover{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.1);transform:translateY(-2px);}

/* ── Mobile polish ──────────────────────────── */
@media (max-width:600px){
  .glass{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;}
  .hero-total:hover,.stat:hover,.panel:hover,.msum .ms:hover{transform:none;}
  .item:hover{transform:none;}
  .hero-total::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .hero-total::before,.hero-total .amt,.login-card::after{animation:none!important;}
}