/* Anmol Digital — shared dark-gold theme for dashboard + all member/service pages */
html,body,.app,.app-main,.page-inner,.wrapper,.card,.table,.modal-content,.dropdown-menu,.auth,.auth-form{
  font-family:'Outfit','Fira Sans',sans-serif !important;
}
html{ color-scheme: dark; }
body{
  background:
    radial-gradient(900px 520px at 8% -12%, rgba(212,175,55,.22), transparent 52%),
    radial-gradient(800px 460px at 100% 0%, rgba(34,211,238,.16), transparent 48%),
    #070b14 !important;
  color:#fff !important;
  font-weight:700;
}
body.auth,
.auth{
  background:
    radial-gradient(900px 520px at 8% -12%, rgba(212,175,55,.22), transparent 52%),
    radial-gradient(800px 460px at 100% 0%, rgba(34,211,238,.16), transparent 48%),
    #070b14 !important;
  color:#fff !important;
}
body::before,
body::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.app,.app-main,.wrapper,.page-inner,.page-title-bar{
  background:transparent !important;
  position:relative;
  z-index:auto;
}
.app-main{ min-height:calc(100vh - 70px); }

/* header */
.app-header.app-header-dark,
.top-bar{
  background:rgba(5,7,13,.94) !important;
  border-bottom:1px solid rgba(245,215,110,.22) !important;
  backdrop-filter:blur(16px);
  box-shadow:0 10px 28px rgba(0,0,0,.35) !important;
}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
  background-color:#f5d76e !important;
}
.btn-account,.account-name{ color:#fff !important; font-weight:800 !important; }
.account-description{ color:#f5d76e !important; font-weight:700 !important; }
.tile-circle{ background:linear-gradient(135deg,#d4af37,#f5d76e) !important; color:#1a1204 !important; }
.app-header .btn-dark{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  border:0 !important; color:#1a1204 !important; font-weight:900 !important;
  border-radius:999px !important; padding:.4rem .9rem !important;
}

/* sidebar */
.app-aside,
.app-aside-light,
.aside-content{
  background:linear-gradient(180deg,#05070d,#0c1220) !important;
  border-right:1px solid rgba(245,215,110,.18) !important;
}
.stacked-menu .menu-link,
.stacked-menu .menu-text{
  color:#e8eef8 !important;
  font-weight:800 !important;
}
.stacked-menu .menu-icon{ color:#f5d76e !important; }
.stacked-menu .menu-item.has-active > .menu-link,
.stacked-menu .menu-link:hover{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  color:#1a1204 !important;
  border-radius:12px !important;
}
.stacked-menu .menu-item.has-active > .menu-link .menu-icon,
.stacked-menu .menu-link:hover .menu-icon{ color:#1a1204 !important; }
.stacked-menu .menu .menu{
  background:rgba(0,0,0,.22) !important;
}
.stacked-menu .menu-header{
  color:#f5d76e !important;
  letter-spacing:.08em;
  font-weight:900 !important;
}
.aside-footer{
  background:transparent !important;
  border-top:1px solid rgba(245,215,110,.16) !important;
}
.aside-footer .btn{
  background:#10182a !important; color:#f5d76e !important;
  border:1px solid rgba(245,215,110,.28) !important; font-weight:800 !important;
}
.badge-subtle.badge-success{
  background:rgba(245,215,110,.16) !important;
  color:#f5d76e !important;
}

/* dropdown */
.dropdown-menu{
  background:#10182a !important;
  border:1px solid rgba(245,215,110,.22) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.45) !important;
  color:#e8eef8 !important;
}
.dropdown-item,.dropdown-header{ color:#e8eef8 !important; }
.dropdown-item:hover,.dropdown-item:focus{
  background:rgba(245,215,110,.14) !important;
  color:#f5d76e !important;
}
.dropdown-divider{ border-top-color:rgba(245,215,110,.16) !important; }
.dropdown-arrow::before{ border-bottom-color:#10182a !important; }

/* page chrome */
.page-title-bar,
.font-weight-bold{
  color:#fff !important;
}
.app-main .font-weight-bold{ color:#f5d76e !important; }
.text-muted{ color:#9aaccd !important; }
h1,h2,h3,h4,h5,h6{ color:#fff; }
.app-main h4,.app-main h5{ color:#f5d76e !important; }

/* cards — PanDetails / panfind / wallet / all services */
html body .card,
html body .pmd-card,
html body .card.text-danger,
html body .card.text-bg-primary{
  background:#10182a !important;
  border:1px solid rgba(245,215,110,.20) !important;
  color:#e8eef8 !important;
  border-radius:20px !important;
  box-shadow:0 16px 36px rgba(0,0,0,.32) !important;
}
html body .card-header,
html body .card-header.bg-primary,
html body .card-header.bg-primary.text-white,
html body .card-header.bg-dark{
  background:linear-gradient(135deg,#0c1322,#141c30) !important;
  color:#f5d76e !important;
  font-weight:900 !important;
  border-bottom:1px solid rgba(245,215,110,.18) !important;
}
html body .card-body,
html body .p-3.text-dark,
html body .text-dark,
html body .card .text-dark{
  color:#e8eef8 !important;
  background:transparent !important;
}
html body .card-title{ color:#f5d76e !important; }
html body .app-main .container{
  background:transparent !important;
}
.card-icon img{ height:60px; }

/* hub circle tiles (inline light bg overridden) */
html body .circle-card{
  background:linear-gradient(180deg,#141c30,#0d1424) !important;
  color:#fff !important;
  border:1px solid rgba(245,215,110,.28) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.4) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
html body .circle-card:hover{
  transform:translateY(-6px);
  border-color:#f5d76e !important;
  box-shadow:0 22px 40px rgba(212,175,55,.28) !important;
}
html body .circle-text{
  color:#fff !important;
  font-weight:800 !important;
}

/* forms */
label,
.form-check-label,
.col-form-label{
  color:#c9d3f7 !important;
  font-weight:700 !important;
}
.form-control,
.form-select,
select.form-control,
textarea.form-control,
input.form-control,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="search"],
input[type="tel"],
input[type="file"],
select,
textarea{
  background:#0b1220 !important;
  border:1px solid rgba(245,215,110,.28) !important;
  color:#fff !important;
  border-radius:12px !important;
}
.form-control:focus,
.form-select:focus,
select:focus,
textarea:focus,
input:focus{
  border-color:#f5d76e !important;
  box-shadow:0 0 0 .2rem rgba(245,215,110,.2) !important;
  background:#0b1220 !important;
  color:#fff !important;
}
.form-control::placeholder,
input::placeholder,
textarea::placeholder{ color:#8b97b3 !important; }
.form-control:disabled,
.form-control[readonly]{
  background:#0a101c !important;
  color:#c9d3f7 !important;
  opacity:.9;
}
input[type="date"], input[type="time"], input[type="datetime-local"]{ color-scheme:dark; }
.custom-select,
.form-select{
  display:block;
  width:100%;
  height:calc(1.5em + 0.75rem + 2px);
  padding:0.375rem 0.75rem;
}
.input-group-text,
.input-group .btn.bg-danger,
.btn.bg-danger{
  background:linear-gradient(135deg,#4c0519,#e11d48) !important;
  border:0 !important;
  color:#fff !important;
  font-weight:800 !important;
}
.custom-file-label{
  background:#0b1220 !important;
  border:1px solid rgba(245,215,110,.28) !important;
  color:#e8eef8 !important;
}

/* buttons */
.btn-primary,
.auth-form .btn-primary{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  border:0 !important;
  color:#1a1204 !important;
  font-weight:900 !important;
  border-radius:12px !important;
  box-shadow:0 8px 18px rgba(212,175,55,.28);
}
.btn-primary:hover,.btn-primary:focus{
  filter:brightness(1.06);
  color:#1a1204 !important;
}
.btn-dark{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  border:0 !important;
  color:#1a1204 !important;
  font-weight:800 !important;
  border-radius:999px !important;
}
.btn-danger{
  background:linear-gradient(135deg,#4c0519,#e11d48) !important;
  border:0 !important;
  font-weight:800 !important;
  border-radius:999px !important;
}
.btn-warning{
  background:linear-gradient(135deg,#92400e,#f59e0b) !important;
  border:0 !important;
  color:#1a1204 !important;
  font-weight:800 !important;
  border-radius:12px !important;
}
.btn-secondary{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  border:0 !important;
  color:#1a1204 !important;
  font-weight:900 !important;
  border-radius:999px !important;
}
.btn-success{
  background:linear-gradient(135deg,#052e16,#059669) !important;
  border:0 !important;
  font-weight:800 !important;
  border-radius:12px !important;
}
.btn-info{
  background:linear-gradient(135deg,#083344,#0891b2) !important;
  border:0 !important;
  color:#fff !important;
  font-weight:800 !important;
  border-radius:12px !important;
}
.btn-light,.btn-outline-light{
  background:#10182a !important;
  color:#f5d76e !important;
  border:1px solid rgba(245,215,110,.28) !important;
  font-weight:800 !important;
}
.btn-link{ color:#f5d76e !important; }

/* tables */
.table,
.table-responsive,
html body .table{
  color:#e8eef8 !important;
  background:transparent !important;
}
.table thead th,
.table .bg-secondary,
tr.bg-secondary,
tr.bg-secondary th,
.table thead.bg-secondary th{
  background:#0b1220 !important;
  color:#f5d76e !important;
  border:0 !important;
  font-weight:900 !important;
  letter-spacing:.4px;
}
.table td,.table th{ border-top-color:rgba(255,255,255,.08) !important; font-weight:700 !important; }
.table-striped tbody tr:nth-of-type(odd){ background:rgba(255,255,255,.03) !important; }
.table-hover tbody tr:hover{ background:rgba(245,215,110,.08) !important; color:#fff !important; }
.table-bordered,.table-bordered td,.table-bordered th{
  border-color:rgba(245,215,110,.14) !important;
}

/* alerts */
.alert-warning{ background:rgba(245,215,110,.14) !important; color:#f5d76e !important; border-color:rgba(245,215,110,.35) !important; }
.alert-danger{ background:rgba(225,29,72,.14) !important; color:#fda4af !important; border-color:rgba(225,29,72,.35) !important; }
.alert-success{ background:rgba(61,220,132,.12) !important; color:#86efac !important; border-color:rgba(61,220,132,.3) !important; }
.alert-info{ background:rgba(34,211,238,.12) !important; color:#67e8f9 !important; border-color:rgba(34,211,238,.3) !important; }
.alert-primary{ background:rgba(245,215,110,.12) !important; color:#f5d76e !important; border-color:rgba(245,215,110,.28) !important; }

/* modal — keep dialog visible; never paint the whole page black */
.modal{
  background:transparent !important;
}
.modal-backdrop{
  background:#000 !important;
}
.modal-backdrop.show{
  opacity:.45 !important;
}
.modal-dialog{ z-index:1056; }
.modal-content{
  background:#10182a !important;
  color:#e8eef8 !important;
  border:1px solid rgba(245,215,110,.28) !important;
  border-radius:20px !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 24px 50px rgba(0,0,0,.6) !important;
}
.modal-header,.modal-footer{
  border-color:rgba(245,215,110,.18) !important;
  background:#10182a !important;
}
.modal-body{ background:#10182a !important; }
.modal-title{ color:#f5d76e !important; font-weight:900 !important; }
.close,.modal .close{
  color:#fff !important;
  text-shadow:none !important;
  opacity:.9 !important;
}

/* find result — shown on page, no overlay / watermark */
.vp-result-panel .card{
  border:1px solid rgba(245,215,110,.35) !important;
  box-shadow:0 16px 36px rgba(212,175,55,.18) !important;
}
.vp-result-panel .card-header{
  color:#f5d76e !important;
  font-weight:900 !important;
}

/* nav tabs / pills / list */
.nav-tabs{ border-bottom-color:rgba(245,215,110,.18) !important; }
.nav-tabs .nav-link{ color:#c9d3f7 !important; }
.nav-tabs .nav-link.active{
  background:#10182a !important;
  color:#f5d76e !important;
  border-color:rgba(245,215,110,.28) rgba(245,215,110,.28) #10182a !important;
}
.list-group-item{
  background:#10182a !important;
  color:#e8eef8 !important;
  border-color:rgba(245,215,110,.14) !important;
}
.badge-primary{ background:linear-gradient(135deg,#d4af37,#f5d76e) !important; color:#1a1204 !important; }
.badge-success{ background:#059669 !important; }
.badge-danger{ background:#e11d48 !important; }

/* datatables + pagination */
.dataTables_wrapper,
.dataTables_info,
.dataTables_filter,
.dataTables_length,
.dataTables_filter label,
.dataTables_length label{ color:#c9d3f7 !important; }
.dataTables_filter input,
.dataTables_length select{
  background:#0b1220 !important;
  color:#fff !important;
  border:1px solid rgba(245,215,110,.28) !important;
  border-radius:10px !important;
}
.page-link,
.paginate_button{
  background:#10182a !important;
  color:#f5d76e !important;
  border-color:rgba(245,215,110,.22) !important;
}
.page-item.active .page-link,
.paginate_button.current{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  color:#1a1204 !important;
  border:0 !important;
}
.page-item.disabled .page-link{ background:#0b1220 !important; color:#66748f !important; }

/* flatpickr */
.flatpickr-calendar{
  background:#10182a !important;
  border:1px solid rgba(245,215,110,.25) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.45) !important;
  color:#e8eef8 !important;
}
.flatpickr-months,.flatpickr-weekdays,.flatpickr-weekday{ color:#f5d76e !important; background:#10182a !important; }
.flatpickr-day{ color:#e8eef8 !important; }
.flatpickr-day.selected,.flatpickr-day:hover{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  color:#1a1204 !important;
  border-color:transparent !important;
}

/* auth pages — full-width gold shell, readable fields */
.auth{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:1.5rem 1.15rem 1.75rem !important;
  position:relative;
  z-index:1;
  overflow:auto !important;
  background:transparent !important;
  width:100% !important;
}
.auth::before,
.auth::after{
  content:"" !important;
  display:block !important;
  position:fixed;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.auth::before{
  width:420px; height:420px; left:-140px; top:-90px;
  background:radial-gradient(circle, rgba(245,215,110,.32), transparent 68%) !important;
  animation:vp-orb 7s ease-in-out infinite;
}
.auth::after{
  width:320px; height:320px; right:-100px; bottom:6%;
  background:radial-gradient(circle, rgba(34,211,238,.26), transparent 70%) !important;
  animation:vp-orb 9s ease-in-out infinite reverse;
}
.auth-header,
.auth-header.pt-5{
  display:none !important;
}
.vp-auth-chip{
  display:inline-block;
  margin-bottom:.9rem;
  padding:.28rem .85rem;
  border-radius:50px;
  background:linear-gradient(135deg,#d4af37,#f5d76e);
  color:#1a1204;
  font-size:.74rem;
  letter-spacing:.05em;
  font-weight:900;
}
.vp-auth-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: minmax(280px, .92fr) minmax(340px, 1.08fr);
  width:100%;
  max-width:1080px;
  min-height:560px;
  background:linear-gradient(180deg,#141c30,#0d1424);
  border:1px solid rgba(245,215,110,.28);
  border-radius:28px;
  box-shadow:0 28px 60px rgba(0,0,0,.48), 0 0 0 1px rgba(245,215,110,.08) inset;
  overflow:hidden;
}
.vp-auth-shell::before{
  content:"";
  position:absolute; left:28px; right:28px; top:0; height:3px;
  background:linear-gradient(90deg, transparent, #f5d76e, #22d3ee, transparent);
  z-index:2;
}
.vp-auth-aside{
  padding:2.4rem 2.2rem;
  background:
    radial-gradient(420px 240px at 10% 0%, rgba(245,215,110,.18), transparent 60%),
    linear-gradient(180deg,#1a243c,#10182a);
  border-right:1px solid rgba(245,215,110,.16);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.auth img.logo,
.vp-auth-aside img,
.vp-auth-aside .logo,
.vp-auth-wide-head img,
.vp-auth-wide-head .logo,
.vp-auth-brand img{
  max-height:52px !important;
  max-width:160px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 0 1rem !important;
  filter:drop-shadow(0 8px 18px rgba(245,215,110,.25));
}
.vp-auth-brand{
  max-width:160px;
  max-height:52px;
  overflow:hidden;
  margin:0 0 1rem;
}
.vp-auth-aside h2{
  color:#fff !important;
  font-weight:900 !important;
  font-size:1.85rem;
  letter-spacing:-.4px;
  margin:0 0 .45rem;
  line-height:1.2;
}
.vp-auth-aside p{
  color:#c9d3f7 !important;
  font-weight:700 !important;
  font-size:1.02rem;
  margin:0 0 1.35rem;
}
.vp-auth-points{
  list-style:none;
  margin:0;
  padding:0;
}
.vp-auth-points li{
  color:#e8eef8;
  font-weight:700;
  font-size:.95rem;
  padding:.45rem 0 .45rem 1.35rem;
  position:relative;
  border-bottom:1px solid rgba(245,215,110,.12);
}
.vp-auth-points li:last-child{ border-bottom:0; }
.vp-auth-points li::before{
  content:"";
  position:absolute; left:0; top:.85rem;
  width:8px; height:8px; border-radius:50%;
  background:linear-gradient(135deg,#d4af37,#f5d76e);
}
.auth-form,
.auth-form.row,
.vp-auth-card{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:2.35rem 2.2rem !important;
  position:relative;
  z-index:1;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.vp-auth-card h3{
  color:#fff;
  font-weight:900;
  font-size:1.45rem;
  margin:0 0 .35rem;
}
.vp-auth-card .vp-auth-hint{
  color:#9aaccd;
  font-weight:700;
  font-size:.92rem;
  margin:0 0 1.25rem;
}
.vp-auth-wide{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:1120px;
  position:relative;
  z-index:1;
}
.vp-auth-wide-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:1.1rem;
}
.vp-auth-wide-head .logo{
  max-height:52px !important;
  height:auto !important;
  width:auto !important;
  max-width:160px !important;
  margin:0 !important;
}
.vp-auth-wide-head h2{
  color:#fff;
  font-weight:900;
  font-size:1.7rem;
  margin:0 0 .2rem;
}
.vp-auth-wide-head p{
  color:#c9d3f7;
  font-weight:700;
  margin:0;
}
.vp-auth-wide .vp-auth-card,
.vp-auth-grid{
  background:linear-gradient(180deg,#141c30,#0d1424) !important;
  border:1px solid rgba(245,215,110,.28) !important;
  border-radius:24px !important;
  box-shadow:0 24px 50px rgba(0,0,0,.45) !important;
  padding:1.85rem 1.85rem 1.5rem !important;
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:1.05rem 1.25rem;
}
.vp-field{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.vp-field-full{ grid-column:1 / -1; }
.auth-form label,
.auth-form .form-label-group > label,
.vp-field > label{
  position:static !important;
  transform:none !important;
  height:auto !important;
  padding:0 0 .4rem !important;
  margin:0 !important;
  color:#c9d3f7 !important;
  background:transparent !important;
  font-weight:800 !important;
  font-size:.88rem !important;
  letter-spacing:.01em;
  pointer-events:none;
}
.auth-form .form-label-group{
  margin:0;
  padding-top:0 !important;
}
.auth-form .form-label-group > label{
  pointer-events:none;
}
.auth-form .form-control,
.auth-form select.form-control,
.vp-field .form-control{
  background:#0b1220 !important;
  border:1px solid rgba(245,215,110,.32) !important;
  color:#fff !important;
  border-radius:12px !important;
  height:52px !important;
  min-height:52px !important;
  width:100% !important;
  max-width:100% !important;
  font-size:1rem !important;
  font-weight:700 !important;
  padding:.7rem 1rem !important;
  line-height:1.4 !important;
  letter-spacing:.02em;
  overflow:visible !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}
.auth-form input[type=number]::-webkit-outer-spin-button,
.auth-form input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.auth-form input[type=number]{
  -moz-appearance:textfield;
}
.auth-form .form-control::placeholder,
.vp-field .form-control::placeholder{
  color:#7f8fb3 !important;
  opacity:1;
  font-weight:600;
}
.auth-form select.form-control option{
  background:#0b1220;
  color:#fff;
}
.auth-form .form-text,
.auth-form .text-muted{
  color:#9aaccd !important;
  font-weight:700 !important;
}
.auth-form .form-group{ margin-bottom:1.05rem; }
.auth-form .btn-primary,
.vp-field .btn-primary{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  color:#1a1204 !important;
  font-weight:900 !important;
  border:0 !important;
  border-radius:12px !important;
  box-shadow:0 8px 18px rgba(212,175,55,.28);
  height:52px !important;
  font-size:1.05rem !important;
}
.auth-form .form-control:focus,
.auth-form select.form-control:focus{
  border-color:#f5d76e !important;
  box-shadow:0 0 0 .2rem rgba(245,215,110,.22) !important;
  background:#0b1220 !important;
  color:#fff !important;
}
a.link, .auth a, .auth-footer{
  color:#f5d76e !important;
  font-weight:800 !important;
}
.auth-footer{
  margin-top:1rem;
  padding:.75rem 0 0 !important;
  background:transparent !important;
  color:#9aaccd !important;
  text-align:center;
  position:relative;
  z-index:1;
  font-weight:700 !important;
  width:100%;
}
.vp-auth-links{
  text-align:center;
  padding-top:.35rem;
}
@media (max-width: 900px){
  .vp-auth-shell{
    grid-template-columns:1fr;
    min-height:0;
  }
  .vp-auth-aside{
    border-right:0;
    border-bottom:1px solid rgba(245,215,110,.16);
    padding:1.6rem 1.4rem 1.2rem;
  }
  .vp-auth-aside h2{ font-size:1.45rem; }
  .vp-auth-wide .vp-auth-card,
  .vp-auth-grid{
    grid-template-columns:1fr;
    padding:1.35rem !important;
  }
  .auth-form, .vp-auth-card{ padding:1.4rem 1.25rem !important; }
}

/* fingerprint / extra headings */
.uidai, .sprint-box h5{ color:#f5d76e !important; }

/* scrollbar */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ box-shadow:inset 0 0 5px rgba(0,0,0,.5); border-radius:10px; background:#070b14; }
::-webkit-scrollbar-thumb{ background:#d4af37; border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background:#f5d76e; }

/* dashboard hero / tiles */
.vp-welcome{
  position:relative; overflow:hidden;
  border-radius:24px; padding:1.85rem 2rem; margin-bottom:1.25rem;
  background:linear-gradient(135deg,rgba(16,24,42,.96),rgba(8,12,22,.96));
  color:#fff;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;
  border:1px solid rgba(245,215,110,.28);
  box-shadow:0 24px 50px rgba(0,0,0,.45);
}
.vp-welcome::before,.vp-welcome::after{
  content:""; position:absolute; border-radius:50%; pointer-events:none;
}
.vp-welcome::before{
  width:280px; height:280px; right:-80px; top:-90px;
  background:radial-gradient(circle, rgba(245,215,110,.38), transparent 68%);
  animation:vp-orb 7s ease-in-out infinite;
}
.vp-welcome::after{
  width:190px; height:190px; right:120px; bottom:-70px;
  background:radial-gradient(circle, rgba(34,211,238,.30), transparent 70%);
  animation:vp-orb 9s ease-in-out infinite reverse;
}
@keyframes vp-orb{
  0%,100%{ transform:translate(0,0); }
  50%{ transform:translate(-18px,12px); }
}
.vp-welcome h4{ margin:0 0 .25rem; font-weight:900; font-size:1.85rem; letter-spacing:-.4px; position:relative; z-index:1; color:#fff !important; }
.vp-welcome .vp-sub{ color:#c9d3f7; font-size:.95rem; font-weight:700; position:relative; z-index:1; }
.vp-welcome .vp-badge-type{
  display:inline-block; margin-left:.5rem; padding:.2rem .75rem; border-radius:50px;
  background:linear-gradient(135deg,#d4af37,#f5d76e); color:#1a1204;
  font-size:.72rem; letter-spacing:.04em; font-weight:900;
}
.vp-welcome-right{ text-align:right; position:relative; z-index:1; }
.vp-clock{ font-size:1.35rem; font-weight:900; letter-spacing:.04em; color:#f5d76e; }
.vp-wallet-chip{
  display:inline-flex; align-items:center; gap:.45rem;
  background:rgba(245,215,110,.12); border:1px solid rgba(245,215,110,.35);
  border-radius:50px; padding:.45rem 1.05rem; margin-top:.55rem; font-weight:900;
}
.vp-live-dot{
  width:8px;height:8px;border-radius:50%; background:#3ddc84; display:inline-block;
  box-shadow:0 0 0 rgba(61,220,132,.6); animation:vp-pulse 1.8s infinite;
}
@keyframes vp-pulse{
  0%{box-shadow:0 0 0 0 rgba(61,220,132,.55);}
  70%{box-shadow:0 0 0 8px rgba(61,220,132,0);}
  100%{box-shadow:0 0 0 0 rgba(61,220,132,0);}
}
.vp-updated{ font-size:.72rem; color:#c9d3f7; margin-top:.3rem; font-weight:700; }

.vp-update-banner{
  border-radius:16px; padding:.9rem 1.25rem; margin-bottom:1rem;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  font-weight:800; flex-wrap:wrap; background:#10182a; color:#fff;
  border:1px solid rgba(245,215,110,.22);
}
.vp-update-banner.is-ok{ background:rgba(61,220,132,.12); color:#86efac; border-color:rgba(61,220,132,.3); }
.vp-update-banner.is-due{ background:rgba(245,215,110,.14); color:#f5d76e; border-color:rgba(245,215,110,.35); }
.vp-update-banner a{ font-weight:900; color:#f5d76e !important; }

.vp-quick-tile{
  position:relative; overflow:hidden;
  border-radius:20px !important;
  border:1px solid rgba(245,215,110,.22) !important;
  background:linear-gradient(180deg,#141c30,#0d1424) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.35) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  height:100%;
}
.vp-quick-tile::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, transparent, #f5d76e, #22d3ee, transparent);
}
.vp-quick-tile:hover{
  transform:translateY(-8px);
  border-color:#f5d76e !important;
  box-shadow:0 22px 40px rgba(212,175,55,.28) !important;
}
.vp-quick-tile .card-body{ background:transparent !important; }
.vp-quick-tile .card-icon{
  width:64px; height:64px; margin:0 auto 4px;
  border-radius:18px;
  background:rgba(245,215,110,.12);
  display:flex; align-items:center; justify-content:center;
}
.vp-quick-tile .card-icon img{
  height:42px !important; filter:drop-shadow(0 8px 14px rgba(245,215,110,.28));
  transition:transform .22s ease;
}
.vp-quick-tile:hover .card-icon img{ transform:scale(1.12); }
.vp-quick-tile .hr{ border-top-color:rgba(255,255,255,.12) !important; }
.vp-quick-tile .card-text{
  color:#fff !important; font-weight:800 !important; font-size:.92rem !important; margin:0;
}

.vp-tile{
  border-radius:20px !important; border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.28) !important;
  transition:transform .22s ease, box-shadow .22s ease;
  height:100%; overflow:hidden;
}
.vp-tile:hover{ transform:translateY(-6px); }
.vp-tile .card-icon h4{ font-weight:900 !important; letter-spacing:-.4px; color:#fff !important; }
.vp-tile .card-text{ font-weight:800 !important; color:#fff !important; }
.vp-tile.bg-success{ background:linear-gradient(135deg,#052e16,#059669) !important; }
.vp-tile.bg-purple{ background:linear-gradient(135deg,#2e1065,#7c3aed) !important; }
.vp-tile.bg-danger{ background:linear-gradient(135deg,#4c0519,#e11d48) !important; }
.vp-tile.bg-red{ background:linear-gradient(135deg,#450a0a,#dc2626) !important; }
.vp-tile.bg-primary{ background:linear-gradient(135deg,#0b1738,#2563eb) !important; }

html body .vp-card{
  border-radius:20px !important;
  border:1px solid rgba(245,215,110,.20) !important;
  background:#10182a !important;
  box-shadow:0 16px 36px rgba(0,0,0,.32) !important;
  overflow:hidden; color:#fff !important;
}
html body .vp-card .card-header,
html body .vp-card .card-header.bg-primary{
  background:linear-gradient(135deg,#0c1322,#141c30) !important;
  color:#f5d76e !important; font-weight:900 !important;
  border-bottom:1px solid rgba(245,215,110,.18) !important;
  border-radius:20px 20px 0 0 !important;
}
.vp-card .btn-secondary{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  border:0 !important; color:#1a1204 !important; font-weight:900 !important;
  border-radius:999px !important;
}
.vp-card .table,
.vp-service-table{
  color:#e8eef8 !important; background:transparent !important;
}
.vp-card .table thead th,
.vp-card .bg-secondary{
  background:#0b1220 !important; color:#f5d76e !important;
  border:0 !important; font-weight:900 !important; letter-spacing:.4px;
}
.vp-card .table td{ border-top-color:rgba(255,255,255,.08) !important; font-weight:700 !important; }
.vp-card .table-striped tbody tr:nth-of-type(odd){ background:rgba(255,255,255,.03) !important; }
.vp-live-badge{
  font-size:.72rem; display:inline-flex; align-items:center; gap:.35rem;
  background:rgba(245,215,110,.14); padding:.15rem .6rem; border-radius:50px; color:#f5d76e;
}
.vp-svc-dot{ width:9px;height:9px;border-radius:50%; display:inline-block; margin-right:.5rem; }

.vp-soon{ position:relative; opacity:.55; filter:grayscale(35%); cursor:not-allowed !important; pointer-events:none; }
.vp-soon-ribbon{
  position:absolute; top:10px; right:-28px;
  background:#e0578b; color:#fff; font-size:.62rem; font-weight:800;
  letter-spacing:.03em; padding:.2rem 2rem; transform:rotate(35deg);
  box-shadow:0 2px 6px rgba(0,0,0,.25); z-index:2;
}

.carousel-inner img{ border-radius:14px; object-fit:cover; }

hr,.hr{ border-top-color:rgba(245,215,110,.16) !important; }
.border,.border-top,.border-bottom{ border-color:rgba(245,215,110,.16) !important; }

/* keep real error text red (not the PanDetails card wrapper) */
.text-danger:not(.card){ color:#fda4af !important; }
.card.text-danger{ color:#e8eef8 !important; }

/* SweetAlert2 (awal_alert_msg) */
.swal2-popup{
  background:#10182a !important;
  color:#e8eef8 !important;
  border:1px solid rgba(245,215,110,.25) !important;
  border-radius:20px !important;
}
.swal2-title,.swal2-html-container{ color:#fff !important; }
.swal2-confirm.swal2-styled{
  background:linear-gradient(135deg,#d4af37,#f5d76e) !important;
  color:#1a1204 !important;
  font-weight:900 !important;
  border:0 !important;
}

/* 404 inside member layout */
.state-header{ color:#f5d76e !important; }
.state-description{ color:#9aaccd !important; }