/* Koso production theme: 40% white, 30% black, 30% Koso green */
:root{
  --primary:#0B6B57!important;
  --primary-light:#168B72!important;
  --primary-dark:#050B0A!important;
  --accent:#16A085!important;
  --accent-glow:rgba(22,160,133,.16)!important;
  --bg:#F6F8F7!important;
  --bg-secondary:#FFFFFF!important;
  --bg-tertiary:#EDF3F1!important;
  --text-primary:#090D0C!important;
  --text-secondary:#53615D!important;
  --text-tertiary:#7B8985!important;
  --text-faint:#8E9B97!important;
  --border:#DDE7E3!important;
  --border-soft:#EDF3F1!important;
  --border-strong:#C7D6D1!important;
  --success:#0E9F6E!important;
  --warning:#D97706!important;
  --danger:#DC2626!important;
  --info:#2563EB!important;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05)!important;
  --shadow-md:0 8px 24px rgba(0,0,0,.08)!important;
  --shadow-lg:0 18px 45px rgba(0,0,0,.11)!important;
  --shadow-xl:0 28px 70px rgba(0,0,0,.14)!important;
}
html{background:#F6F8F7}
body{background:#F6F8F7;color:#090D0C}
.sidebar{background:linear-gradient(180deg,#090D0C 0%,#050807 66%,#0B6B57 140%)!important}
.brand-icon,.login-logo-icon{background:linear-gradient(135deg,#0B6B57,#16A085)!important;color:#fff!important;box-shadow:0 10px 28px rgba(11,107,87,.25)}
.nav-item:hover,.nav-item.active{background:rgba(22,160,133,.18)!important;border-color:rgba(22,160,133,.32)!important}
.wallet-card,.loan-card,.account-overview-card,.transfer-card,.card,.auth-card,.profile-card,.stat-card,.metric-card,.panel,.content-card{
  border-color:#DDE7E3!important;
  box-shadow:0 14px 36px rgba(0,0,0,.075)!important;
}
.wallet-card,.loan-card{background:linear-gradient(135deg,#090D0C 0%,#0B6B57 120%)!important}
button,.btn,.send-btn,.btn-primary,.wallet-action-btn.primary,.btn-login{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,filter .18s ease!important;
}
button:hover,.btn:hover,.send-btn:hover,.btn-primary:hover,.wallet-action-btn.primary:hover,.btn-login:hover{transform:translateY(-1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(22,160,133,.24)!important;outline-offset:2px!important
}
input,select,textarea{border-color:#DDE7E3!important;background:#fff!important;color:#090D0C!important}
input:focus,select:focus,textarea:focus{border-color:#16A085!important;box-shadow:0 0 0 4px rgba(22,160,133,.12)!important}
.toast,.message,.alert{border-radius:14px!important;box-shadow:0 14px 38px rgba(0,0,0,.14)!important}
.modal-content,.splash-box{border:1px solid #DDE7E3!important;box-shadow:0 30px 90px rgba(0,0,0,.22)!important}
.header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid #DDE7E3!important}
.koso-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(22,160,133,.11);color:#0B6B57;font-size:12px;font-weight:700;border:1px solid rgba(22,160,133,.2)}
@media(max-width:768px){.main,.content{background:#F6F8F7!important}.header{padding-left:16px!important;padding-right:16px!important}}
.receipt-download-btn{width:100%;margin-top:10px;border:1px solid #CFE9E1;background:#EDF8F5;color:#0B6B57;border-radius:12px;padding:12px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.splash-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.splash-actions .splash-close-btn{margin-top:0!important;width:100%!important}
@media(max-width:520px){.splash-actions{grid-template-columns:1fr}}