/* V16.24 — THE LEGENDS Metallic Luxury Theme for Backend Admin */
:root{
  --metal-black:#020806;
  --metal-emerald-900:#03130e;
  --metal-emerald-800:#061f19;
  --metal-emerald-700:#0c392d;
  --metal-gold-50:#fff8d7;
  --metal-gold-100:#fff0b8;
  --metal-gold-200:#f8d889;
  --metal-gold-300:#e6b95b;
  --metal-gold-500:#c58a2b;
  --metal-gold-700:#7a5019;
  --metal-platinum:#f8f1df;
  --metal-line:rgba(255,226,154,.33);
  --metal-line-strong:rgba(255,236,178,.58);
  --metal-shadow:0 26px 82px rgba(0,0,0,.42),0 0 0 1px rgba(255,232,171,.055) inset;
}
html,body,button,input,textarea,select,a,p,span,small,b,strong,li,td,th,label,h1,h2,h3,h4,h5,h6{
  font-family:'Be Vietnam Pro','Noto Sans Vietnamese','Noto Sans','Segoe UI',Roboto,Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  background:
    radial-gradient(circle at 78% 6%,rgba(255,231,165,.18),transparent 25%),
    radial-gradient(circle at 10% 18%,rgba(24,118,87,.28),transparent 32%),
    radial-gradient(circle at 55% 120%,rgba(199,139,43,.16),transparent 35%),
    linear-gradient(180deg,#020806,#03130e 56%,#010403)!important;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 42%,rgba(255,246,198,.035) 46%,transparent 52%),linear-gradient(rgba(255,226,154,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,226,154,.035) 1px,transparent 1px);
  background-size:100% 100%,54px 54px,54px 54px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 94%);
}
.admin-shell{background:transparent!important;}
.admin-sidebar,.admin-topbar,.notice-row article,.login-card,.admin-modal,.modal-panel{
  border-color:var(--metal-line)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.016)),
    linear-gradient(145deg,rgba(7,37,28,.94),rgba(2,10,8,.96))!important;
  box-shadow:var(--metal-shadow)!important;
  backdrop-filter:blur(18px) saturate(155%);
}
.brand-seal,.seal,.adminBrandSeal,.admin-sidebar .brand-block .brand-seal{
  border-color:var(--metal-line-strong)!important;
  background:radial-gradient(circle at 36% 30%,#fff7d6 0%,#f0ca6d 25%,#b77a24 56%,#1c1105 100%)!important;
  color:#150e05!important;
  box-shadow:0 0 34px rgba(248,216,137,.25),0 1px 0 rgba(255,255,255,.45) inset!important;
}
.brand-block strong,.admin-topbar h1,#moduleTitle,.std-hero h2,.std-card h2,.std-card h3,.executive-hero h2,.login-card h1,.admin-modal h2,.admin-modal h3{
  font-family:'Be Vietnam Pro','Noto Sans Vietnamese','Noto Sans','Segoe UI',Arial,sans-serif!important;
  font-weight:900!important;
  background:linear-gradient(90deg,#fff9dc 0%,#f8d780 28%,#b98025 52%,#fff0b6 74%,#d89e3d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:0 0 24px rgba(255,219,127,.12);
}
.admin-nav button,.top-actions select,.top-actions button,#refreshBtn,.ghost-link,.mini-btn,.std-btn,.std-tabs button,.pagination button,.filter,.chip,button,input,textarea,select{
  border-color:var(--metal-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018))!important;
  color:var(--metal-platinum)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 12px 28px rgba(0,0,0,.16);
}
.admin-nav button.active,.admin-nav button:hover,.std-tabs button.active,.std-btn.primary,.top-actions button:hover,#refreshBtn:hover,.ghost-link:hover,.mini-btn:hover,.gold-btn,.primary{
  position:relative;overflow:hidden;
  border-color:rgba(255,240,184,.68)!important;
  background:linear-gradient(135deg,#fff8d7 0%,#f2cf78 18%,#b77923 42%,#ffe9a5 63%,#9b681f 82%,#f8d883 100%)!important;
  color:#150d04!important;
  box-shadow:0 14px 36px rgba(208,151,48,.25),0 1px 0 rgba(255,255,255,.45) inset,0 -1px 0 rgba(92,54,9,.55) inset!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.std-btn.primary::after,.admin-nav button.active::after,.top-actions button:hover::after,#refreshBtn:hover::after,.gold-btn::after,.primary::after{
  content:"";position:absolute;top:-80%;bottom:-80%;left:-45%;width:38%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:adminMetalSweep 4.8s ease-in-out infinite;pointer-events:none;
}
@keyframes adminMetalSweep{0%,62%{left:-50%;opacity:0}70%{opacity:.72}100%{left:125%;opacity:0}}
.std-hero,.std-card,.metric-card,.kpi-card,.module-card,.table-card,.executive-hero,.executive-score,.chart-card,.stat-card,.admin-panel,.permission-card,.export-card,.std-merged-panel{
  border-color:var(--metal-line)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),
    radial-gradient(circle at 88% 0,rgba(255,221,138,.14),transparent 36%),
    linear-gradient(145deg,rgba(8,36,29,.88),rgba(2,10,8,.94))!important;
  box-shadow:var(--metal-shadow)!important;
  backdrop-filter:blur(14px) saturate(145%);
}
.std-card,.metric-card,.kpi-card,.module-card,.table-card,.executive-hero,.chart-card,.export-card{position:relative;overflow:hidden;}
.std-card::before,.metric-card::before,.kpi-card::before,.module-card::before,.table-card::before,.executive-hero::before,.chart-card::before,.export-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 0 24%,rgba(255,255,255,.07) 36%,transparent 48% 100%);opacity:.72;
}
.std-card:hover,.metric-card:hover,.kpi-card:hover,.module-card:hover,.export-card:hover{
  border-color:var(--metal-line-strong)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 30px rgba(248,216,137,.18)!important;
}
.std-table th,.lux-table th,.table th{color:var(--metal-gold-100)!important;}
.std-table td,.lux-table td,.table td{border-bottom-color:rgba(255,255,255,.075)!important;}
.badge,.std-badge,.pill,.check-pill,.trend,.export-card:after{
  border-color:rgba(255,230,163,.42)!important;
  background:linear-gradient(180deg,rgba(255,235,170,.12),rgba(255,255,255,.03))!important;
  color:var(--metal-gold-100)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset;
}
input:focus,textarea:focus,select:focus,.std-search:focus{
  outline:none!important;border-color:var(--metal-gold-100)!important;box-shadow:0 0 0 4px rgba(247,216,137,.12),0 0 28px rgba(247,216,137,.15)!important;
}
.admin-topbar{position:sticky!important;top:14px!important;z-index:20;}
.admin-main{background:transparent!important;}
::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--metal-gold-200),var(--metal-gold-700));border-radius:999px;border:3px solid rgba(0,0,0,.28)}
@media(max-width:820px){.admin-sidebar{backdrop-filter:blur(18px) saturate(150%)}.admin-topbar{top:8px!important}}
@media(prefers-reduced-motion:reduce){.std-btn.primary::after,.admin-nav button.active::after,.top-actions button:hover::after,#refreshBtn:hover::after,.gold-btn::after,.primary::after{animation:none!important}}