/* ==========================================================
   A2Z Forms — Advanced UI theme v8 (2026)
   Deep indigo + violet + cyan, glass cards, gradient accents
   ========================================================== */
:root{
  --a2z-primary:#4f46e5;
  --a2z-primary-dark:#3730a3;
  --a2z-violet:#7c3aed;
  --a2z-cyan:#06b6d4;
  --a2z-pink:#db2777;
  --a2z-sidebar:#0b1020;
  --a2z-accent:#0ea5e9;
  --a2z-bg:#eef1fa;
  --a2z-card:#ffffff;
  --a2z-text:#0b1020;
  --a2z-muted:#6b7280;
  --a2z-border:#e5e7f0;
  --a2z-radius:18px;
  --a2z-shadow:0 12px 34px rgba(17,24,60,.10);
  --a2z-shadow-lg:0 22px 55px rgba(17,24,60,.18);
}

body{
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--a2z-text);
  background:
    radial-gradient(900px 480px at 100% -5%,rgba(124,58,237,.14) 0%,transparent 60%),
    radial-gradient(800px 420px at -5% 105%,rgba(6,182,212,.14) 0%,transparent 60%),
    var(--a2z-bg);
  background-attachment:fixed;
}
a{transition:.15s;}
::selection{background:rgba(79,70,229,.2);}

/* ---------- AUTH PAGES ---------- */
body.a2z-auth{
  min-height:100vh;margin:0;
  background:
    radial-gradient(1100px 620px at 12% 8%,#4f46e5 0%,transparent 58%),
    radial-gradient(900px 540px at 88% 92%,#06b6d4 0%,transparent 55%),
    radial-gradient(700px 500px at 75% 12%,#db2777 0%,transparent 55%),
    linear-gradient(135deg,#070b18 0%,#0b1020 60%,#131a33 100%);
  display:flex;align-items:center;justify-content:center;padding:32px 16px;
}
body.a2z-auth:before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(70% 60% at 50% 40%,#000 0%,transparent 100%);
}
.a2z-auth-card{
  position:relative;z-index:1;
  width:100%;max-width:430px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.55);
  border-radius:24px;box-shadow:0 40px 90px rgba(2,6,23,.55);
  padding:36px 32px;animation:a2zUp .55s cubic-bezier(.21,1,.31,1);
}
.a2z-auth-card:before{
  content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;
  background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(6,182,212,.7),rgba(219,39,119,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.a2z-auth-card.wide{max-width:880px;}
@keyframes a2zUp{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
.a2z-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.a2z-brand-logo{
  width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--a2z-violet),var(--a2z-primary) 55%,var(--a2z-cyan));
  color:#fff;font-weight:700;font-size:20px;letter-spacing:.5px;
  box-shadow:0 12px 26px rgba(79,70,229,.42);
}
.a2z-brand h1{font-size:18px;margin:0;font-weight:600;}
.a2z-brand p{margin:2px 0 0;font-size:12px;color:var(--a2z-muted);}
.a2z-title{font-size:24px;font-weight:700;margin:0 0 4px;
  background:linear-gradient(90deg,#1e1b4b,#4f46e5 60%,#0ea5e9);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.a2z-sub{font-size:13px;color:var(--a2z-muted);margin:0 0 24px;}
.a2z-field{margin-bottom:16px;}
.a2z-field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:#374151;letter-spacing:.2px;}
.a2z-input{
  width:100%;height:48px;padding:10px 15px;border:1.5px solid var(--a2z-border);
  border-radius:13px;font-size:14px;background:#f7f8fc;outline:none;transition:.18s;color:var(--a2z-text);
}
.a2z-input:focus{border-color:var(--a2z-primary);background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.15);}
select.a2z-input{height:48px;}
textarea.a2z-input{height:auto;min-height:90px;}
.a2z-pass-wrap{position:relative;}
.a2z-pass-wrap .a2z-input{padding-right:64px;}
.a2z-eye{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  background:transparent;border:0;color:var(--a2z-primary);font-size:12px;font-weight:700;cursor:pointer;
}
.a2z-btn{
  width:100%;height:50px;border:0;border-radius:13px;cursor:pointer;
  background:linear-gradient(135deg,var(--a2z-violet),var(--a2z-primary) 55%,var(--a2z-cyan));
  background-size:200% 100%;
  color:#fff;font-size:15px;font-weight:600;letter-spacing:.4px;transition:.25s;
  box-shadow:0 14px 30px rgba(79,70,229,.38);
}
.a2z-btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 18px 38px rgba(79,70,229,.46);}
.a2z-foot{margin-top:20px;text-align:center;font-size:13px;color:var(--a2z-muted);}
.a2z-foot a{color:var(--a2z-primary);font-weight:600;text-decoration:none;}
.a2z-foot a:hover{color:var(--a2z-violet);}
.a2z-alert{border-radius:12px;padding:11px 14px;font-size:13px;margin-bottom:16px;}
.a2z-alert.err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;}
.a2z-alert.ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}
.a2z-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px;}

/* ---------- HEADER / SIDEBAR ---------- */
.main-sidebar,.left-side{
  background:linear-gradient(180deg,#0b1020 0%,#141a35 100%)!important;
  box-shadow:4px 0 26px rgba(2,6,23,.22);
}
.sidebar-menu>li>a{
  border-radius:11px;margin:3px 10px;color:#c7cbe0!important;transition:.18s;font-weight:500;
}
.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a{
  background:linear-gradient(90deg,rgba(124,58,237,.35),rgba(6,182,212,.22))!important;
  color:#fff!important;transform:translateX(3px);
}
.sidebar-menu>li>a>i{color:#8b93c7;}
.sidebar-menu>li:hover>a>i,.sidebar-menu>li.active>a>i{color:#fff;}
.main-header .navbar{background:rgba(11,16,32,.96)!important;backdrop-filter:blur(8px);}
.main-header .logo{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;font-weight:700;}
.main-header .navbar .nav>li>a{color:#e5e7f5!important;}

/* ---------- CONTENT ---------- */
.content-wrapper{background:transparent!important;}
.content-header.sty-one{background:transparent;border:0;padding:24px 24px 6px;}
.content-header h1{
  font-size:26px;font-weight:700;letter-spacing:-.4px;
  background:linear-gradient(90deg,#1e1b4b,#4f46e5 55%,#0ea5e9);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.content-header .breadcrumb{background:transparent;padding-left:0;font-size:12px;}

/* ---------- STAT / INFO BOXES ---------- */
.info-box{
  border:0!important;border-radius:var(--a2z-radius)!important;
  box-shadow:var(--a2z-shadow)!important;padding:20px!important;min-height:124px;
  transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;position:relative;
  background:var(--a2z-card);
}
.info-box:after{
  content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;
  background:rgba(255,255,255,.10);
}
.info-box:hover{transform:translateY(-5px);box-shadow:var(--a2z-shadow-lg)!important;}
.info-box .info-box-icon{border-radius:14px!important;font-size:24px!important;opacity:.9;}
.info-box h1{font-size:32px!important;font-weight:700;margin:4px 0 2px;letter-spacing:-.5px;}
.info-box .info-box-text{font-size:11.5px!important;text-transform:uppercase;letter-spacing:1px;opacity:.92;font-weight:600;}
.info-box .progress-description{font-size:11.5px;opacity:.8;}
.bg-darkblue{background:linear-gradient(135deg,#312e81,#4f46e5 60%,#6366f1)!important;color:#fff!important;}
.bg-green{background:linear-gradient(135deg,#065f46,#10b981)!important;color:#fff!important;}
.bg-aqua{background:linear-gradient(135deg,#0e7490,#06b6d4 70%,#22d3ee)!important;color:#fff!important;}
.bg-orange{background:linear-gradient(135deg,#9a3412,#f59e0b)!important;color:#fff!important;}
.bg-red,.bg-danger{background:linear-gradient(135deg,#9f1239,#db2777)!important;color:#fff!important;}
.bg-purple{background:linear-gradient(135deg,#5b21b6,#a855f7)!important;color:#fff!important;}

/* ---------- FORM CARDS ON DASHBOARD ---------- */
.info-box.bg-white,.info-box[class*="bg-white"]{background:var(--a2z-card)!important;}
.info-box h6.text-black{
  font-weight:700!important;letter-spacing:-.3px;
  background:linear-gradient(90deg,#1e1b4b,#4f46e5 60%,#0ea5e9);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.info-box hr{border-top:1px solid var(--a2z-border);margin:12px 0;}
.info-box h5.text-black{font-size:14px!important;color:#4b5563!important;font-weight:500;}
.info-box .progress-description.text-black{color:var(--a2z-muted)!important;font-size:12.5px;}
.step-footer .btn,.btn-primary{
  background:linear-gradient(135deg,var(--a2z-violet),var(--a2z-primary) 60%,var(--a2z-cyan))!important;
  background-size:200% 100%!important;
  border:0!important;border-radius:12px!important;padding:9px 26px!important;
  font-weight:600!important;letter-spacing:.3px;color:#fff!important;
  box-shadow:0 10px 24px rgba(79,70,229,.32);transition:.25s;
}
.step-footer .btn:hover,.btn-primary:hover{background-position:100% 0!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(79,70,229,.42);}
.btn-success{background:linear-gradient(135deg,#059669,#10b981)!important;border:0!important;border-radius:12px!important;}
.btn-danger{background:linear-gradient(135deg,#be123c,#f43f5e)!important;border:0!important;border-radius:12px!important;}
.btn-warning{background:linear-gradient(135deg,#b45309,#f59e0b)!important;border:0!important;border-radius:12px!important;color:#fff!important;}

/* ---------- PANELS / TABLES / FORMS ---------- */
.box,.card,.panel{border:0!important;border-radius:var(--a2z-radius)!important;box-shadow:var(--a2z-shadow)!important;}
.box-header,.panel-heading{border-bottom:1px solid var(--a2z-border)!important;border-radius:var(--a2z-radius) var(--a2z-radius) 0 0!important;font-weight:600;}
.table{border-radius:12px;overflow:hidden;}
.table>thead>tr>th{
  border-bottom:1px solid var(--a2z-border);font-size:11.5px;text-transform:uppercase;
  letter-spacing:.7px;color:var(--a2z-muted);background:#f7f8fc;font-weight:700;
}
.table>tbody>tr{transition:.14s;}
.table>tbody>tr:hover{background:#f4f6ff;}
.form-control{
  border-radius:11px!important;border:1.5px solid var(--a2z-border)!important;
  height:44px;box-shadow:none!important;transition:.18s;
}
.form-control:focus{border-color:var(--a2z-primary)!important;box-shadow:0 0 0 4px rgba(79,70,229,.13)!important;}
.label,.badge{border-radius:999px!important;padding:.35em .85em!important;font-weight:600;letter-spacing:.3px;}
.pagination>.active>a{background:var(--a2z-primary)!important;border-color:var(--a2z-primary)!important;}

/* ---------- SCROLLBAR ---------- */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#e9ecf7;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed,#4f46e5);border-radius:10px;border:2px solid #e9ecf7;}

@media (max-width:575px){
  .a2z-auth-card{padding:28px 20px;}
  .info-box h1{font-size:27px!important;}
  .content-header h1{font-size:22px;}
}