:root{--lg-green:#059669;--lg-dark:#064e3b;--lg-soft:#ecfdf5;--lg-line:#dde7e1;--lg-text:#111827;--lg-muted:#667085}
html,body{background:#f7f9f8!important}
.of-shell{background:transparent!important}
.of-grid{background:#fff!important;border:1px solid var(--lg-line)!important;box-shadow:0 18px 48px rgba(16,24,40,.08)!important;overflow:hidden}
.of-brand-panel,.of-form-panel{background:#fff!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
.of-brand-panel:before,.of-brand-panel:after,.of-form-panel:before,.of-form-panel:after{display:none!important;content:none!important}
.of-brand strong{color:#111827!important}.of-brand strong span{color:var(--lg-green)!important}.of-brand-mark{background:var(--lg-dark)!important;color:#34d399!important}
.of-trust-pill{background:#101814!important;color:#fff!important;border:0!important}
.of-card-head small{color:var(--lg-green)!important}.of-lock{background:var(--lg-soft)!important;color:var(--lg-green)!important;border-color:#c8ead8!important}
.of-input{background:#fff!important;border:1px solid var(--lg-line)!important;box-shadow:none!important}.of-input:focus-within{border-color:#6bc997!important;box-shadow:0 0 0 3px rgba(5,150,105,.10)!important}
.of-primary,.wsu-primary{background:linear-gradient(135deg,#064e3b,#059669)!important;border-color:#047857!important;box-shadow:0 8px 18px rgba(5,150,105,.16)!important}.of-secondary{background:#fff!important;color:#111827!important;border-color:#34d399!important;box-shadow:none!important}
.of-kpis article,.of-feature-grid article{background:#fff!important;border:1px solid var(--lg-line)!important;box-shadow:none!important}
.wsu-card{background:#fff!important;border:1px solid var(--lg-line)!important;box-shadow:0 24px 70px rgba(16,24,40,.18)!important}.wsu-card:before,.wsu-card:after{display:none!important}.wsu-header{background:#fff!important;border-bottom:1px solid var(--lg-line)!important}.wsu-header small{color:var(--lg-green)!important}.wsu-grid input,.wsu-grid select,.wsu-otp input{background:#fff!important;border-color:var(--lg-line)!important;box-shadow:none!important}.wsu-grid input:focus,.wsu-grid select:focus,.wsu-otp input:focus{border-color:#6bc997!important;box-shadow:0 0 0 3px rgba(5,150,105,.10)!important}
@media(max-width:900px){.of-shell{padding:12px!important}.of-grid{display:block!important;min-height:auto!important}.of-brand-panel{display:none!important}.of-form-panel{min-height:calc(100vh - 110px)!important;padding:22px 16px!important}.of-login-card{width:min(100%,480px)!important;margin:auto!important}.of-footer{padding:12px 4px 6px!important;gap:10px!important;flex-wrap:wrap!important}.of-footer nav{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.wsu-card{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}}