:root {
  --dz-purple: #6d28d9;
  --dz-pink: #ec4899;
  --dz-orange: #ff7a00;
  --dz-yellow: #ffd60a;
  --dz-lime: #a3e635;
  --dz-cyan: #06b6d4;
  --dz-blue: #0284c7;
  --dz-ink: #25134a;
  --dz-paper: #fffdf7;
}

body {
  color: var(--dz-ink);
  background:
    radial-gradient(circle at 10% 12%, rgba(255,214,10,.25), transparent 26%),
    radial-gradient(circle at 88% 8%, rgba(236,72,153,.18), transparent 25%),
    radial-gradient(circle at 82% 88%, rgba(6,182,212,.18), transparent 28%),
    linear-gradient(135deg,#fff8dd 0%,#fff0f7 48%,#e9fbff 100%);
}

#mainPane {
  position: relative;
  background:
    radial-gradient(circle at 100% 0,rgba(163,230,53,.18),transparent 23%),
    radial-gradient(circle at 0 100%,rgba(255,122,0,.13),transparent 24%);
}

.sidebar {
  width: 224px;
  color: #fff;
  border-right: 0;
  background: linear-gradient(165deg,#5b21b6 0%,#a21caf 30%,#ec4899 52%,#ff7a00 76%,#ffd60a 100%);
  box-shadow: 10px 0 32px rgba(91,33,182,.18);
}

.sidebar-brand {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.22);
  text-shadow: 0 1px 10px rgba(50,18,90,.28);
}

.brand-logo {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  object-fit: contain;
  border-radius: 12px;
  padding: 3px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(50,18,90,.24);
}

.nav-group { color: #fff7a8; text-shadow: 0 1px 4px rgba(80,30,0,.28); }
.sidebar-nav a { color: rgba(255,255,255,.88); border-color: transparent; }
.sidebar-nav a:hover { color:#fff; background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.26); transform:translateX(2px); }
.sidebar-nav a.active { color:var(--dz-ink); background:#fff; border-color:#fff; box-shadow:0 6px 18px rgba(76,29,149,.22); }
.sidebar-footer { color:rgba(37,19,74,.72); border-top:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.22); }
.sidebar-footer a,.sidebar-footer #sidebarUser { color:#32145f; font-weight:700; }

.card,.card-accent,.stat-card,.prospect-row {
  border-color: rgba(109,40,217,.14);
  box-shadow: 0 10px 30px rgba(109,40,217,.08);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
}
.card-accent { border-top:4px solid var(--dz-pink); }
.card:hover,.prospect-row:hover { border-color:rgba(236,72,153,.42); box-shadow:0 12px 34px rgba(236,72,153,.12); }

.stat-card { border-top:4px solid var(--stat-color,var(--dz-purple)); }
.stat-card:nth-child(6n+1) { background:linear-gradient(145deg,#fff 45%,#fff3b4); }
.stat-card:nth-child(6n+2) { background:linear-gradient(145deg,#fff 45%,#ffe1ee); }
.stat-card:nth-child(6n+3) { background:linear-gradient(145deg,#fff 45%,#e8ddff); }
.stat-card:nth-child(6n+4) { background:linear-gradient(145deg,#fff 45%,#d7f9ff); }
.stat-card:nth-child(6n+5) { background:linear-gradient(145deg,#fff 45%,#ecffc7); }
.stat-card:nth-child(6n) { background:linear-gradient(145deg,#fff 45%,#ffe1bd); }

.btn-pri,.auth-card .btn {
  background:linear-gradient(90deg,var(--dz-purple),var(--dz-pink),var(--dz-orange)) !important;
  box-shadow:0 6px 18px rgba(236,72,153,.25);
}
.btn:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(109,40,217,.2); }
.btn-b { color:var(--dz-purple); border-color:#d8b4fe; background:#fff; }
.btn-b:hover { color:#9d174d; border-color:#f9a8d4; background:#fff1f7; }

input,select,textarea { border-color:#e9d5ff; background:rgba(255,255,255,.94); }
input:focus,select:focus,textarea:focus { border-color:var(--dz-pink); box-shadow:0 0 0 4px rgba(236,72,153,.13); }

th { color:#5b21b6; background:linear-gradient(90deg,#fff0f7,#fff8d6,#ecfeff); border-bottom-color:#f0abfc; }
tr:hover td { background:#fff8ef; }
.tab-bar button.active,.drawer-tabs button.active { color:var(--dz-pink); border-bottom-color:var(--dz-orange); }
.page-hd h2,.sec-hd,.wb-sec-hd .t,.drawer-header-top h3 { color:var(--dz-ink); }
.page-hd h2::after { content:""; display:block; width:54px; height:4px; margin-top:7px; border-radius:99px; background:linear-gradient(90deg,var(--dz-pink),var(--dz-orange),var(--dz-yellow)); }
.drawer { background:linear-gradient(145deg,#fff 0%,#fff9e8 55%,#f5ecff 100%); }
.drawer-header { background:rgba(255,255,255,.92); }
.toast { background:linear-gradient(90deg,var(--dz-purple),var(--dz-pink),var(--dz-orange)) !important; }

.auth-shell { min-height:calc(100vh - 52px); display:flex; align-items:center; justify-content:center; }
.auth-shell > div { margin:0 auto !important; width:100%; }
.auth-card { position:relative; overflow:hidden; border:0; box-shadow:0 24px 65px rgba(109,40,217,.2); }
.auth-card::before { content:""; position:absolute; inset:0 0 auto; height:8px; background:linear-gradient(90deg,var(--dz-purple),var(--dz-pink),var(--dz-orange),var(--dz-yellow),var(--dz-lime),var(--dz-cyan)); }
.auth-logo { width:94px; height:94px; object-fit:contain; display:block; margin:2px auto 14px; border-radius:28px; padding:8px; background:#fff; box-shadow:0 12px 28px rgba(2,132,199,.18); }
.auth-title { text-align:center; color:var(--dz-ink); }
.auth-subtitle { text-align:center; color:var(--dz-pink) !important; font-weight:700; }

::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:10px; background:linear-gradient(var(--dz-pink),var(--dz-orange)); background-clip:padding-box; }
::-webkit-scrollbar-track { background:#fff5df; }

@media (max-width:760px) {
  .sidebar { width:188px; }
  #mainPane { padding:18px 14px !important; }
  .sidebar-brand { font-size:12px; }
}

@media (prefers-reduced-motion:reduce) {
  * { transition:none !important; animation:none !important; }
}