/* eSAKIP & IKU Universitas — Professional Emerald Theme v9 */
:root{
  --emerald-950:#042f27;--emerald-900:#06483a;--emerald-850:#075443;--emerald-800:#08624d;
  --emerald-700:#0b765a;--emerald-600:#0f8f6b;--emerald-500:#1eaa7f;--emerald-400:#4bc49c;
  --emerald-200:#bfe6d7;--emerald-100:#def2ea;--emerald-50:#f0faf6;
  --ink-900:#12352d;--ink-700:#3e6258;--ink-500:#728a83;--line:#d6e7e0;
  --paper:#ffffff;--canvas:#eef6f2;--danger:#b74646;--warning:#9b6812;
  --shadow-sm:0 7px 20px rgba(4,72,58,.07);--shadow-md:0 16px 40px rgba(4,72,58,.10);--shadow-lg:0 28px 70px rgba(4,72,58,.16);
  --radius-sm:12px;--radius-md:18px;--radius-lg:28px;
}
html,body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink-900)}
body{background:var(--canvas)}

/* BACKEND — single emerald visual language */
.backend-page{background:linear-gradient(145deg,#eaf5f0 0%,#f7fbf9 48%,#e8f4ee 100%);color:var(--ink-900)}
.backend-page .app-shell{min-height:100vh}
.backend-page .sidebar{background:linear-gradient(165deg,var(--emerald-900) 0%,var(--emerald-800) 42%,var(--emerald-950) 100%)!important;color:#fff!important;box-shadow:18px 0 50px rgba(2,42,34,.22)!important;border-right:1px solid rgba(255,255,255,.07)}
.backend-page .sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 6%,rgba(75,196,156,.22),transparent 28%),radial-gradient(circle at 90% 72%,rgba(30,170,127,.11),transparent 35%)}
.backend-page .sidebar>*{position:relative;z-index:1}.backend-page .sidebar-logo{background:#fff;border-radius:14px;padding:5px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.backend-page .brand-copy strong{color:#fff}.backend-page .brand-copy span{color:rgba(255,255,255,.66)!important}.backend-page .nav-caption{color:rgba(218,247,235,.52)!important;font-size:9px;letter-spacing:1.55px}
.backend-page .nav-link{color:rgba(245,255,251,.84)!important;border:1px solid transparent;background:transparent!important;font-weight:700}
.backend-page .nav-link .nav-icon{background:rgba(255,255,255,.08)!important;color:#dff8ed!important;border:1px solid rgba(255,255,255,.07)}
.backend-page .nav-link:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.08);transform:translateX(2px)}
.backend-page .nav-link.active{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10))!important;color:#fff!important;border-color:rgba(255,255,255,.18);box-shadow:0 10px 25px rgba(0,0,0,.14),inset 3px 0 0 #6be0b7!important}
.backend-page .nav-link.active .nav-icon{background:#fff!important;color:var(--emerald-800)!important;border-color:#fff}
.backend-page .sidebar-footer{border-color:rgba(255,255,255,.12)}.backend-page .avatar{background:linear-gradient(135deg,#c9f2e2,#78d9b6)!important;color:var(--emerald-950)!important}.backend-page .profile-copy strong{color:#fff}.backend-page .profile-copy span{color:rgba(255,255,255,.58)!important}.backend-page .logout-mini{color:#ddf8ed!important}.backend-page .logout-mini:hover{background:rgba(255,255,255,.10)!important}
.backend-page .main{background:transparent}.backend-page .topbar{background:rgba(248,252,250,.89)!important;border-bottom:1px solid rgba(160,198,183,.38)!important;box-shadow:0 7px 25px rgba(4,72,58,.045);backdrop-filter:blur(18px)}
.backend-page .eyebrow{color:var(--emerald-700)!important}.backend-page .topbar h1{color:var(--emerald-950);font-weight:800}.backend-page .topbar p{color:#688078}.backend-page .date-chip{background:#ecf7f2!important;border-color:#cfe6dc!important;color:var(--emerald-800)!important}.backend-page .dot-live{background:#20ad7d;box-shadow:0 0 0 4px #d7f4e8}.backend-page .top-avatar{background:linear-gradient(135deg,var(--emerald-800),var(--emerald-600))!important;box-shadow:0 7px 18px rgba(8,98,77,.21)}
.backend-page .content-wrap{background:transparent!important;padding-top:28px}.backend-page .page-footer{color:#789188}
.backend-page .card,.backend-page .form-card{background:linear-gradient(145deg,#ffffff 0%,#f7fcfa 100%)!important;border:1px solid #d1e6dd!important;border-radius:20px!important;box-shadow:var(--shadow-sm)!important}.backend-page .card:hover{border-color:#b9dacd}.backend-page .card h3,.backend-page .card h4{color:#163e33}.backend-page .card-subtitle{color:#6e867e}
.backend-page .metric{background:linear-gradient(145deg,#fff 0%,#f0faf6 100%)!important;overflow:hidden}.backend-page .metric:after{background:linear-gradient(145deg,#dff4eb,#ccecdf)!important;opacity:.72}.backend-page .metric .metric-icon{background:linear-gradient(135deg,#ddf5eb,#c4ebdc)!important;color:var(--emerald-800)!important;border:1px solid #c5e7da}.backend-page .metric strong{color:var(--emerald-950)!important}.backend-page .metric span{color:#5e7970}.backend-page .metric small{color:#82958f}
.backend-page .btn{border-color:#bdd7cc!important;background:#fafffd!important;color:var(--emerald-800)!important;box-shadow:none}.backend-page .btn:hover{background:#eff9f5!important;border-color:#85bea9!important;box-shadow:0 8px 18px rgba(4,72,58,.08)}.backend-page .btn.primary{background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 9px 20px rgba(8,98,77,.18)}.backend-page .btn.soft{background:#e7f5ef!important;color:#0b6d54!important;border-color:#cce7dc!important}.backend-page .btn.danger{background:#fff8f8!important;color:#a43f3f!important;border-color:#edcaca!important}
.backend-page input,.backend-page select,.backend-page textarea,.backend-page .toolbar input,.backend-page .toolbar select{background:#fbfefd!important;color:#173e34!important;border:1px solid #bed9ce!important;border-radius:12px!important}.backend-page input:focus,.backend-page select:focus,.backend-page textarea:focus,.backend-page .toolbar input:focus,.backend-page .toolbar select:focus{border-color:var(--emerald-500)!important;box-shadow:0 0 0 4px rgba(30,170,127,.11)!important;background:#fff!important}.backend-page label,.backend-page .field-label,.backend-page .toolbar label{color:#44675d!important}.backend-page input[type="checkbox"]{accent-color:var(--emerald-700)}
.backend-page .table-wrap{border-color:#d0e4dc!important;border-radius:16px!important;box-shadow:0 5px 15px rgba(4,72,58,.035)}.backend-page table{background:#fff!important}.backend-page th{background:linear-gradient(180deg,#edf8f3,#e8f4ef)!important;color:#4a6d62!important;border-color:#d9e9e3!important;padding-top:14px;padding-bottom:14px}.backend-page td{border-color:#e5efeb!important;color:#294f45}.backend-page tbody tr:hover{background:#f4fbf8!important}.backend-page .iku-code{background:#e1f3eb!important;color:#09684f!important;border:1px solid #cbe9dd}
.backend-page .status.hijau,.backend-page .status.valid,.backend-page .status.aktif{background:#def4e9!important;color:#176c4d!important}.backend-page .status.kuning,.backend-page .status.diajukan{background:#f4eedf!important;color:#83601e!important}.backend-page .status.merah,.backend-page .status.perlu-perbaikan{background:#faeaea!important;color:#9d4141!important}.backend-page .status.draft{background:#eef3f1!important;color:#5f736d!important}
.backend-page .info-box,.backend-page .details-panel,.backend-page .evidence-list li{background:#f3faf7!important;border-color:#d3e7df!important}.backend-page .progress{background:#dcebe5!important}.backend-page .progress>span{background:linear-gradient(90deg,var(--emerald-700),var(--emerald-400))!important}.backend-page .alert.success{background:#e2f5ec!important;border-color:#c8e9dc!important;color:#1b674c!important}.backend-page .alert.danger{background:#fbecec!important;border-color:#efd0d0!important;color:#983e3e!important}
.backend-page .pagination{padding-top:20px}.backend-page .page-btn{background:#f4fbf8!important;border-color:#c5ded4!important;color:#0a694f!important}.backend-page .page-btn:hover{background:#e6f5ef!important;border-color:#7cbca4!important}.backend-page .page-btn.active{background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900))!important;color:#fff!important;border-color:transparent!important}.backend-page .period-guide{background:linear-gradient(145deg,#edf9f4,#e2f4ec)!important;border-color:#c9e4d8!important}.backend-page .period-status-grid article{background:rgba(255,255,255,.75)!important;border-color:#cce4d9!important}
.backend-page .identity-preview,.backend-page .identity-preview-card,.backend-page .identity-logo-box,.backend-page .compact-card,.backend-page .org-summary,.backend-page .org-legend{background:linear-gradient(145deg,#fbfffd,#edf8f3)!important;border-color:#cfe5dc!important}.backend-page .role-badge,.backend-page .table-avatar{background:#daf1e7!important;color:#08664e!important}.backend-page .switch-line{background:#f0f8f4!important;border-color:#d3e7df!important}

/* PUBLIC — premium green, no yellow/gold */
.public-page.unkhair-public{background:linear-gradient(180deg,#f8fcfa 0%,#eff8f4 44%,#f9fcfb 100%)!important;color:var(--ink-900)!important}
.unkhair-public .uk-nav{background:rgba(250,253,252,.91)!important;border-bottom:1px solid rgba(114,171,149,.24)!important;box-shadow:0 10px 34px rgba(4,72,58,.08)!important;backdrop-filter:blur(18px)}.unkhair-public .uk-brand img{background:#fff;border-radius:12px;padding:3px;box-shadow:0 5px 16px rgba(4,72,58,.10)}.unkhair-public .uk-brand strong{color:var(--emerald-950)!important}.unkhair-public .uk-brand small{color:#658078!important}.unkhair-public .uk-nav nav>a:not(.btn){color:#365f53!important;font-weight:700}.unkhair-public .uk-nav nav>a.active,.unkhair-public .uk-nav nav>a:hover{color:var(--emerald-700)!important}.unkhair-public .uk-login-btn{background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900))!important;color:#fff!important;border:none!important;box-shadow:0 10px 24px rgba(8,98,77,.19)}
.unkhair-public .uk-hero{min-height:710px;background:radial-gradient(circle at 10% 15%,rgba(75,196,156,.18),transparent 29%),radial-gradient(circle at 85% 17%,rgba(15,143,107,.15),transparent 32%),linear-gradient(145deg,#f2faf6 0%,#e0f3eb 48%,#f9fcfb 100%)!important;border-bottom:1px solid #dcece6}.unkhair-public .hero-orb{background:linear-gradient(135deg,rgba(30,170,127,.13),rgba(6,72,58,.04))!important;filter:blur(2px)}.unkhair-public .uk-pill{background:rgba(255,255,255,.75)!important;border:1px solid #c4e4d7!important;color:#0a6c52!important;box-shadow:0 8px 22px rgba(4,72,58,.06)}.unkhair-public .uk-pill span{background:var(--emerald-500)!important;box-shadow:0 0 0 5px rgba(30,170,127,.12)}.unkhair-public .hero-copy h1{color:#0c392e!important;letter-spacing:-2.2px}.unkhair-public .hero-copy h1 em{color:var(--emerald-700)!important;font-style:normal}.unkhair-public .hero-copy>p{color:#527268!important;font-size:17px;line-height:1.8}.unkhair-public .uk-primary{background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900))!important;color:#fff!important;border:none!important;box-shadow:0 14px 30px rgba(8,98,77,.20)}.unkhair-public .uk-ghost{background:rgba(255,255,255,.70)!important;border:1px solid #afd6c6!important;color:#0b674f!important}.unkhair-public .uk-trust span{color:#4d6f64!important}
.unkhair-public .uk-dashboard-mockup{background:linear-gradient(145deg,#fff,#eef9f4)!important;border:1px solid #bddfd1!important;box-shadow:var(--shadow-lg)!important}.unkhair-public .mockup-top{background:#f7fcfa!important;border-color:#d6e8e1!important}.unkhair-public .mock-dots i{background:#7ebba5!important}.unkhair-public .mock-side{background:linear-gradient(180deg,var(--emerald-800),var(--emerald-950))!important}.unkhair-public .mock-side i{background:rgba(255,255,255,.16)!important}.unkhair-public .mock-cards article{background:#f4fbf8!important;border-color:#d5e9e1!important}.unkhair-public .mock-title strong{color:var(--emerald-900)!important}.unkhair-public .mock-badge{background:#ddf4ea!important;color:#0a6c52!important}.unkhair-public .mock-chart{background:#f8fcfa!important;border-color:#dcebe5!important}.unkhair-public .mock-chart i{background:linear-gradient(180deg,#58caa3,var(--emerald-700))!important}.unkhair-public .mock-data-row{border-color:#e2eee9!important}.unkhair-public .scroll-cue{color:#5f7b72!important}
.unkhair-public .uk-stat-strip{background:linear-gradient(125deg,var(--emerald-900) 0%,var(--emerald-800) 46%,var(--emerald-950) 100%)!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 55px rgba(4,72,58,.22)!important}.unkhair-public .uk-stat-strip article>span{color:#96d9c1!important}.unkhair-public .uk-stat-strip small{color:rgba(236,255,247,.68)!important}.unkhair-public .uk-stat-strip strong{color:#fff!important}.unkhair-public .uk-stat-strip em{color:#9fe1c9!important}.unkhair-public .stat-link:hover{background:rgba(255,255,255,.065)!important}
.unkhair-public .eyebrow-accent{color:var(--emerald-700)!important}.unkhair-public .section-heading h2{color:#123d32!important;letter-spacing:-1.1px}.unkhair-public .section-heading h2 span{color:var(--emerald-700)!important}.unkhair-public .section-heading p{color:#647f76!important}.unkhair-public .overview-card{background:linear-gradient(145deg,#fff,#f0faf5)!important;border:1px solid #cce5da!important;box-shadow:var(--shadow-sm)!important}.unkhair-public .overview-card.primary{background:linear-gradient(145deg,var(--emerald-800),var(--emerald-950))!important;border-color:transparent!important;box-shadow:0 17px 35px rgba(4,72,58,.18)!important}.unkhair-public .ov-icon{background:#dff4eb!important;color:#0a6d53!important;border:1px solid #c8e9dc}.unkhair-public .overview-card.primary .ov-icon{background:rgba(255,255,255,.15)!important;color:#e5fff4!important;border-color:rgba(255,255,255,.17)}.unkhair-public .overview-card strong{color:#123d32!important}.unkhair-public .overview-card.primary strong,.unkhair-public .overview-card.primary small,.unkhair-public .overview-card.primary span{color:#fff!important}.unkhair-public .overview-card span{color:#6d847c!important}
.unkhair-public .performance-panel{background:linear-gradient(145deg,#fff,#f2faf6)!important;border:1px solid #cbe3d8!important;box-shadow:var(--shadow-md)!important}.unkhair-public .performance-head h2,.unkhair-public .perf-name strong{color:#123d32!important}.unkhair-public .performance-head p,.unkhair-public .perf-name small{color:#70877f!important}.unkhair-public .performance-head>a,.unkhair-public .perf-value{color:var(--emerald-700)!important}.unkhair-public .perf-code{background:linear-gradient(135deg,var(--emerald-800),var(--emerald-900))!important;color:#dcf7ec!important}.unkhair-public .perf-progress span{background:#dcece5!important}.unkhair-public .perf-progress i{background:linear-gradient(90deg,var(--emerald-700),var(--emerald-400))!important}.unkhair-public .performance-row{border-color:#e1eee9!important}
.unkhair-public .uk-feature-grid article{background:linear-gradient(145deg,#fff,#eff9f5)!important;border:1px solid #cde5db!important;box-shadow:var(--shadow-sm)!important;transition:.25s ease}.unkhair-public .uk-feature-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)!important;border-color:#a8d4c3!important}.unkhair-public .feature-icon{background:#dcf4ea!important;color:var(--emerald-700)!important;border:1px solid #c6e7da}.unkhair-public .uk-feature-grid small{color:#789188!important}.unkhair-public .uk-feature-grid h3{color:#153e33!important}.unkhair-public .uk-feature-grid p{color:#647f76!important}.unkhair-public .feature-link{color:var(--emerald-700)!important}
.unkhair-public .uk-workflow-section{background:radial-gradient(circle at 100% 0%,rgba(71,205,157,.16),transparent 34%),linear-gradient(135deg,var(--emerald-900),var(--emerald-950))!important;box-shadow:0 26px 62px rgba(4,72,58,.23)!important}.unkhair-public .workflow-copy h2{color:#fff!important}.unkhair-public .workflow-copy h2 span{color:#8fe0c3!important}.unkhair-public .workflow-copy p{color:rgba(237,255,248,.72)!important}.unkhair-public .workflow-cta{color:#99e6ca!important}.unkhair-public .uk-timeline>div{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10)!important}.unkhair-public .uk-timeline b{background:linear-gradient(135deg,#83dcbb,#46bb92)!important;color:#073f31!important}.unkhair-public .uk-timeline strong{color:#fff!important}.unkhair-public .uk-timeline small{color:rgba(237,255,248,.62)!important}
.unkhair-public .uk-cta-section{background:linear-gradient(135deg,#e4f5ed,#f8fcfa)!important;border:1px solid #c4e1d5!important;box-shadow:var(--shadow-sm)!important}.unkhair-public .uk-cta-section h2{color:#123d32!important}.unkhair-public .uk-cta-section p{color:#627d74!important}.unkhair-public .uk-dark-btn{background:linear-gradient(135deg,var(--emerald-800),var(--emerald-950))!important;color:#fff!important;border:none!important}.unkhair-public .uk-footer{background:linear-gradient(135deg,var(--emerald-950),#03231d)!important;border-top:1px solid rgba(255,255,255,.08)}

/* LOGIN — premium emerald mockup phone */
.phone-login-page.uk-login-page{background:radial-gradient(circle at 17% 12%,rgba(75,196,156,.24),transparent 29%),radial-gradient(circle at 84% 82%,rgba(15,143,107,.20),transparent 34%),linear-gradient(145deg,#eef9f4 0%,#dcefe7 45%,#f8fcfa 100%)!important;color:#123d32!important}.phone-login-page .login-bg-grid{opacity:.26!important;background-image:linear-gradient(rgba(8,98,77,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(8,98,77,.075) 1px,transparent 1px)!important}.phone-login-page .green-glow{background:radial-gradient(circle,#51c99f 0%,rgba(81,201,159,0) 70%)!important;opacity:.22!important}.phone-login-page .login-back,.phone-login-page .login-guide-link{background:rgba(255,255,255,.72)!important;border:1px solid #bddccd!important;color:#0a684f!important;box-shadow:0 7px 20px rgba(4,72,58,.06)}.phone-login-page .login-uk-brand strong{color:#0b3d31!important}.phone-login-page .login-uk-brand span{color:#647f76!important}.phone-login-page .uk-badge{background:#def3ea!important;color:#0a6b52!important;border:1px solid #c4e5d8!important}.phone-login-page .login-message h1{color:#0a382d!important;letter-spacing:-1.6px}.phone-login-page .login-message h1 em{color:var(--emerald-700)!important;font-style:normal}.phone-login-page .login-message>p{color:#527168!important}.phone-login-page .login-points span{color:#315e51!important}.phone-login-page .uk-phone-frame{background:linear-gradient(145deg,#0b3d31,#041f19)!important;box-shadow:0 38px 90px rgba(3,47,39,.29)!important}.phone-login-page .uk-phone-screen{background:linear-gradient(180deg,#fbfefd 0%,#edf8f3 100%)!important}.phone-login-page .uk-phone-logo{background:linear-gradient(145deg,#fff,#edf8f3)!important;border:1px solid #c9e2d8!important;box-shadow:0 8px 20px rgba(4,72,58,.07)}.phone-login-page .phone-welcome span{color:var(--emerald-700)!important}.phone-login-page .phone-welcome h2{color:#123d32!important}.phone-login-page .phone-welcome p,.phone-login-page .phone-security{color:#70877f!important}.phone-login-page .phone-input{background:#fff!important;border:1px solid #bfdacf!important}.phone-login-page .phone-input:focus-within{border-color:var(--emerald-500)!important;box-shadow:0 0 0 4px rgba(30,170,127,.11)!important}.phone-login-page .phone-input>span{color:#0c7156!important}.phone-login-page .phone-input button{color:#0b6b51!important}.phone-login-page .phone-captcha>div{background:#f6fbf9!important;border:1px solid #c6e0d5!important}.phone-login-page .phone-captcha button{background:#e1f3eb!important;color:#0b694f!important;border-color:#c7e3d7!important}.phone-login-page .uk-phone-submit{background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900))!important;color:#fff!important;box-shadow:0 13px 27px rgba(8,98,77,.22)!important}.phone-login-page .home-indicator{background:#1a4339!important}.phone-login-page .login-alert{font-size:11px}

/* GUIDE & PUBLIC DETAIL */
.guide-page,.public-detail-page{background:linear-gradient(145deg,#eef8f4,#fbfefd)!important;color:var(--ink-900)!important}.guide-nav,.public-detail-page .public-nav{background:rgba(250,253,252,.91)!important;border-color:#d2e6de!important;box-shadow:0 8px 28px rgba(4,72,58,.07)!important}.guide-hero{background:radial-gradient(circle at 90% 5%,rgba(75,196,156,.17),transparent 30%),linear-gradient(135deg,var(--emerald-900),var(--emerald-950))!important;box-shadow:var(--shadow-lg)!important}.guide-step{background:linear-gradient(145deg,#fff,#f0faf5)!important;border-color:#cce4da!important;box-shadow:var(--shadow-sm)!important}.guide-step b{background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900))!important;color:#fff!important}.guide-note,.guide-help{background:#edf8f3!important;border-color:#c9e2d7!important}.public-detail-hero{background:linear-gradient(145deg,#fff,#e8f6ef)!important;border:1px solid #c4dfd3!important;box-shadow:var(--shadow-md)!important}.detail-hero-badge{background:linear-gradient(145deg,var(--emerald-800),var(--emerald-950))!important}.detail-hero-badge b{color:#bfead9!important}.public-data-card{background:linear-gradient(145deg,#fff,#f3faf7)!important;border-color:#d0e5dc!important;box-shadow:var(--shadow-sm)!important}.public-data-card:hover{border-color:#8bc3ad!important;box-shadow:var(--shadow-md)!important}.data-code{background:linear-gradient(135deg,var(--emerald-800),var(--emerald-900))!important;color:#d9f6eb!important}.data-value{background:#e0f4eb!important;color:#09694f!important}

/* Responsive refinements */
@media(max-width:980px){.unkhair-public .uk-hero{min-height:auto}.unkhair-public .hero-copy h1{letter-spacing:-1.25px}.backend-page .sidebar{box-shadow:20px 0 55px rgba(2,42,34,.28)!important}}
@media(max-width:640px){.backend-page .topbar{background:rgba(248,252,250,.95)!important}.backend-page .card,.backend-page .form-card{border-radius:16px!important}.unkhair-public .uk-stat-strip{border-radius:18px!important}.phone-login-page .uk-phone-frame{box-shadow:0 24px 60px rgba(3,47,39,.24)!important}}