/* =========================================================
   V12 — FRESH EMERALD GREEN THEME
   No blue theme, no glass, no old styling
   ========================================================= */
:root{
  --bg:#f1f8f4!important;
  --surface:#ffffff!important;
  --surface-2:#f7fcf9!important;
  --text:#14231b!important;
  --muted:#66786e!important;
  --line:#d9e9df!important;
  --green:#16a34a!important;
  --green-dark:#087f3d!important;
  --green-soft:#e8f7ee!important;
  --mint:#22c55e!important;
  --shadow:0 10px 28px rgba(20,70,40,.10)!important;
  --shadow-soft:0 6px 18px rgba(20,70,40,.07)!important;
}

html,body{background:#f1f8f4!important;color:#14231b!important}

.topbar{
  background:#ffffff!important;
  border-bottom:1px solid #d8e9df!important;
  box-shadow:0 4px 18px rgba(20,70,40,.08)!important;
}
.top-title{
  color:#0b8f45!important;
  font-size:22px!important;
  font-weight:850!important;
  letter-spacing:-.04em;
}
.credit-small{color:#6d8075!important}
.credit-small strong,.credit-small b{color:#087f3d!important}

.icon-btn{
  background:#f2faf5!important;
  border:1px solid #c9e1d2!important;
  color:#168a46!important;
}
.icon-btn:hover{background:#e2f5e9!important;border-color:#8fc8a5!important}

.top-actions select{
  background:#f7fcf9!important;
  border:1px solid #c9e1d2!important;
  color:#173c27!important;
}
.refresh-btn{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(22,163,74,.22)!important;
}
.refresh-btn:hover{background:linear-gradient(135deg,#12863e,#16a34a)!important}

.layout{background:#f1f8f4!important}
.sidebar{
  background:#ffffff!important;
  border-right:1px solid #d8e9df!important;
}
.nav-item{
  background:#f7fbf8!important;
  border:1px solid #d8e9df!important;
  color:#668072!important;
}
.nav-item:hover{
  background:#e8f7ee!important;
  border-color:#a9d6b8!important;
  color:#087f3d!important;
}
.nav-item.active{
  background:linear-gradient(135deg,#119447,#22b65a)!important;
  border-color:#25c565!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(22,163,74,.20)!important;
}

.content{
  background:
    radial-gradient(700px 360px at 100% 0%,rgba(34,197,94,.08),transparent 65%),
    #f1f8f4!important;
}
.page-head h1{color:#14231b!important}
.page-head .muted{color:#708279!important}
.status{
  background:#e7f7ed!important;
  border:1px solid #b9dec7!important;
  color:#087f3d!important;
}

.total-earnings-mini{
  background:#ffffff!important;
  border:1px solid #d4e8db!important;
  border-left:5px solid #16a34a!important;
  box-shadow:0 8px 22px rgba(20,70,40,.08)!important;
}
.total-earnings-mini strong{color:#0b9445!important}
.total-earnings-mini span,.total-earnings-mini small{color:#708279!important}

.monitor-grid{gap:14px!important}
.monitor-card{
  background:#ffffff!important;
  border:1px solid #d5e8dc!important;
  box-shadow:0 8px 22px rgba(20,70,40,.075)!important;
}
.monitor-card:hover{
  background:#fbfefc!important;
  border-color:#a9d6b8!important;
  box-shadow:0 12px 28px rgba(20,70,40,.11)!important;
}
.monitor-card:before{
  background:linear-gradient(180deg,#16a34a,#22c55e)!important;
  width:5px!important;
}
.monitor-main span{color:#61786b!important}
.monitor-main strong{color:#14231b!important}
.monitor-meta small{color:#789087!important}
.monitor-meta em{
  color:#078542!important;
  font-weight:750!important;
}

.panel{
  background:#ffffff!important;
  border:1px solid #d5e8dc!important;
  box-shadow:0 10px 28px rgba(20,70,40,.09)!important;
}
.panel-head{border-bottom:1px solid #e2eee7!important}
.panel-head h2{color:#14231b!important}
.panel-head span{color:#789087!important}

.mini-card{
  background:#ffffff!important;
  border:1px solid #d5e8dc!important;
  box-shadow:0 7px 20px rgba(20,70,40,.07)!important;
}
.mini-card strong{color:#0b9445!important}

.primary-btn,.btn-primary,.primary{
  background:linear-gradient(135deg,#119447,#22b65a)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(22,163,74,.18)!important;
}
button:hover,.btn:hover{
  border-color:#9dccac!important;
  box-shadow:0 8px 18px rgba(20,70,40,.10)!important;
}

input,select,textarea{
  background:#ffffff!important;
  color:#14231b!important;
  border-color:#c9e1d2!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:#22a956!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.12)!important;
}

table{border-color:#d5e8dc!important;background:#fff!important}
th{background:#f0f8f3!important;color:#5f7568!important}
td{border-color:#e1eee6!important;color:#273b30!important}

@media(max-width:620px){
  .top-title{font-size:18px!important}
}