:root{--navy:#071d3d;--blue:#0b4d91;--cyan:#16a6c9;--gold:#f3b51b;--ink:#14243b;--muted:#6d7b8f;--surface:#fff;--line:#e6ebf2;--shadow:0 20px 55px rgba(7,29,61,.14)}
*{box-sizing:border-box}.ekir-login-page{min-height:100vh;margin:0;padding:36px;background:radial-gradient(circle at 10% 10%,rgba(22,166,201,.25),transparent 32%),linear-gradient(135deg,#06172f,#0b3f73 58%,#0d7895);font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);display:grid;place-items:center}.login-shell{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:1.12fr .88fr;background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:30px;overflow:hidden;box-shadow:0 35px 100px rgba(0,10,30,.35)}.login-brand-panel{position:relative;padding:64px;background:linear-gradient(145deg,rgba(6,25,53,.92),rgba(9,68,117,.88)),url('../img/city.jpg') center/cover;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:280px;height:280px;border:55px solid rgba(243,181,27,.12);border-radius:50%;right:-90px;bottom:-80px}.brand-badge{align-self:flex-start;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:99px;font-size:11px;font-weight:700;letter-spacing:1.4px;background:rgba(255,255,255,.08)}.brand-mark img{width:92px;height:92px;object-fit:contain;margin:40px 0 24px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.25))}.brand-overline{color:#9edcec;text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:700}.login-brand-panel h1{font-size:46px;line-height:1.12;max-width:550px;margin:10px 0 20px;color:#fff;font-weight:750}.brand-description{max-width:520px;font-size:16px;line-height:1.75;color:#d6e5f1}.service-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:36px;color:#eef8fb;font-size:13px}.login-container{padding:72px 58px!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;display:flex;flex-direction:column;justify-content:center}.mobile-brand{display:none}.form-eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.8px;margin:0 0 10px}.login-title{text-align:left!important;color:var(--navy)!important;font-size:32px!important;font-weight:750!important;margin:0 0 10px!important}.login-subtitle{color:var(--muted);line-height:1.6;margin-bottom:30px}.login-container .form-label{font-size:13px;font-weight:700;color:#33445c;margin-bottom:8px}.login-container .form-control{height:54px;border:1px solid #d9e0ea;border-radius:12px;padding:0 16px;background:#f9fbfd;transition:.2s}.login-container .form-control:focus{background:#fff;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(22,166,201,.12)}.btn-login{height:55px;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,var(--navy),var(--blue))!important;font-weight:700!important;box-shadow:0 12px 24px rgba(11,77,145,.23);display:flex;justify-content:center;align-items:center;gap:12px}.btn-login:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(11,77,145,.3)}.security-note{margin:20px 0 0;text-align:center;color:#718096;font-size:12px}
body:not(.ekir-login-page){background:#f3f6fa;color:var(--ink)}body:not(.ekir-login-page) .main-panel{background:linear-gradient(180deg,#edf4f9 0,#f7f9fc 360px)}body:not(.ekir-login-page) .navbar{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 4px 24px rgba(7,29,61,.05)}body:not(.ekir-login-page) .navbar-brand{color:var(--navy)!important;font-weight:750;letter-spacing:.3px}body:not(.ekir-login-page) .sidebar{background:linear-gradient(180deg,#061b38,#0a4274)!important;box-shadow:10px 0 35px rgba(5,25,52,.14)}body:not(.ekir-login-page) .sidebar:before{background:transparent!important}body:not(.ekir-login-page) .sidebar .logo{border-bottom:1px solid rgba(255,255,255,.12)}body:not(.ekir-login-page) .sidebar .logo a,body:not(.ekir-login-page) .sidebar .nav p,body:not(.ekir-login-page) .sidebar .nav i{color:#e9f5fb!important}body:not(.ekir-login-page) .sidebar .nav li.active>a,body:not(.ekir-login-page) .sidebar .nav li:hover>a{background:linear-gradient(100deg,var(--cyan),#1478b4)!important;box-shadow:0 10px 24px rgba(0,0,0,.2);border-radius:12px}body:not(.ekir-login-page) .card{border:1px solid rgba(7,29,61,.06);border-radius:18px;box-shadow:0 14px 40px rgba(7,29,61,.08);overflow:hidden}body:not(.ekir-login-page) .card-header{border-radius:14px!important}body:not(.ekir-login-page) .card-header-warning,body:not(.ekir-login-page) .card-header-danger,body:not(.ekir-login-page) .card-header-info,body:not(.ekir-login-page) .card-header-success{background:linear-gradient(110deg,var(--navy),var(--blue))!important;box-shadow:0 10px 25px rgba(11,77,145,.22)!important}body:not(.ekir-login-page) .btn-primary{background:linear-gradient(100deg,var(--navy),var(--blue));border:0;border-radius:10px}body:not(.ekir-login-page) .table thead th{color:var(--blue)!important;font-size:12px;text-transform:uppercase;letter-spacing:.7px;border-bottom:2px solid #dfe8f1}body:not(.ekir-login-page) .content{padding-top:95px}.dishub-brand{display:flex!important;align-items:center;gap:10px}.dishub-brand img{width:38px;height:38px;object-fit:contain}.dishub-brand span{line-height:1.2}.dishub-brand small{display:block;color:#9edcec;font-size:9px;letter-spacing:1px}
@media(max-width:850px){.ekir-login-page{padding:16px}.login-shell{display:block;min-height:0;border-radius:22px}.login-brand-panel{display:none}.login-container{padding:42px 28px!important}.mobile-brand{display:block}.mobile-brand img{width:72px;height:72px;object-fit:contain;margin-bottom:25px}.login-title{font-size:27px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.login-developer{display:inline-block;margin-top:6px;color:#718096}.login-developer strong{color:var(--blue);font-weight:700}

/* Dashboard premium Dishub: kontras tinggi dan palet terpadu. */
body:not(.ekir-login-page){--dishub-navy:#082b55;--dishub-blue:#07579d;--dishub-sky:#13a5cf;--dishub-yellow:#f7b718;font-family:Roboto,"Segoe UI",sans-serif;background:#eef3f8!important;color:#24364d!important}
body:not(.ekir-login-page) .sidebar,
body:not(.ekir-login-page) .sidebar[data-background-color="black"]{background:linear-gradient(180deg,#061f40 0%,#073865 58%,#075787 100%)!important}
body:not(.ekir-login-page) .sidebar:before,
body:not(.ekir-login-page) .sidebar:after,
body:not(.ekir-login-page) .sidebar .sidebar-background,
body:not(.ekir-login-page) .sidebar .sidebar-background:after{background:transparent!important;opacity:0!important}
body:not(.ekir-login-page) .sidebar .logo{padding:20px 15px!important;background:rgba(2,18,39,.2);border-bottom:1px solid rgba(255,255,255,.16)!important}
body:not(.ekir-login-page) .dishub-brand{color:#fff!important;font-weight:700!important;font-size:15px!important;letter-spacing:.3px!important}
body:not(.ekir-login-page) .dishub-brand img{width:43px;height:43px;padding:3px;background:#fff;border-radius:11px;box-shadow:0 7px 18px rgba(0,0,0,.2)}
body:not(.ekir-login-page) .dishub-brand small{margin-top:4px;color:#8eddf1!important;font-weight:600}
body:not(.ekir-login-page) .sidebar .nav{padding:18px 12px}
body:not(.ekir-login-page) .sidebar .nav li>a{margin:7px 0!important;padding:13px 16px!important;border-radius:11px!important;background:transparent!important}
body:not(.ekir-login-page) .sidebar .nav p,body:not(.ekir-login-page) .sidebar .nav i{color:#d9eff8!important;font-weight:500!important;opacity:1!important}
body:not(.ekir-login-page) .sidebar .nav li.active>a{background:linear-gradient(100deg,#0f9fc8,#0874ae)!important;box-shadow:0 10px 24px rgba(0,12,30,.28)!important}
body:not(.ekir-login-page) .sidebar .nav li:hover>a{background:rgba(255,255,255,.12)!important}
body:not(.ekir-login-page) .main-panel{min-height:100vh;background:linear-gradient(180deg,#eaf2f8 0,#f6f8fb 440px)!important}
body:not(.ekir-login-page) .navbar{min-height:76px;background:rgba(255,255,255,.96)!important;border-top:4px solid var(--dishub-yellow);box-shadow:0 7px 26px rgba(8,43,85,.08)!important}
body:not(.ekir-login-page) .navbar-brand{color:var(--dishub-navy)!important;font-size:21px!important;font-weight:700!important}
body:not(.ekir-login-page) .content{padding-top:112px!important}
body:not(.ekir-login-page) .card{background:#fff!important;border:1px solid #dfe8f0!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(8,43,85,.10)!important}
body:not(.ekir-login-page) .card-stats{overflow:visible!important}
body:not(.ekir-login-page) .card-stats .card-header.card-header-icon{margin:0!important;padding:22px 20px 18px 118px!important;min-height:112px;background:linear-gradient(110deg,var(--dishub-navy),var(--dishub-blue))!important;border-radius:18px 18px 0 0!important;text-align:right}
body:not(.ekir-login-page) .card-stats .card-header .card-icon{position:absolute;left:20px;top:20px;width:76px;height:76px;margin:0!important;display:grid;place-items:center;border-radius:15px!important;background:linear-gradient(145deg,var(--dishub-yellow),#f28b13)!important;box-shadow:0 10px 24px rgba(242,139,19,.28)!important}
body:not(.ekir-login-page) .card-stats:nth-child(1) .card-icon{background:linear-gradient(145deg,var(--dishub-yellow),#f28b13)!important}
body:not(.ekir-login-page) .card-stats .card-header .card-icon i{font-size:35px!important;color:#fff!important;line-height:1!important}
body:not(.ekir-login-page) .card-stats .card-header .card-category{margin:2px 0 7px!important;color:#b9d9ee!important;font-size:14px!important;font-weight:500!important}
body:not(.ekir-login-page) .card-stats .card-header .card-title,
body:not(.ekir-login-page) .card-stats .card-header a .card-title{margin:0!important;color:#fff!important;font-size:29px!important;font-weight:600!important;line-height:1.2!important;text-shadow:0 1px 2px rgba(0,0,0,.12)}
body:not(.ekir-login-page) .card-stats .card-footer{min-height:60px;margin:0 20px!important;padding:16px 0!important;border-top:1px solid #e0e7ef!important;display:flex;align-items:center;justify-content:space-between;gap:15px}
body:not(.ekir-login-page) .card-stats .card-footer .stats,body:not(.ekir-login-page) .card-stats .card-footer a{color:#50647b!important;font-size:13px!important}
body:not(.ekir-login-page) .card-stats .card-footer .material-icons{color:#e49c00!important}
body:not(.ekir-login-page) .card:not(.card-stats)>.card-header[class*="card-header-"]{margin:0!important;padding:20px!important;background:linear-gradient(110deg,var(--dishub-navy),var(--dishub-blue))!important;border-radius:18px 18px 0 0!important;box-shadow:none!important}
body:not(.ekir-login-page) .card:not(.card-stats)>.card-header .card-title{margin:0 0 5px!important;color:#fff!important;font-size:21px!important;font-weight:600!important}
body:not(.ekir-login-page) .card:not(.card-stats)>.card-header .card-category{margin:0!important;color:#c7deee!important;font-size:13px!important}
body:not(.ekir-login-page) .card-body{color:#30445c!important}
body:not(.ekir-login-page) .table{color:#30445c!important}
body:not(.ekir-login-page) .table thead th{padding:17px 10px!important;color:var(--dishub-blue)!important;font-weight:700!important;border-bottom:2px solid #dce6ef!important}
body:not(.ekir-login-page) .table tbody td{padding:18px 10px!important;color:#354960!important;border-color:#e5ebf1!important;line-height:1.6}
body:not(.ekir-login-page) .table a{color:#0874ae!important;font-weight:600}
.ekir-footer{position:relative;z-index:3;margin-left:260px;padding:18px 28px;background:#061f40;color:#d9e9f4;border-top:4px solid var(--gold)}
.ekir-footer__inner{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ekir-footer__identity{display:flex;align-items:center;gap:12px}.ekir-footer__identity>span:last-child{display:flex;flex-direction:column}.ekir-footer__identity strong{color:#fff;font-size:13px;letter-spacing:.6px}.ekir-footer__identity small{color:#8fb2ca;font-size:11px;margin-top:2px}.ekir-footer__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--gold),#ef9214);color:#061f40}.ekir-footer__mark i{font-size:23px}.ekir-footer__credit{display:flex;align-items:center;gap:8px;font-size:12px;color:#8fb2ca}.ekir-footer__credit strong{color:#fff;font-size:13px;letter-spacing:.3px}.ekir-footer__year{font-size:12px;color:#8fb2ca}.ekir-standalone .ekir-footer{margin-left:0}
@media(max-width:991px){.ekir-footer{margin-left:0}.ekir-footer__inner{flex-direction:column;text-align:center;gap:12px}.ekir-footer__credit{flex-direction:column;gap:2px}body:not(.ekir-login-page) .content{padding-top:95px!important}}
@media(max-width:575px){body:not(.ekir-login-page) .card-stats .card-header.card-header-icon{padding-left:96px!important}body:not(.ekir-login-page) .card-stats .card-header .card-icon{left:14px;width:64px;height:64px}.ekir-footer{padding:22px 16px}}