/* v11 — unified institutional emerald UI */
:root{
  --u950:#032c22;--u900:#054333;--u850:#07523e;--u800:#086149;--u700:#0a7658;
  --u600:#11906a;--u500:#20a97d;--u400:#53c79d;--u200:#bde6d6;--u100:#def3ea;--u50:#f2faf6;
  --uink:#102f26;--umut:#5f7d72;--uline:#cfe4db;--ushadow:0 18px 46px rgba(3,60,45,.10)
}

/* FRONTEND — green header/footer, one visual language */
.v10-public{background:linear-gradient(180deg,#f5fbf8 0%,#edf8f3 48%,#f9fcfb 100%)!important;color:var(--uink)}
.v10-public .site-header{height:86px;max-width:none;margin:0;padding:0 max(28px,calc((100vw - 1264px)/2 + 28px));background:linear-gradient(105deg,var(--u950) 0%,var(--u800) 58%,var(--u700) 100%);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 11px 30px rgba(3,44,34,.18);position:sticky;top:0}
.v10-public .brand-mark{width:50px;height:50px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.v10-public .brand-mark img{width:48px;height:48px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.16))}
.v10-public .brand-copy strong{color:#fff;font-size:15px}.v10-public .brand-copy small{color:rgba(238,255,248,.72)}
.v10-public .site-nav>a{color:rgba(239,255,249,.78);font-weight:750}.v10-public .site-nav>a:hover,.v10-public .site-nav>a.active{background:rgba(255,255,255,.11);color:#fff}
.v10-public .site-nav .nav-login{background:#fff;color:var(--u900);box-shadow:0 8px 22px rgba(1,31,24,.20)}
.v10-public .site-nav .nav-login:hover{background:#e9f8f1;color:var(--u900)}.v10-public .site-nav .nav-login b{background:var(--u100);color:var(--u800)}
.v10-public .nav-toggle{color:#fff}
.v10-public .hero-shell{padding-top:34px}.v10-public .hero-grid{background:radial-gradient(circle at 90% 11%,rgba(32,169,125,.18),transparent 28%),linear-gradient(135deg,#f4fbf8,#e3f3ec 58%,#d9eee5)!important;border-color:#c9e3d8!important;box-shadow:0 30px 80px rgba(4,67,50,.10)!important}
.v10-public .hero-console{box-shadow:0 34px 78px rgba(3,57,43,.20)!important}
.v10-public .metric-card,.v10-public .insight-card,.v10-public .capability-grid article{box-shadow:0 13px 36px rgba(4,67,50,.08)!important;border-color:#d1e6dd!important}
.v10-public .metric-card.featured{background:linear-gradient(145deg,var(--u900),var(--u700))!important}
.v10-public .flow-section{background:radial-gradient(circle at 100% 0%,rgba(83,199,157,.18),transparent 34%),linear-gradient(135deg,var(--u900),var(--u950))!important}
.v10-public .site-footer{background:linear-gradient(110deg,var(--u950),var(--u850) 58%,var(--u700));color:#fff;margin-top:90px;border-top:1px solid rgba(255,255,255,.10)}
.v10-public .site-footer a,.v10-public .site-footer strong{color:#fff}.v10-public .site-footer small,.v10-public .site-footer span,.v10-public .site-footer p{color:rgba(235,255,247,.70)}
.v10-public .site-footer img{background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.18))}

/* GUIDE — remove legacy yellow/gold and match public site */
.guide-page{background:linear-gradient(180deg,#f2faf6 0%,#eaf6f0 45%,#f9fcfb 100%)!important;color:var(--uink)!important}
.guide-page .uk-nav,.guide-page>.public-nav{height:86px;max-width:none!important;margin:0!important;padding:0 max(28px,calc((100vw - 1264px)/2 + 28px))!important;background:linear-gradient(105deg,var(--u950),var(--u800) 58%,var(--u700))!important;border:0!important;border-radius:0!important;box-shadow:0 11px 30px rgba(3,44,34,.18)!important;position:sticky!important;top:0;z-index:50}
.guide-page .uk-brand img,.guide-page .uk-footer-brand img,.guide-page .guide-ring img{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.14))}
.guide-page .uk-brand strong{color:#fff!important}.guide-page .uk-brand small{color:rgba(238,255,248,.70)!important}
.guide-page .uk-nav nav>a:not(.btn){color:rgba(239,255,249,.78)!important}.guide-page .uk-nav nav>a.active,.guide-page .uk-nav nav>a:hover{color:#fff!important;background:rgba(255,255,255,.10)!important}
.guide-page .uk-login-btn{background:#fff!important;color:var(--u900)!important;box-shadow:0 8px 22px rgba(1,31,24,.18)!important}
.guide-page .guide-hero{background:radial-gradient(circle at 88% 16%,rgba(93,210,167,.20),transparent 28%),linear-gradient(135deg,var(--u900),var(--u950))!important;border:1px solid rgba(255,255,255,.08)!important}
.guide-page .uk-pill{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important;color:#dff7ed!important}.guide-page .uk-pill span{background:#66d5ac!important}
.guide-page .guide-hero h1,.guide-page .guide-hero p{color:#fff!important}.guide-page .guide-hero h1 em{color:#a9ead0!important}
.guide-page .guide-nav{background:linear-gradient(180deg,var(--u900),var(--u950))!important;border:0!important;color:#fff!important;box-shadow:var(--ushadow)!important}.guide-page .guide-nav>span{color:#8eddbf!important}.guide-page .guide-nav a{color:rgba(238,255,248,.78)!important;border-color:rgba(255,255,255,.08)!important}.guide-page .guide-nav a:hover{color:#fff!important;background:rgba(255,255,255,.09)!important}
.guide-page .guide-step{background:linear-gradient(145deg,#fff,#f0faf5)!important;border-color:#cbe4d9!important;box-shadow:0 13px 34px rgba(4,67,50,.075)!important}.guide-page .guide-step>b{background:linear-gradient(135deg,var(--u700),var(--u900))!important;color:#fff!important;box-shadow:none!important}.guide-page .guide-step small{color:var(--u700)!important}.guide-page .guide-step h2{color:var(--uink)!important}.guide-page .guide-note{background:#e3f5ed!important;border-color:#bde0d1!important;color:#214d3f!important}.guide-page .guide-note span{background:var(--u800)!important;color:#fff!important}.guide-page .status-flow span{background:#e0f3eb!important;border-color:#bddfd1!important;color:#09654d!important}.guide-page .status-flow i{color:#338d6d!important}
.guide-page .guide-help{background:linear-gradient(135deg,#dff3ea,#f5fbf8)!important;border-color:#bddfd1!important}.guide-page .uk-dark-btn{background:linear-gradient(135deg,var(--u700),var(--u900))!important;color:#fff!important}
.guide-page .uk-footer{background:linear-gradient(110deg,var(--u950),var(--u850) 58%,var(--u700))!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.10)!important}.guide-page .uk-footer a,.guide-page .uk-footer strong{color:#fff!important}.guide-page .uk-footer span{color:rgba(238,255,248,.67)!important}
.guide-page [style*="#f"],.guide-page [class*="yellow"]{--warning:#0a7658!important}

/* BACKEND — readable full-height sidebar with visible navigation ruler */
.backend-page .sidebar{height:100vh;top:0;bottom:auto;padding:0!important;display:flex!important;overflow:hidden;background:linear-gradient(180deg,#075d47 0%,#064838 47%,#032f26 100%)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:17px 0 44px rgba(2,42,32,.18)!important}
.backend-page .sidebar-head{flex:0 0 auto;padding:18px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.backend-page .sidebar .brand{padding:7px 5px}.backend-page .sidebar-logo{background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.18))}
.backend-page .sidebar .brand-copy strong{color:#fff!important}.backend-page .sidebar .brand-copy span{color:rgba(230,255,246,.63)!important}
.backend-page .sidebar>.nav-caption{flex:0 0 auto;margin:15px 18px 7px!important;color:#8dd9bb!important}
.backend-page .nav-menu{flex:1 1 auto;min-height:0;overflow-y:scroll!important;overscroll-behavior:contain;padding:2px 9px 18px 12px;margin-right:4px;scrollbar-width:auto;scrollbar-color:#5bd1a5 rgba(255,255,255,.09)}
.backend-page .nav-menu::-webkit-scrollbar{width:9px}.backend-page .nav-menu::-webkit-scrollbar-track{background:rgba(255,255,255,.07);border-radius:20px;margin:5px 0}.backend-page .nav-menu::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#79dfb8,#24a97d);border:2px solid #064535;border-radius:20px}.backend-page .nav-menu::-webkit-scrollbar-thumb:hover{background:#8be7c4}
.backend-page .nav-menu:before{content:"GULIR MENU  ↓";display:block;position:sticky;top:0;z-index:2;margin:0 3px 8px;padding:6px 9px;border-radius:8px;background:rgba(3,46,36,.88);backdrop-filter:blur(7px);color:#8fdcbe;font-size:8px;font-weight:850;letter-spacing:1.15px;text-align:right}
.backend-page .nav-caption.section{color:#71c8a7!important;margin:18px 9px 5px!important}.backend-page .nav-link{color:rgba(238,255,248,.79)!important;margin-right:2px}.backend-page .nav-link:hover{background:rgba(255,255,255,.085)!important;color:#fff!important}.backend-page .nav-link.active{background:linear-gradient(100deg,rgba(70,201,153,.24),rgba(255,255,255,.08))!important;color:#fff!important;box-shadow:inset 3px 0 0 #62d6aa!important}.backend-page .nav-icon{background:rgba(255,255,255,.09)!important;color:#b8ead8!important}.backend-page .nav-link.active .nav-icon{background:#dff7ed!important;color:#07583f!important}
.backend-page .sidebar-footer{flex:0 0 auto;margin:0!important;padding:11px 14px 13px!important;background:rgba(2,35,28,.34);border-top:1px solid rgba(255,255,255,.09)!important}.backend-page .profile-copy strong{color:#fff!important}.backend-page .profile-copy span{color:#8fd4ba!important}.backend-page .logout-mini{color:#d5f5e9!important}.backend-page .avatar{background:#dff5ec!important;color:#07583f!important}
.backend-page .topbar{border-bottom-color:#d0e5dc!important}.backend-page .card,.backend-page .form-card{border-color:#cfe4da!important;box-shadow:0 10px 30px rgba(5,73,55,.07)!important}.backend-page .table-wrap{border-color:#c9e1d7!important}.backend-page th{background:#e7f5ef!important;color:#275d4c!important}.backend-page tbody tr:hover{background:#f0faf6!important}

@media(max-width:760px){
 .v10-public .site-header,.guide-page .uk-nav,.guide-page>.public-nav{padding-left:18px!important;padding-right:18px!important}
 .v10-public .site-nav{background:linear-gradient(180deg,var(--u900),var(--u950))!important;border-color:rgba(255,255,255,.08)!important}
 .v10-public .site-nav>a{color:#eafff7!important}
 .backend-page .nav-menu:before{content:"GULIR MENU ↓"}
}