:root{
  --ink:#111918;
  --muted:#617477;
  --paper:#fbfcf8;
  --white:#fff;
  --mist:#dcebed;
  --mist2:#edf4f3;
  --line:#c8d8d9;
  --yellow:#f6d83a;
  --yellow-dark:#d9b900;
  --teal:#4f7f86;
  --shadow:0 18px 50px rgba(23,55,58,.09)
}
html{color-scheme:light;overflow-x:hidden}
body{
  background:
    radial-gradient(circle at 9% 8%,rgba(246,216,58,.28) 0 5px,transparent 6px),
    linear-gradient(135deg,transparent 0 82%,rgba(79,127,134,.09) 82% 100%),
    var(--paper)!important;
  color:var(--ink)!important;
  font-family:Inter,Arial,sans-serif!important;
  max-width:100%;
  overflow-x:hidden
}
body:before,body:after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none
}
body:before{
  width:220px;
  height:220px;
  right:-88px;
  top:110px;
  border:14px solid rgba(246,216,58,.72);
  border-radius:50%
}
body:after{
  width:320px;
  height:180px;
  left:-135px;
  bottom:-70px;
  background:rgba(151,190,194,.28);
  border-radius:48% 52% 0 0;
  transform:rotate(-12deg)
}
body>*{position:relative;z-index:1}
::selection{background:var(--yellow)!important;color:var(--ink)!important}
h1,h2,h3,h4,h5,h6,.font-display,.font-serif{
  color:var(--ink)!important;
  font-family:"Space Grotesk",Inter,Arial,sans-serif!important;
  letter-spacing:-.035em
}
p,.text-muted,.text-muted2,.text-slate-400,.text-slate-500,
.text-slate-600,[class*="text-white/"]{color:var(--muted)!important}
.text-ink,.text-slate-700,.text-slate-800,.text-slate-900{
  color:var(--ink)!important
}
.bg-base,.bg-slate-100,.bg-slate-50{background-color:var(--paper)!important}
.bg-surface,.bg-surface2,.bg-white,.glass,.card,.section-card,
.stat-card,.controls-bar,.acct-tabs,.export-card,.stat-tile{
  background:rgba(255,255,255,.95)!important;
  border-color:var(--line)!important;
  box-shadow:0 8px 30px rgba(34,67,70,.06)!important
}
.glass,.card,.section-card,.stat-card,.controls-bar,.acct-tabs,
.export-card,.stat-tile{border-radius:8px 28px 8px 28px!important}
.grad-text{
  background:none!important;
  color:var(--teal)!important;
  -webkit-text-fill-color:currentColor!important
}
.grad-btn,.btn-primary,.btn-next,.btn-gold,.balance-pill,
button[type=submit]{
  background:var(--yellow)!important;
  border:1px solid var(--yellow-dark)!important;
  border-radius:3px!important;
  box-shadow:6px 6px 0 rgba(17,25,24,.12)!important;
  color:var(--ink)!important;
  font-weight:800!important
}
.grad-btn:hover,.btn-primary:hover,.btn-next:hover,.btn-gold:hover,
button[type=submit]:hover{
  background:#ffe868!important;
  box-shadow:3px 3px 0 rgba(17,25,24,.18)!important;
  filter:none!important;
  transform:translate(3px,3px)!important
}
.btn-outline{
  background:#fff!important;
  border-color:var(--line)!important;
  border-radius:3px!important;
  color:var(--ink)!important
}
input,select,textarea,.field-input{
  background:#fff!important;
  border-color:var(--line)!important;
  border-radius:3px!important;
  color:var(--ink)!important
}
input:focus,select:focus,textarea:focus,.field-input:focus{
  border-color:var(--teal)!important;
  box-shadow:0 0 0 3px rgba(79,127,134,.14)!important
}
nav.fixed,body>nav:not(.sidebar),.topbar{
  background:rgba(251,252,248,.95)!important;
  border-color:var(--line)!important;
  box-shadow:0 6px 28px rgba(34,67,70,.06)!important
}
.nav-link,nav a{color:var(--muted)!important}
.nav-link:hover,.nav-link.active,nav a:hover{color:var(--ink)!important}
.nav-link:after{background:var(--yellow)!important}
.bg-grid{
  background-image:
    linear-gradient(rgba(79,127,134,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(79,127,134,.08) 1px,transparent 1px)!important;
  background-size:38px 38px!important;
  opacity:.65
}
.blob{
  filter:blur(3px)!important;
  opacity:.35;
  border-radius:58% 42% 66% 34%!important
}
.img-frame{
  border:1px solid var(--line);
  border-radius:45% 8px 42% 8px!important;
  box-shadow:var(--shadow)
}
.img-frame img{filter:saturate(.78) contrast(.96)}
.img-frame:after{
  background:linear-gradient(145deg,rgba(170,207,210,.22),rgba(246,216,58,.09))!important;
  mix-blend-mode:multiply!important
}
section{border-color:var(--line)!important}
section:nth-of-type(even){
  background:
    radial-gradient(circle at 92% 18%,rgba(246,216,58,.52) 0 4px,transparent 5px),
    linear-gradient(112deg,rgba(220,235,237,.72),rgba(251,252,248,.9))!important
}
.sidebar,#sidebar,.bg-sidebar{
  background:linear-gradient(165deg,rgba(255,255,255,.97),rgba(220,235,237,.98))!important;
  border-right:1px solid var(--line)!important;
  box-shadow:12px 0 35px rgba(34,67,70,.06)
}
.sidebar:before,#sidebar:before{
  background:radial-gradient(circle at 18% 8%,rgba(246,216,58,.46),transparent 30%)!important
}
.sidebar *,#sidebar *{border-color:rgba(79,127,134,.16)!important}
.sidebar .sb-brand-name,.sidebar .sb-user-name,.sidebar .nav-item,
.sidebar .sb-section,.sidebar .sb-brand-tag,.sidebar .sb-user-role,
#sidebar .nav-item,#sidebar .nav-item i,#sidebar .nav-label,
#sidebar .nav-section-title,#sidebar .sidebar-brand-sub,#sidebar .user-info{
  color:var(--muted)!important
}
.sidebar .sb-brand-name,.sidebar .sb-user-name,
#sidebar .sidebar-brand-text{color:var(--ink)!important}
.sidebar .nav-item:hover,.sidebar .nav-item.active,
#sidebar .nav-item:hover,#sidebar .nav-item.active{
  background:rgba(255,255,255,.76)!important;
  border-left-color:var(--yellow)!important;
  color:var(--ink)!important
}
.nav-active-dot,.tb-dot,.live-dot{background:var(--teal)!important}
.content,.main,#mainContent{
  background:
    linear-gradient(135deg,rgba(220,235,237,.38),transparent 28%),
    var(--paper)!important
}
.topbar-title h1,.section-title,.stat-value,.export-card-title,
.card-title{color:var(--ink)!important}
.stat-card,.section-card,.export-card,.card,.stat-tile{
  position:relative;
  overflow:hidden
}
.stat-card:after,.section-card:after,.export-card:after,.card:after{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:70px;
  height:70px;
  border:8px solid rgba(246,216,58,.45);
  border-radius:50%;
  pointer-events:none
}
.stat-icon-wrap,.eb-icon,.tab-icon,.sb-av{
  background:var(--mist)!important;
  color:var(--teal)!important;
  border-radius:50% 8px 50% 8px!important
}
.data-table th,thead th{
  background:var(--mist2)!important;
  border-color:var(--line)!important;
  color:var(--muted)!important
}
.data-table td,tbody td{
  border-color:rgba(200,216,217,.65)!important;
  color:var(--ink)!important
}
.data-table tr:hover td,tbody tr:hover td{
  background:rgba(220,235,237,.38)!important
}
.tab-btn.active,.acct-tab.active,.dq-btn.active{
  background:var(--yellow)!important;
  border-color:var(--yellow-dark)!important;
  color:var(--ink)!important;
  box-shadow:none!important
}
.card-hover:hover{
  border-color:var(--teal)!important;
  box-shadow:var(--shadow)!important
}
@media(max-width:768px){
  body:before{width:120px;height:120px;right:-60px}
  .sidebar,#sidebar{box-shadow:12px 0 30px rgba(34,67,70,.15)}
}
@media print{
  body,.content,.main{background:#fff!important}
  body:before,body:after,.stat-card:after,.section-card:after,
  .export-card:after,.card:after{display:none!important}
}
footer{background:linear-gradient(135deg,#0f4c81,#2563eb)!important;color:#fff!important}footer *{color:#fff!important}.sidebar,#sidebar,.bg-sidebar{background:linear-gradient(165deg,#0f4c81,#2563eb)!important;border-color:rgba(147,197,253,.3)!important}.sidebar .nav-item,#sidebar .nav-item,#sidebar .nav-label,#sidebar .nav-section-title,#sidebar .sidebar-brand-text,#sidebar .sidebar-brand-sub,#sidebar .user-info{color:#dbeafe!important}.sidebar .nav-item:hover,.sidebar .nav-item.active,#sidebar .nav-item:hover,#sidebar .nav-item.active{background:rgba(96,165,250,.28)!important;border-left-color:#60a5fa!important;color:#fff!important}.bg-accent,.bg-accent2,[class*=bg-accent]{background-color:#3b82f6!important}.text-accent,.text-accent2,[class*=text-accent]{color:#2563eb!important}.bos-stat-icon,.stat-icon,.th-icon{background:#dbeafe!important;color:#2563eb!important}#module-content-area .space-y-4>.rounded-xl:first-child{background:linear-gradient(135deg,#0f4c81,#2563eb)!important;color:#fff!important}body{background:#fbfcf8!important}.bg-accent,.bg-accent2,[class*=bg-accent]{background:#f6d83a!important;color:#111918!important}.text-accent,.text-accent2,[class*=text-accent]{color:#4f7f86!important}.sidebar,#sidebar,.bg-sidebar{background:linear-gradient(165deg,#eff6ff,#bfdbfe)!important;border-color:#93c5fd!important}.sidebar .nav-item,#sidebar .nav-item,#sidebar .nav-label,#sidebar .nav-section-title,#sidebar .sidebar-brand-text,#sidebar .sidebar-brand-sub,#sidebar .user-info{color:#334155!important}.sidebar .nav-item.active,#sidebar .nav-item.active{background:rgba(255,255,255,.86)!important;border-left-color:#f6d83a!important;color:#0f2040!important}.sidebar .nav-item.active *,#sidebar .nav-item.active *{color:#0f2040!important}.sidebar img,#sidebar img{opacity:1!important;filter:none!important}.module-view.active .space-y-4>.rounded-xl:first-child,#module-content-area .space-y-4>.rounded-xl:first-child{background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;border:1px solid #bfdbfe!important;color:#111918!important}.module-view.active .space-y-4>.rounded-xl:first-child *,#module-content-area .space-y-4>.rounded-xl:first-child *{color:#111918!important}footer{background:linear-gradient(135deg,#f6d83a,#facc15)!important;color:#111918!important}footer *{color:#111918!important}footer .glass,footer .glass i{color:#1e3a8a!important}
.module-view.active .space-y-5>.rounded-xl:first-child,#module-content-area .space-y-5>.rounded-xl:first-child{background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;border:1px solid #bfdbfe!important;border-left:5px solid #f6d83a!important;color:#111918!important}.module-view.active .space-y-5>.rounded-xl:first-child *,#module-content-area .space-y-5>.rounded-xl:first-child *{color:#111918!important}
