/* Global premium colorful theme */
:root{
  --primary:#6d5dfc;
  --secondary:#16c7b7;
  --accent:#ff5ea8;
  --cyan:#38bdf8;
  --ink:#1e2433;
  --muted:#667085;
  --surface:#ffffff;
  --bg:#f5f7ff;
  --border:#e7e9f3;
  --shadow:0 18px 50px rgba(31,41,75,.10);
}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f7f8ff 0%,#eefdfb 100%);color:var(--ink)}
a{transition:.2s ease}
.card,.card-box,.stat-card{border:1px solid rgba(109,93,252,.08)!important;box-shadow:var(--shadow)!important}
.btn-primary,.submit-btn{background:linear-gradient(135deg,var(--primary),var(--cyan),var(--secondary))!important;border:0!important;box-shadow:0 10px 24px rgba(109,93,252,.22)!important}
.btn-primary:hover,.submit-btn:hover{transform:translateY(-2px);filter:saturate(1.08)}
.form-control,.form-select{border:1px solid #dfe3ef;border-radius:12px;min-height:46px}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .22rem rgba(109,93,252,.12)}
.badge{border-radius:999px}
.appHeader{background:linear-gradient(135deg,#5b4cf0,#38bdf8 55%,#20c997)!important;box-shadow:0 10px 30px rgba(61,75,190,.18)}
.footer{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);border-top:1px solid #e8eaf4!important}

/* === New Attractive Background Theme === */
:root{
  --page-bg-1:#eef2ff;
  --page-bg-2:#f0fdfa;
  --page-bg-3:#fff1f8;
}
html, body{min-height:100%;}
body{
  background:
    radial-gradient(700px 420px at -8% -5%, rgba(124,92,255,.22), transparent 62%),
    radial-gradient(650px 420px at 108% 8%, rgba(45,212,191,.20), transparent 62%),
    radial-gradient(600px 460px at 50% 108%, rgba(236,72,153,.13), transparent 64%),
    linear-gradient(135deg,var(--page-bg-1) 0%,var(--page-bg-2) 48%,var(--page-bg-3) 100%) !important;
  background-attachment:fixed !important;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.34;
  background-image:
    linear-gradient(rgba(109,93,252,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,93,252,.045) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);
}
/* Keep content surfaces crisp against the colorful background */
.card,.card-box,.stat-card,.listview,.section-block,.form-card,.modal-content{
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(10px);
}
.admin-wrapper{
  background:
    radial-gradient(600px 400px at 0% 0%,rgba(109,93,252,.15),transparent 65%),
    radial-gradient(600px 400px at 100% 100%,rgba(32,201,151,.13),transparent 65%),
    linear-gradient(135deg,#f2f4ff,#effcf9 55%,#fff4fa) !important;
}
@media (prefers-reduced-motion:no-preference){
  body::after{
    content:"";
    position:fixed;
    width:280px;height:280px;
    border-radius:50%;
    right:-100px;top:35%;
    background:rgba(56,189,248,.09);
    filter:blur(35px);
    pointer-events:none;
    z-index:-1;
  }
}