/* RechNext Wa — Light 3D Glass UI layer
   Visual-only overrides. No application/server logic. */
:root{
  --rn-purple:#7c3aed;--rn-purple-2:#a855f7;--rn-pink:#ec4899;
  --rn-blue:#3b82f6;--rn-green:#10b981;--rn-ink:#302b3f;--rn-muted:#716b80;
  --rn-bg:#f7f6fb;--rn-card:rgba(255,255,255,.78);
  --rn-border:rgba(124,58,237,.14);
}
html,html[data-bs-theme="dark"],body{
  background:
    radial-gradient(900px 500px at 8% 0%,rgba(168,85,247,.13),transparent 62%),
    radial-gradient(850px 520px at 94% 12%,rgba(236,72,153,.10),transparent 60%),
    linear-gradient(135deg,#fff 0%,#faf9ff 46%,#f3effb 100%) !important;
  color:var(--rn-ink) !important;
}
body{min-height:100vh;color-scheme:light!important}
body *{--bs-body-color:var(--rn-ink)}
.text-muted,.text-body-secondary,.text-secondary{color:#777080!important}
h1,h2,h3,h4,h5,h6,p,span,small,label,li,td,th,.form-label{color:inherit}

/* Sidebar */
#layout-menu.layout-menu{
  background:linear-gradient(180deg,#6d28d9 0%,#7c3aed 38%,#9333ea 72%,#ec4899 145%) !important;
  border:0!important;
  box-shadow:12px 0 40px rgba(88,28,135,.18),inset -1px 0 rgba(255,255,255,.18)!important;
  color:#fff!important;
}
#layout-menu .app-brand{height:76px!important}
#layout-menu .app-brand-link,#layout-menu .app-brand-text,#layout-menu .menu-header-text,
#layout-menu .menu-link,#layout-menu .menu-link>div,#layout-menu .menu-icon{color:#fff!important}
#layout-menu .menu-header-text{opacity:.78!important;font-weight:700;letter-spacing:.04em}
#layout-menu .menu-inner{padding:8px 10px!important}
#layout-menu .menu-item{margin:4px 0!important}
#layout-menu .menu-link{
  border-radius:13px!important;
  min-height:44px;
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease!important;
}
#layout-menu .menu-link:hover{
  transform:translateX(5px)!important;
  background:linear-gradient(100deg,rgba(255,255,255,.24),rgba(255,255,255,.10))!important;
  box-shadow:0 10px 24px rgba(58,16,106,.18),inset 0 1px rgba(255,255,255,.18)!important;
}
#layout-menu .menu-item.active>.menu-link,#layout-menu .menu-item.open>.menu-link{
  background:linear-gradient(100deg,rgba(255,255,255,.30),rgba(255,255,255,.13))!important;
  box-shadow:0 12px 28px rgba(58,16,106,.20),inset 0 1px rgba(255,255,255,.22)!important;
}
#layout-menu .menu-sub{background:transparent!important}
#layout-menu .menu-sub .menu-link{opacity:.92}

/* Header */
.layout-navbar,.navbar-detached,.layout-navbar-fixed .layout-navbar{
  background:rgba(255,255,255,.70)!important;
  color:var(--rn-ink)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 16px 45px rgba(68,45,105,.10),inset 0 1px rgba(255,255,255,.95)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
}
.layout-navbar .navbar-nav .nav-link,.layout-navbar .navbar-brand,.layout-navbar i{color:var(--rn-ink)!important}
.layout-navbar .form-control{color:var(--rn-ink)!important}

/* Main content + glass cards */
.content-wrapper,.layout-page{background:transparent!important}
.card,.accordion-item,.list-group-item{
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,255,255,.66) 52%,rgba(244,238,255,.74))!important;
  color:var(--rn-ink)!important;
  border:1px solid rgba(124,58,237,.14)!important;
  border-radius:18px!important;
  box-shadow:0 18px 42px rgba(82,52,124,.10),0 5px 18px rgba(236,72,153,.06),inset 0 1px rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.card{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.card:before,.card:after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0;opacity:.35;
}
.card:before{width:110px;height:110px;right:-45px;bottom:-55px;background:radial-gradient(circle,#ec4899 0 8%,transparent 9%),radial-gradient(circle at 70% 35%,#a855f7 0 7%,transparent 8%);animation:rnBubbleA 8s ease-in-out infinite alternate}
.card:after{width:70px;height:70px;left:-25px;top:-35px;background:radial-gradient(circle,#a855f7 0 9%,transparent 10%);animation:rnBubbleB 7s ease-in-out infinite alternate}
.card>*{position:relative;z-index:1}
.card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(168,85,247,.28)!important;
  box-shadow:0 26px 55px rgba(82,52,124,.14),0 10px 30px rgba(168,85,247,.10),inset 0 1px rgba(255,255,255,1)!important;
}
@keyframes rnBubbleA{to{transform:translate(-20px,-28px) scale(1.1)}}
@keyframes rnBubbleB{to{transform:translate(24px,30px) scale(1.08)}}

/* Inputs/buttons */
.form-control,.form-select,.input-group-text{
  background:rgba(255,255,255,.78)!important;
  color:var(--rn-ink)!important;
  border:1px solid rgba(113,90,150,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95)!important;
}
.form-control::placeholder{color:#9a94a5!important}
.form-control:focus,.form-select:focus{
  background:#fff!important;border-color:rgba(124,58,237,.50)!important;
  box-shadow:0 0 0 .2rem rgba(124,58,237,.10),0 8px 22px rgba(124,58,237,.08)!important;
}
.btn{
  border-radius:12px!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
.btn:hover{transform:translateY(-3px) scale(1.015)!important;box-shadow:0 14px 28px rgba(124,58,237,.18)!important}
.btn-primary,.bg-primary{
  background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899)!important;
  border-color:transparent!important;color:#fff!important;
}
.btn-outline-primary{border-color:#8b5cf6!important;color:#7c3aed!important}
.btn-outline-primary:hover{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;color:#fff!important}

/* Badges / status */
.badge.bg-gradient{background:linear-gradient(135deg,#7c3aed,#ec4899,#3b82f6)!important}
.bg-success-subtle{background:rgba(16,185,129,.13)!important;color:#059669!important}
.bg-label-primary{background:rgba(124,58,237,.12)!important;color:#6d28d9!important}
.bg-label-danger{background:rgba(236,72,153,.12)!important;color:#db2777!important}

/* Dropdowns */
.dropdown-menu{
  background:rgba(255,255,255,.92)!important;color:var(--rn-ink)!important;
  border:1px solid rgba(124,58,237,.14)!important;
  box-shadow:0 22px 50px rgba(82,52,124,.16)!important;
  backdrop-filter:blur(18px)!important;
}
.dropdown-item{color:var(--rn-ink)!important;border-radius:9px!important}
.dropdown-item:hover{background:linear-gradient(100deg,rgba(124,58,237,.10),rgba(236,72,153,.08))!important}

/* Charts: keep chart area white/light and readable */
.apexcharts-canvas,.apexcharts-svg{background:transparent!important}
.apexcharts-text,.apexcharts-title-text,.apexcharts-legend-text{fill:#665f70!important;color:#665f70!important}
.apexcharts-gridline{stroke:rgba(89,73,116,.12)!important}
.apexcharts-tooltip{
  background:rgba(255,255,255,.96)!important;color:var(--rn-ink)!important;
  border:1px solid rgba(124,58,237,.15)!important;box-shadow:0 15px 35px rgba(82,52,124,.14)!important;
}
.apexcharts-series:nth-child(1) .apexcharts-bar-area,.apexcharts-series:nth-child(1) path{fill:#8b5cf6!important;stroke:#8b5cf6!important}
.apexcharts-series:nth-child(2) .apexcharts-bar-area,.apexcharts-series:nth-child(2) path{fill:#ec4899!important;stroke:#ec4899!important}
.apexcharts-series:nth-child(3) .apexcharts-bar-area,.apexcharts-series:nth-child(3) path{fill:#10b981!important;stroke:#10b981!important}
.apexcharts-series:nth-child(4) .apexcharts-bar-area,.apexcharts-series:nth-child(4) path{fill:#3b82f6!important;stroke:#3b82f6!important}

/* Footer — small, centered */
.rn-glass-footer,.content-footer{
  background:rgba(255,255,255,.62)!important;
  border-top:1px solid rgba(124,58,237,.10)!important;
  color:#81798e!important;
  box-shadow:0 -8px 30px rgba(82,52,124,.05)!important;
  backdrop-filter:blur(16px)!important;
}
.rn-glass-footer{border-radius:16px!important}
.rn-footer-center{width:100%;text-align:center!important;justify-content:center!important;font-size:10px!important;color:#8a8293!important;letter-spacing:.01em}
.rn-footer-center *{font-size:10px!important;color:#8a8293!important}

/* Auth + install */
.rn-auth-footer{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;
  display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;
  padding:7px 10px!important;font-size:10px!important;color:#80788b!important;
  background:rgba(255,255,255,.72)!important;border-top:1px solid rgba(124,58,237,.10)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body:has(.install-card),body:has(#intro-screen){
  background:
    radial-gradient(800px 450px at 10% 8%,rgba(168,85,247,.16),transparent 62%),
    radial-gradient(780px 480px at 92% 88%,rgba(236,72,153,.12),transparent 62%),
    linear-gradient(135deg,#fff 0%,#faf9ff 48%,#f2edfb 100%)!important;
}
.install-card.card{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(250,248,255,.80),rgba(244,238,255,.82))!important;
  border:1px solid rgba(124,58,237,.15)!important;
  box-shadow:0 28px 70px rgba(82,52,124,.14),inset 0 1px rgba(255,255,255,.98)!important;
  color:var(--rn-ink)!important;
}
.glass-header{
  background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(236,72,153,.08),rgba(255,255,255,.72))!important;
  border-bottom:1px solid rgba(124,58,237,.10)!important;
  color:var(--rn-ink)!important;
}
.step-icon{
  background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(124,58,237,.18)!important;
}
.step small,.step-content h5{color:#5f586a!important}
.list-group-item{background:rgba(255,255,255,.72)!important}
#intro-screen{
  background:
    radial-gradient(700px 400px at 12% 10%,rgba(168,85,247,.16),transparent 62%),
    radial-gradient(700px 400px at 88% 85%,rgba(236,72,153,.12),transparent 62%),
    #fff!important;color:var(--rn-ink)!important;
}
#intro-screen h1{color:#7c3aed!important}
#intro-screen p{color:#716b80!important}
.rn-install-developer-card{
  background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(236,72,153,.07))!important;
  border:1px solid rgba(124,58,237,.13)!important;color:#514a5c!important;
}

/* Loader — light, transparent, logo fixed */
.rn-page-loader{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
.rn-loader-logo{
  color:#7c3aed!important;
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  font-weight:900!important;
}
.rn-loader-rings span{filter:drop-shadow(0 0 5px rgba(124,58,237,.18))}

/* Responsive polish and the darker glass chrome requested for the dashboard. */
.layout-navbar,.navbar-detached,.layout-navbar-fixed .layout-navbar{
  background:linear-gradient(115deg,rgba(45,31,68,.88),rgba(86,44,108,.76))!important;
  border-color:rgba(255,255,255,.18)!important;
}
.layout-navbar .navbar-nav .nav-link,.layout-navbar .navbar-brand,.layout-navbar i,
.layout-navbar .text-heading,.layout-navbar .text-body-secondary{color:#fff!important}
.layout-navbar #autocomplete{color:rgba(255,255,255,.76)!important}
.layout-navbar .avatar{box-shadow:0 0 0 3px rgba(255,255,255,.12),0 8px 20px rgba(20,9,35,.28)}
.content-footer{margin:0 1rem 1rem;border-radius:18px}

@media (max-width:1199.98px){
  .layout-navbar{margin:12px!important;border-radius:16px!important}
  .container-xxl{max-width:100%!important}
}
@media (max-width:767.98px){
  .container-xxl.flex-grow-1{padding:1rem!important}
  .card{border-radius:15px!important}
  .card:hover{transform:translateY(-2px)!important}
  .install-card.card{max-width:calc(100vw - 24px)!important}
  .install-card .card-body{padding:1.35rem!important}
  .install-card .glass-header{padding:1rem!important}
  .install-card .step-icon{width:39px!important;height:39px!important;font-size:1.05rem!important}
  .install-card .step small{font-size:.65rem!important}
  .rn-auth-footer{font-size:9px!important;gap:7px!important;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  .card,.card:before,.card:after,.menu-link,.btn,.rn-loader-rings,.rn-loader-rings span{animation:none!important;transition:none!important}
}

/* prevent dark theme from re-darkening controls */
[data-bs-theme="dark"] .card,[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{
  color:var(--rn-ink)!important;
}

/* 3D authentication, compact records and fast, subtle hover glow. */
.authentication-wrapper{min-height:100vh!important;background:radial-gradient(700px 380px at 8% 10%,rgba(168,85,247,.28),transparent 60%),radial-gradient(650px 420px at 92% 82%,rgba(236,72,153,.20),transparent 62%),linear-gradient(135deg,#fdfcff,#eee9ff)!important;perspective:1400px}
.authentication-bg{background:rgba(255,255,255,.52)!important;backdrop-filter:blur(25px)!important}.authentication-bg>.w-px-400{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(250,244,255,.74))!important;border:1px solid rgba(124,58,237,.16)!important;border-radius:24px!important;padding:2rem!important;box-shadow:0 30px 70px rgba(79,47,119,.20),inset 0 1px rgba(255,255,255,.95)!important;transform:rotateY(-2deg) rotateX(1deg);transition:transform .28s ease,box-shadow .28s ease}.authentication-bg>.w-px-400:hover{transform:translateY(-7px) rotateY(0) rotateX(0) scale(1.012);box-shadow:0 38px 80px rgba(124,58,237,.25),0 0 35px rgba(236,72,153,.14)!important}
.auth-cover-bg{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(124,58,237,.13),rgba(236,72,153,.10))!important}.auth-cover-bg:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.30),transparent 66%);right:10%;top:10%;animation:rnAuthFloat 7s ease-in-out infinite alternate}.auth-illustration{z-index:1;filter:drop-shadow(0 28px 30px rgba(75,36,125,.20));animation:rnAuthFloat 6s ease-in-out infinite alternate}@keyframes rnAuthFloat{to{transform:translateY(-16px) rotate(2deg)}}
.table{font-size:.86rem!important}.table>:not(caption)>*>*{padding:.62rem .72rem!important}.table tbody tr{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.table tbody tr:hover{transform:scale(1.008);background:rgba(124,58,237,.055)!important;box-shadow:0 8px 20px rgba(124,58,237,.08)}
a,.btn,.form-control,.form-select,.nav-link{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}a:hover,.form-control:hover,.form-select:hover{transform:translateY(-1px);filter:brightness(1.02)}.rn-install-developer-card{color:#66506f!important;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(236,72,153,.10),rgba(255,255,255,.88))!important}.rn-install-developer-card span{color:#6b4f76!important}.rn-install-developer-card small{color:#8b7192!important}
@media(max-width:1199.98px){.authentication-bg>.w-px-400{transform:none}}

/* Fixed Soft UI / clay finish. Interaction is intentionally reserved for buttons. */
:root{--rn-soft-bg:#eef1f7;--rn-soft-surface:#eef1f7;--rn-soft-ink:#353b4d;--rn-soft-muted:#6f7788;--rn-soft-accent:#7564e8}
html,html[data-bs-theme="dark"],body{background:var(--rn-soft-bg)!important;color:var(--rn-soft-ink)!important}
body{color-scheme:light!important}
#layout-menu.layout-menu{background:linear-gradient(160deg,#f5f7fb,#e7ebf3)!important;border:0!important;box-shadow:9px 9px 22px #cbd0db,-9px -9px 22px #fff!important;color:var(--rn-soft-ink)!important}
#layout-menu .app-brand-link,#layout-menu .app-brand-text,#layout-menu .menu-header-text,#layout-menu .menu-link,#layout-menu .menu-link>div,#layout-menu .menu-icon{color:var(--rn-soft-ink)!important}
#layout-menu .menu-link{background:transparent!important;box-shadow:none!important;transform:none!important;transition:none!important}
#layout-menu .menu-link:hover{background:transparent!important;box-shadow:none!important;transform:none!important}
#layout-menu .menu-item.active>.menu-link,#layout-menu .menu-item.open>.menu-link{background:#eef1f7!important;box-shadow:inset 4px 4px 9px #d0d5df,inset -4px -4px 9px #fff!important;color:var(--rn-soft-accent)!important}
.layout-navbar,.navbar-detached,.layout-navbar-fixed .layout-navbar{min-height:68px;background:linear-gradient(145deg,#f7f9fc,#e7ebf3)!important;border:0!important;border-radius:20px!important;box-shadow:8px 8px 18px #cbd0db,-8px -8px 18px #fff!important;color:var(--rn-soft-ink)!important}
.layout-navbar .navbar-nav .nav-link,.layout-navbar .navbar-brand,.layout-navbar i,.layout-navbar .text-heading,.layout-navbar .text-body-secondary{color:var(--rn-soft-ink)!important}
.layout-navbar .nav-link.btn-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eef1f7;box-shadow:4px 4px 9px #d1d6e0,-4px -4px 9px #fff}
.card,.install-card.card,.authentication-bg>.w-px-400{background:linear-gradient(145deg,#f5f7fb,#e8ecf4)!important;border:0!important;box-shadow:10px 10px 22px #cbd0db,-10px -10px 22px #fff!important;transform:none!important;transition:none!important}
.card:before,.card:after,.auth-cover-bg:after{display:none!important;animation:none!important}
.card:hover,.authentication-bg>.w-px-400:hover{transform:none!important;box-shadow:10px 10px 22px #cbd0db,-10px -10px 22px #fff!important}
.table,.table-responsive{background:transparent!important}.table tbody tr,.table tbody tr:hover{background:transparent!important;box-shadow:none!important;transform:none!important;transition:none!important}
.table>:not(caption)>*>*{border-color:rgba(91,101,123,.13)!important}
.dropdown-menu,.list-group-item{background:#eef1f7!important;border:0!important;box-shadow:8px 8px 18px #cbd0db,-8px -8px 18px #fff!important}.dropdown-item,.dropdown-item:hover{background:transparent!important;transform:none!important;transition:none!important}
.form-control,.form-select,.input-group-text{background:#eef1f7!important;border:0!important;box-shadow:inset 4px 4px 8px #d0d5df,inset -4px -4px 8px #fff!important}.form-control:hover,.form-select:hover{transform:none!important;filter:none!important}
.form-control:focus,.form-select:focus{box-shadow:inset 4px 4px 8px #d0d5df,inset -4px -4px 8px #fff,0 0 0 .18rem rgba(117,100,232,.18)!important}
.btn{border-radius:14px!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}.btn:hover{transform:translateY(-2px)!important;box-shadow:7px 7px 15px rgba(104,91,197,.25)!important}
.content-footer,.rn-glass-footer,.rn-auth-footer{background:#eef1f7!important;border:0!important;box-shadow:8px 8px 18px #cbd0db,-8px -8px 18px #fff!important;color:var(--rn-soft-muted)!important}
.authentication-wrapper{background:var(--rn-soft-bg)!important}.auth-illustration,.step-icon{animation:none!important;transform:none!important}
/* No hover/lift effects on non-button interface elements. */
a:not(.btn),.nav-link,.menu-link,.card,.table tr,.dropdown-item,.list-group-item,.form-control,.form-select,.avatar,.auth-illustration{transition:none!important}
a:not(.btn):hover,.nav-link:hover,.menu-link:hover,.table tr:hover,.dropdown-item:hover,.list-group-item:hover,.avatar:hover{transform:none!important;filter:none!important}
@media(max-width:1199.98px){.layout-navbar{margin:12px!important;border-radius:18px!important}}

/* Colour correction: preserve the purple dashboard identity from the approved reference. */
:root{--rn-purple-deep:#5b28cc;--rn-purple:#7b2cf0;--rn-purple-bright:#a43be8;--rn-lavender:#eee9fb;--rn-card:#f9f7ff}
html,html[data-bs-theme="dark"],body{background:radial-gradient(900px 540px at 90% 5%,rgba(225,128,255,.25),transparent 60%),linear-gradient(135deg,#f3edff 0%,#ece8fa 48%,#f9eefe 100%)!important}
#layout-menu.layout-menu{background:linear-gradient(180deg,var(--rn-purple-deep) 0%,var(--rn-purple) 48%,var(--rn-purple-bright) 100%)!important;box-shadow:12px 0 26px rgba(80,31,164,.24),inset -1px 0 rgba(255,255,255,.2)!important}
#layout-menu .app-brand-link,#layout-menu .app-brand-text,#layout-menu .menu-header-text,#layout-menu .menu-link,#layout-menu .menu-link>div,#layout-menu .menu-icon{color:#fff!important}
#layout-menu .menu-header-text{opacity:.8!important}
#layout-menu .menu-link{color:rgba(255,255,255,.94)!important}
#layout-menu .menu-item.active>.menu-link,#layout-menu .menu-item.open>.menu-link{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.16))!important;box-shadow:inset 3px 3px 8px rgba(77,25,171,.22),inset -2px -2px 7px rgba(255,255,255,.18)!important;color:#fff!important}
.layout-navbar,.navbar-detached,.layout-navbar-fixed .layout-navbar{background:linear-gradient(105deg,#452c67,#745080)!important;box-shadow:8px 8px 18px rgba(83,56,120,.2),-4px -4px 15px rgba(255,255,255,.55)!important}
.layout-navbar .navbar-nav .nav-link,.layout-navbar .navbar-brand,.layout-navbar i,.layout-navbar .text-heading,.layout-navbar .text-body-secondary{color:#fff!important}
.layout-navbar .nav-link.btn-icon{background:rgba(255,255,255,.13)!important;box-shadow:inset 2px 2px 6px rgba(32,14,57,.22),inset -2px -2px 6px rgba(255,255,255,.13)!important}
.card,.install-card.card,.authentication-bg>.w-px-400{background:linear-gradient(145deg,#fff,#f8f4ff)!important;box-shadow:9px 9px 20px rgba(113,86,151,.19),-7px -7px 16px rgba(255,255,255,.82)!important}
.card:hover,.authentication-bg>.w-px-400:hover{box-shadow:9px 9px 20px rgba(113,86,151,.19),-7px -7px 16px rgba(255,255,255,.82)!important}
.dropdown-menu,.list-group-item{background:#fbf8ff!important;box-shadow:8px 8px 18px rgba(113,86,151,.18),-6px -6px 14px rgba(255,255,255,.86)!important}
.form-control,.form-select,.input-group-text{background:#f8f3ff!important;box-shadow:inset 3px 3px 7px rgba(153,127,190,.2),inset -3px -3px 7px rgba(255,255,255,.92)!important}
.content-footer,.rn-glass-footer,.rn-auth-footer{background:rgba(255,255,255,.72)!important;box-shadow:8px 8px 18px rgba(113,86,151,.13),-6px -6px 14px rgba(255,255,255,.75)!important}

/* Final visual reference: cool-grey clay workspace, violet rail, neutral top bar. */
:root{--rn-ref-bg:#d8dce4;--rn-ref-surface:#d9dde5;--rn-ref-shadow:#aeb4c0;--rn-ref-highlight:#f6f8fc;--rn-ref-violet:#6334c5;--rn-ref-violet-2:#8754e2;--rn-ref-ink:#262a34}
html,html[data-bs-theme="dark"],body{background:linear-gradient(135deg,#e8ebf1 0%,#d4d9e2 48%,#cbd1db 100%)!important;color:var(--rn-ref-ink)!important}
#layout-menu.layout-menu{background:linear-gradient(180deg,#7549d4 0%,#6231c4 52%,#8a4fdd 100%)!important;border-radius:0 24px 24px 0!important;box-shadow:10px 0 25px rgba(80,65,128,.28),inset -1px 0 rgba(255,255,255,.24)!important}
#layout-menu .app-brand{padding-left:8px!important}#layout-menu .menu-inner{padding:16px 20px!important}#layout-menu .menu-item{margin:0!important;border-bottom:1px solid rgba(255,255,255,.14)}#layout-menu .menu-header{border:0!important;margin-top:18px!important}
#layout-menu .menu-link{min-height:62px!important;border-radius:12px!important}#layout-menu .menu-item.active>.menu-link,#layout-menu .menu-item.open>.menu-link{background:rgba(56,27,137,.34)!important;box-shadow:inset 5px 5px 11px rgba(55,25,128,.24),inset -3px -3px 8px rgba(255,255,255,.08)!important}
.layout-navbar,.navbar-detached,.layout-navbar-fixed .layout-navbar{min-height:78px;background:linear-gradient(145deg,#eef1f5,#cbd1da)!important;border-radius:0!important;box-shadow:8px 8px 18px rgba(132,141,156,.38),-7px -7px 16px rgba(255,255,255,.82),inset 1px 1px rgba(255,255,255,.72)!important}
.layout-navbar .navbar-nav .nav-link,.layout-navbar .navbar-brand,.layout-navbar i,.layout-navbar .text-heading,.layout-navbar .text-body-secondary{color:#343948!important}.layout-navbar .nav-link.btn-icon{background:transparent!important;box-shadow:none!important}
.card,.install-card.card,.authentication-bg>.w-px-400{background:linear-gradient(145deg,#e7eaf0,#ced3dd)!important;border:0!important;border-radius:14px!important;box-shadow:10px 10px 19px rgba(132,141,156,.52),-8px -8px 18px rgba(255,255,255,.78),inset 1px 1px rgba(255,255,255,.58)!important}
.card:hover,.authentication-bg>.w-px-400:hover{box-shadow:10px 10px 19px rgba(132,141,156,.52),-8px -8px 18px rgba(255,255,255,.78),inset 1px 1px rgba(255,255,255,.58)!important}
.dropdown-menu,.list-group-item{background:#dfe3ea!important;box-shadow:8px 8px 17px rgba(132,141,156,.38),-7px -7px 15px rgba(255,255,255,.76)!important}
.form-control,.form-select,.input-group-text{background:#d9dee6!important;box-shadow:inset 4px 4px 8px rgba(139,148,163,.35),inset -4px -4px 8px rgba(255,255,255,.76)!important}
.btn-primary,.bg-primary{background:linear-gradient(135deg,#7450d7,#9a5ce6)!important}.btn-success{background:linear-gradient(135deg,#2fbf9b,#58d4b4)!important}.btn-danger{background:linear-gradient(135deg,#dc5b92,#ee82b0)!important}
.content-footer,.rn-glass-footer,.rn-auth-footer{background:linear-gradient(145deg,#e7eaf0,#d1d6df)!important;box-shadow:8px 8px 17px rgba(132,141,156,.3),-7px -7px 15px rgba(255,255,255,.74)!important}

/* Buttons are the only animated interface elements. */
.btn{position:relative;isolation:isolate;overflow:visible;animation:rnButtonGlow 3.8s ease-in-out infinite!important}
.btn::after{content:"";position:absolute;z-index:-1;inset:-3px;border-radius:inherit;background:linear-gradient(110deg,#7450d7,#ec67ab,#42cbb0,#6a8cf0,#7450d7);background-size:300% 300%;filter:blur(7px);opacity:.54;animation:rnButtonGlowFlow 4.5s linear infinite;pointer-events:none}
.btn:hover{animation-duration:1.8s!important;transform:translateY(-2px)!important}
@keyframes rnButtonGlow{0%,100%{box-shadow:0 5px 12px rgba(116,80,215,.28)}50%{box-shadow:0 8px 20px rgba(236,103,171,.42),0 0 15px rgba(66,203,176,.28)}}
@keyframes rnButtonGlowFlow{to{background-position:300% 0}}
@media(prefers-reduced-motion:reduce){.btn,.btn::after{animation:none!important}}
.rn-login-required{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;background:rgba(51,55,69,.36);backdrop-filter:blur(4px)}.rn-login-required__dialog{min-width:260px;padding:28px 34px;border-radius:20px;text-align:center;background:linear-gradient(145deg,#e9ecf2,#ced4df);box-shadow:15px 15px 30px rgba(57,62,75,.34),-10px -10px 24px rgba(255,255,255,.82);color:#2c3040}.rn-login-required__dialog i{display:block;margin-bottom:10px;color:#754bd5}.rn-login-required__dialog strong,.rn-login-required__dialog span{display:block}.rn-login-required__dialog strong{font-size:1.25rem;margin-bottom:7px}.rn-login-required__dialog span{font-size:.88rem;color:#636a79}

/* Slight translucency for the deep violet rail and neutral clay chrome. */
#layout-menu.layout-menu{background:linear-gradient(180deg,rgba(104,66,211,.94) 0%,rgba(82,38,185,.92) 52%,rgba(135,70,220,.93) 100%)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.layout-navbar,.navbar-detached,.layout-navbar-fixed .layout-navbar{background:linear-gradient(145deg,rgba(239,242,247,.84),rgba(198,204,216,.82))!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.card,.install-card.card,.authentication-bg>.w-px-400{background:linear-gradient(145deg,rgba(232,235,241,.9),rgba(203,209,220,.86))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}