:root{
  --bg:#f4faf8;
  --panel:#ffffff;
  --ink:#10231f;
  --muted:#62756f;
  --line:#dcebe6;
  --mint:#dff7ef;
  --mint2:#a8f0e7;
  --nav:#f6fbf9;
  --brand:#006b54;
  --dark:#092238;
  --shadow:0 18px 45px rgba(16,35,31,.08);
}
*{box-sizing:border-box}
html,body{margin:0!important;background:var(--bg)!important;color:var(--ink)!important;font-family:Inter,Arial,sans-serif!important}
body{min-height:100vh}
.sidebar,aside{
  background:var(--nav)!important;
  border-right:1px solid var(--line)!important;
  color:var(--ink)!important;
}
.sidebar a,aside a,.nav a{
  color:#45615b!important;
  text-decoration:none!important;
  border-radius:14px!important;
  font-weight:800!important;
}
.sidebar a:hover,aside a:hover,.nav a:hover,
.sidebar a.active,aside a.active,.nav a.active{
  background:var(--mint)!important;
  color:#00624d!important;
}
.brand,.logo{
  color:var(--ink)!important;
  font-weight:950!important;
}
.main,main,.content,.page,.page-wrap{
  background:var(--bg)!important;
}
.card,.panel,.box,section,.module,.tile{
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  box-shadow:var(--shadow)!important;
}
h1,h2,h3{
  color:var(--ink)!important;
  letter-spacing:-.035em!important;
  font-weight:950!important;
}
p,small,span,td,th,label,li{
  color:inherit;
}
.muted,.subtle,.subtitle{
  color:var(--muted)!important;
}
button,.btn,a.button,input[type=button],input[type=submit]{
  border:0!important;
  border-radius:14px!important;
  background:var(--mint)!important;
  color:#005642!important;
  font-weight:950!important;
  box-shadow:none!important;
}
button:hover,.btn:hover,a.button:hover{
  filter:brightness(.97);
}
input,select,textarea{
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--ink)!important;
}
table{
  background:#fff!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
thead,tr:nth-child(even){
  background:#f6fbf9!important;
}
th{
  color:#4b625d!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.live,.badge,.pill,.status{
  background:var(--mint)!important;
  color:#00624d!important;
  border:1px solid #bcefe1!important;
  border-radius:999px!important;
  font-weight:900!important;
}
.hero,.banner,.strip{
  background:linear-gradient(90deg,#e8fbf6,#eef7ff)!important;
  border:1px solid var(--line)!important;
  color:var(--ink)!important;
}
.dark,.navy,.header-dark{
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
}
body:before{
  content:"Option A approved production UI";
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99999;
  background:var(--mint);
  color:#00624d;
  border:1px solid #bcefe1;
  border-radius:999px;
  padding:10px 14px;
  font-size:12px;
  font-weight:950;
  box-shadow:var(--shadow);
}