:root{
  --kiu-navy:#070737;
  --kiu-navy-2:#111151;
  --kiu-green:#0f870b;
  --kiu-green-2:#12980e;
  --kiu-gold:#d37c29;
  --kiu-gold-2:#e18e3e;
  --kiu-ink:#18221d;
  --kiu-muted:#68756e;
  --kiu-bg:#f4f7f5;
  --kiu-surface:#ffffff;
  --kiu-surface-2:#f8faf9;
  --kiu-line:#dde7e1;
  --kiu-danger:#b42318;
  --kiu-warning:#9a5b00;
  --kiu-info:#315b87;
  --kiu-shadow:0 16px 42px rgba(7,7,55,.075);
  --kiu-shadow-sm:0 8px 24px rgba(7,7,55,.055);
  --header-height:72px;
  --sidebar-mini:86px;
  --sidebar-wide:272px;
  --body-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --first-color:var(--kiu-navy);
  --first-color-light:#dce9e1;
  --white-color:#fff;
}

/* ---------- foundation ---------- */
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth;background:var(--kiu-bg)}
body{font-family:var(--body-font)!important;background:var(--kiu-bg)!important;color:var(--kiu-ink)!important;line-height:1.5;min-height:100vh}
body#body-pd{
  position:relative!important;
  margin:0!important;
  padding:calc(var(--header-height) + 22px) 24px 46px calc(var(--sidebar-mini) + 24px)!important;
  min-height:100vh;
  overflow-x:hidden;
  transition:padding-left .24s ease;
}
body#body-pd.sidebar-expanded{padding-left:calc(var(--sidebar-wide) + 24px)!important}
body.kiu-login{padding:22px!important;margin:0!important}
a{color:var(--kiu-navy);text-decoration:none}a:hover{color:var(--kiu-green)}
img{max-width:100%}
button,input,select,textarea{font-family:inherit}

/* ---------- application header ---------- */
.header{
  position:fixed!important;
  top:0!important;
  left:var(--sidebar-mini)!important;
  right:0!important;
  width:auto!important;
  height:var(--header-height)!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
  padding:0 24px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--kiu-line)!important;
  box-shadow:0 7px 28px rgba(7,7,55,.055)!important;
  backdrop-filter:blur(16px);
  z-index:1080!important;
  transition:left .24s ease!important;
}
body.sidebar-expanded .header{left:var(--sidebar-wide)!important}
.header_toggle{
  flex:0 0 42px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border:1px solid var(--kiu-line);border-radius:12px;background:#f3f7f5;color:var(--kiu-navy)!important;
  cursor:pointer;font-size:1.45rem!important;transition:.16s ease;
}
.header_toggle:hover{background:#eaf1ed;transform:translateY(-1px)}
.header>strong,.header>b{min-width:0!important;margin:0!important;color:var(--kiu-navy)!important;font-size:.94rem!important;font-weight:850!important;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header>div[style*="width:100%"]{flex:1!important;min-width:0!important;width:auto!important;text-align:right!important;color:var(--kiu-navy)!important;padding:0!important}
.header>div[style*="width:100%"] span{border:0!important;padding:0!important;border-radius:0!important}
.header_img{flex:0 0 42px!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;outline:2px solid rgba(15,135,11,.22)!important;border-radius:13px!important;overflow:hidden!important;background:#f0f3f2!important}
.header_img img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}

/* ---------- stable sidebar shell ---------- */
.l-navbar{
  position:fixed!important;top:0!important;left:0!important;bottom:0!important;
  width:var(--sidebar-mini)!important;height:100dvh!important;
  margin:0!important;padding:12px 10px!important;
  background:linear-gradient(180deg,var(--kiu-navy) 0%,#10104a 62%,#0b4d2d 128%)!important;
  box-shadow:9px 0 32px rgba(7,7,55,.15)!important;
  z-index:1120!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;min-height:0!important;
  transition:width .24s ease,transform .24s ease!important;
}
.l-navbar.show{width:var(--sidebar-wide)!important}
.l-navbar>div{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;width:100%!important}
.l-navbar center{display:block!important;width:100%!important;margin:0!important;padding:0!important}
.l-navbar .logo{
  display:grid!important;place-items:center!important;flex:0 0 auto!important;
  width:64px!important;height:72px!important;margin:0 auto 12px!important;padding:4px!important;
  background:linear-gradient(145deg,#fff,#f2f6f3)!important;border:1px solid rgba(225,142,62,.92)!important;
  border-radius:18px!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important;overflow:hidden!important;
}
.l-navbar.show .logo{width:76px!important;height:82px!important}
.l-navbar .logo img{display:block!important;width:58px!important;max-width:58px!important;height:62px!important;object-fit:contain!important;margin:0!important;padding:0!important}
.l-navbar.show .logo img{width:68px!important;max-width:68px!important;height:70px!important}
.l-navbar .nav{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;width:100%!important;
  display:block!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px calc(18px + env(safe-area-inset-bottom,0px)) 1px!important;
  max-height:100%!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;touch-action:pan-y;
  scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;
}
/* Minimal transparent sidebar scrollbar: scroll remains available with mouse wheel, trackpad and touch. */
.l-navbar .nav::-webkit-scrollbar{width:4px;height:4px}
.l-navbar .nav::-webkit-scrollbar-track{background:transparent}
.l-navbar .nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px;border:1px solid transparent;background-clip:padding-box}
.l-navbar .nav:hover{scrollbar-color:rgba(255,255,255,.28) transparent}
.l-navbar .nav:hover::-webkit-scrollbar-thumb,.l-navbar .nav:focus-within::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);background-clip:padding-box}
.l-navbar>.nav{flex:1 1 auto!important;min-height:0!important}
.l-navbar>div>.nav{flex:1 1 auto!important;min-height:0!important}
.l-navbar>div{overflow:hidden!important}
.l-navbar .nav_list{padding-bottom:8px!important}
.nav_list{display:flex!important;flex-direction:column!important;gap:3px!important;width:100%!important;padding:0!important;margin:0!important}
.nav_section{height:0;overflow:hidden;opacity:0;color:rgba(255,255,255,.54);font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em;white-space:nowrap;transition:.18s ease}
.l-navbar.show .nav_section{height:auto;opacity:1;margin:13px 11px 4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.10)}
.nav_link{
  position:relative!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;
  gap:10px!important;min-height:46px!important;width:100%!important;margin:0!important;padding:9px 11px!important;
  border-radius:12px!important;color:#dce7e1!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.nav_link:hover{color:#fff!important;background:rgba(255,255,255,.10)!important;transform:translateX(1px)}
.nav_link.active{color:#fff!important;background:linear-gradient(90deg,rgba(225,142,62,.23),rgba(255,255,255,.10))!important;box-shadow:inset 3px 0 0 var(--kiu-gold)!important}
.nav_link.active::before{display:none!important}
.nav_icon,.nav_link i{font-size:1.28rem!important;width:30px!important;text-align:center!important;line-height:1!important}
.nav_name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.88rem!important;font-weight:760!important;opacity:0;transform:translateX(-3px);transition:.15s ease}
.l-navbar.show .nav_name{opacity:1;transform:none}

#kiu-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(5,9,20,.46);backdrop-filter:blur(2px);z-index:1100}

/* ---------- content geometry ---------- */
.height-100,.height-1000{
  position:relative!important;width:100%!important;max-width:100%!important;min-height:calc(100vh - var(--header-height) - 68px)!important;height:auto!important;
  margin:0!important;padding:0!important;background:transparent!important;
}
.height-1000>br:first-child,.height-1000>br:first-child+br,.height-100>br:first-child,.height-100>br:first-child+br{display:none}
.container,.container-fluid{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:0 4px!important}
.container-fluid{max-width:1480px!important}
body#body-pd>.container,body#body-pd>.container-fluid{margin-top:0!important}
body#body-pd .container[style*="min-height:700px"],body#body-pd .container[style*="min-height:400px"]{min-height:0!important}

/* normalize old inline page spacing */
body#body-pd .mt-5{margin-top:18px!important}.mt-4{margin-top:18px!important}.mt-3{margin-top:12px!important}.mt-2{margin-top:8px!important}.mt-1{margin-top:4px!important}
.mb-5{margin-bottom:28px!important}.mb-4{margin-bottom:18px!important}.mb-3{margin-bottom:12px!important}.mb-2{margin-bottom:8px!important}.mb-1{margin-bottom:4px!important}.m-0{margin:0!important}
.p-0{padding:0!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:18px!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-5{padding-top:22px!important;padding-bottom:22px!important}
.gap-2{gap:8px!important}.gap-3{gap:12px!important}.w-100{width:100%!important}

/* ---------- grid ---------- */
.row,.form-row{display:flex!important;flex-wrap:wrap!important;margin:-7px!important}
.row>* ,.form-row>*{padding:7px!important;min-width:0}
.col,.col-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xl-12{width:100%!important}
.col-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xl-6{width:50%!important}
.col-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xl-4{width:33.333333%!important}
.col-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xl-3{width:25%!important}
.col-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xl-2{width:16.666667%!important}
.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}
.d-flex{display:flex!important}.d-grid{display:grid!important}.d-block{display:block!important}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.flex-column{flex-direction:column!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}
.float-right{float:right}.float-left{float:left}

/* ---------- typography and headings ---------- */
h1,h2,h3,h4,h5,h6{color:var(--kiu-navy)!important;font-weight:820!important;letter-spacing:-.018em;line-height:1.25}
h1{font-size:clamp(1.55rem,2.3vw,2.15rem)}h2{font-size:clamp(1.35rem,2vw,1.85rem)}h3{font-size:1.25rem}h4{font-size:1.08rem}h5{font-size:1rem}
body#body-pd>.height-1000>h4,body#body-pd>.height-100>h4,.height-1000>h4,.height-100>h4{margin:0 0 16px!important;font-size:1.5rem!important}
.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.fw-bold,.font-weight-bold{font-weight:820!important}.small,small{font-size:.82rem}.text-muted{color:var(--kiu-muted)!important}.text-success{color:var(--kiu-green)!important}.text-danger{color:var(--kiu-danger)!important}.text-warning{color:var(--kiu-warning)!important}.text-white{color:#fff!important}
.page-title,.kiu-page-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important}.kiu-page-title h1,.kiu-page-title h2,.page-title h1,.page-title h2{margin:0!important}.kiu-page-title .text-muted,.page-title .text-muted{margin-top:3px}

/* ---------- cards / surfaces ---------- */
.card,.kiu-card,fieldset,.card-block,.table-border-style{
  background:#fff!important;border:1px solid var(--kiu-line)!important;border-radius:18px!important;box-shadow:var(--kiu-shadow-sm)!important;
}
.card,.kiu-card,fieldset{margin-bottom:18px!important;overflow:hidden}
.card-block,.table-border-style{padding:14px!important;margin-bottom:18px!important;overflow:visible!important}
.card-body,.kiu-card-body{padding:20px!important}.card-title{margin:0 0 10px!important}.card-header{padding:15px 18px!important;border-bottom:1px solid var(--kiu-line)!important;background:#f7faf8!important;color:var(--kiu-navy)!important}.card-footer{padding:14px 18px;border-top:1px solid var(--kiu-line);background:#fafcfb}
fieldset{padding:18px!important}legend{padding:0 8px!important;color:var(--kiu-navy)!important;font-weight:820!important;font-size:1rem!important}.shadow{box-shadow:var(--kiu-shadow)!important}.border-0{border:0!important}.border{border:1px solid var(--kiu-line)!important}.border-bottom{border-bottom:1px solid var(--kiu-line)!important}.rounded{border-radius:12px!important}.rounded-lg{border-radius:18px!important}
.bg-light,.bg-white{background:#fff!important}.bg-primary,.card-header.bg-primary{background:linear-gradient(135deg,var(--kiu-navy),#171765)!important;color:#fff!important}.bg-primary h1,.bg-primary h2,.bg-primary h3,.bg-primary h4,.bg-primary h5,.bg-primary h6,.card-header.bg-primary *{color:#fff!important}.bg-success{background:var(--kiu-green)!important;color:#fff!important}.bg-warning{background:#fff3dc!important;color:#784500!important}.bg-danger{background:var(--kiu-danger)!important;color:#fff!important}
.kiu-status-card{position:relative;padding:20px!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#f8fbf9)!important;border:1px solid var(--kiu-line)!important;box-shadow:var(--kiu-shadow-sm)!important;overflow:hidden}.kiu-status-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--kiu-gold),var(--kiu-green))}.kiu-status-card h4{margin:9px 0 5px!important}.kiu-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kiu-stat{padding:18px;background:#fff;border:1px solid var(--kiu-line);border-radius:16px;box-shadow:0 7px 22px rgba(7,7,55,.035)}.kiu-stat small{display:block;margin-bottom:6px;color:var(--kiu-muted)}.kiu-stat strong{display:block;margin-bottom:5px;font-size:1.72rem;color:var(--kiu-navy)}
.kiu-section{margin:18px 0}.kiu-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.kiu-divider{height:1px;background:var(--kiu-line);margin:18px 0}.kiu-help{font-size:.79rem;color:var(--kiu-muted);margin-top:5px}

/* ---------- forms ---------- */
.form-group{margin-bottom:15px!important}label{display:block!important;margin:0 0 7px!important;color:#34423b!important;font-size:.84rem!important;font-weight:760!important}
.form-control,.custom-select,input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=tel],input[type=url],select,textarea{
  width:100%!important;max-width:100%!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;
  border:1px solid #cbd8d1!important;border-radius:11px!important;background:#fff!important;color:var(--kiu-ink)!important;
  outline:0!important;box-shadow:none!important;font:inherit!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
textarea{min-height:100px!important;resize:vertical!important}select{appearance:auto!important}
.form-control:focus,.custom-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--kiu-green)!important;box-shadow:0 0 0 4px rgba(15,135,11,.10)!important}
.form-control[readonly],input[readonly],select[readonly],.form-control:disabled,input:disabled,select:disabled{background:#eef3f0!important;color:#67736d!important;cursor:not-allowed}
.form-control-file,input[type=file]{width:100%!important;min-height:48px!important;padding:8px!important;border:1px dashed #afc2b8!important;border-radius:12px!important;background:#f8faf9!important}
input[type=checkbox],input[type=radio]{accent-color:var(--kiu-green)}
.invalid-feedback{display:none;color:var(--kiu-danger);font-size:.79rem;margin-top:5px}.is-invalid~.invalid-feedback,.was-validated :invalid~.invalid-feedback{display:block}
.input-group{display:flex!important;align-items:stretch!important;width:100%!important}.input-group>.form-control{flex:1!important;min-width:0!important;border-radius:0!important}.input-group-prepend,.input-group-append{display:flex!important}.input-group-text{display:flex!important;align-items:center!important;padding:9px 12px!important;background:#eef3f0!important;border:1px solid #cbd8d1!important;color:#47564e!important}.input-group-prepend .input-group-text{border-radius:11px 0 0 11px!important}.input-group-append .input-group-text{border-radius:0 11px 11px 0!important}
select[multiple],select[multiple].kiu-multiselect{min-height:142px!important;padding:7px!important;background:linear-gradient(#fff,#fbfdfc)!important;border:1px solid #c8d7cf!important}select[multiple] option{padding:8px 9px!important;margin:2px 0!important;border-radius:7px!important}select[multiple] option:checked{background:var(--kiu-green)!important;color:#fff!important}

/* ---------- buttons ---------- */
.btn,button,input[type=submit],input[type=button]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;border:0!important;border-radius:10px!important;padding:9px 15px!important;font:inherit!important;font-weight:790!important;cursor:pointer!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease!important}
.btn:hover,button:hover,input[type=submit]:hover{transform:translateY(-1px)}
.btn:disabled,button:disabled,input[type=submit]:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.btn-primary,input[type=submit]{background:linear-gradient(135deg,var(--kiu-green),#12660f)!important;color:#fff!important;box-shadow:0 7px 18px rgba(15,135,11,.17)!important}.btn-secondary{background:#e9efec!important;color:#26352e!important}.btn-success{background:var(--kiu-green)!important;color:#fff!important}.btn-danger{background:var(--kiu-danger)!important;color:#fff!important}.btn-warning{background:var(--kiu-gold)!important;color:#fff!important}.btn-info{background:var(--kiu-navy-2)!important;color:#fff!important}.btn-dark{background:#26322c!important;color:#fff!important}.btn-light{background:#f3f6f4!important;color:#2c3832!important;border:1px solid var(--kiu-line)!important}.btn-outline-primary{background:#fff!important;color:var(--kiu-navy)!important;border:1px solid #bfc8d7!important}.btn-sm{min-height:34px!important;padding:6px 10px!important;font-size:.8rem!important}.btn-lg{min-height:50px!important;padding:12px 20px!important}

/* ---------- feedback / status ---------- */
.alert{padding:13px 15px!important;border-radius:12px!important;margin:10px 0 16px!important;border:1px solid transparent!important}.alert-success{background:#edf8ee!important;border-color:#b9e3bc!important;color:#176b1d!important}.alert-danger{background:#fff1f0!important;border-color:#f3c5c1!important;color:#8f1b13!important}.alert-warning{background:#fff7e8!important;border-color:#f1d7a7!important;color:#7a4a00!important}.alert-info{background:#eef4ff!important;border-color:#c8d9f4!important;color:#173f73!important}
.badge,.kiu-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:999px!important;padding:5px 9px!important;font-size:.75rem!important;font-weight:800!important;background:#edf2ef!important;color:#3b4b43!important}.badge-success,.kiu-badge.success{background:#e9f8ea!important;color:#17731d!important}.badge-warning,.kiu-badge.warning{background:#fff4de!important;color:#8b5600!important}.badge-danger,.kiu-badge.danger{background:#fff0ef!important;color:#9d2018!important}.badge-info,.kiu-badge.info{background:#eef1ff!important;color:#25256e!important}
.progress{height:12px!important;background:#e5ece8!important;border-radius:999px!important;overflow:hidden!important}.progress-bar{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(90deg,var(--kiu-green),var(--kiu-gold))!important;color:#fff!important;font-size:.68rem!important;font-weight:800!important}

/* ---------- tables / datatables ---------- */
.table-responsive,.container_tbl{width:100%!important;max-width:100%!important;overflow:auto!important;border:1px solid var(--kiu-line)!important;border-radius:14px!important;background:#fff!important;-webkit-overflow-scrolling:touch}
table,.table{width:100%!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;font-size:.88rem!important;margin:0!important}
table th,.table th{background:#eef3f0!important;color:#34443c!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:840!important;padding:11px 12px!important;border:0!important;border-bottom:1px solid var(--kiu-line)!important;vertical-align:middle!important;white-space:nowrap}
table td,.table td{padding:11px 12px!important;border:0!important;border-bottom:1px solid #edf1ef!important;vertical-align:middle!important;background:#fff!important}.table-striped tbody tr:nth-of-type(odd) td{background:#fbfcfb!important}table tbody tr:hover td,.table tbody tr:hover td{background:#f8fbf9!important}table tr:last-child td{border-bottom:0!important}.table form{margin:0!important}.table .btn{white-space:nowrap!important}
.dataTables_wrapper{width:100%!important}.dataTables_wrapper .row{align-items:center!important}.dataTables_length,.dataTables_filter{margin:4px 0 12px!important}.dataTables_filter{text-align:right!important}.dataTables_filter input,.dataTables_length select{width:auto!important;min-height:38px!important;display:inline-block!important;margin-left:6px!important}.dataTables_info{padding:12px 0!important;color:var(--kiu-muted)!important;font-size:.82rem!important}.dataTables_paginate{display:flex!important;justify-content:flex-end!important;padding:10px 0!important}.pagination{display:flex!important;gap:5px!important;list-style:none!important;padding:0!important;margin:0!important}.page-link,.paginate_button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:35px!important;height:35px!important;padding:0 9px!important;border:1px solid var(--kiu-line)!important;border-radius:8px!important;background:#fff!important;color:var(--kiu-navy)!important}.page-item.active .page-link,.paginate_button.current{background:var(--kiu-navy)!important;color:#fff!important;border-color:var(--kiu-navy)!important}.dt-buttons{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:10px!important}.dt-button{min-height:36px!important;padding:6px 10px!important;border-radius:8px!important;background:#edf2ef!important;color:#25342d!important}

/* ---------- navigation tabs / lists ---------- */
.list-group{display:grid!important;gap:7px!important;padding:0!important;margin:0!important;list-style:none!important}.list-group-item{display:block!important;padding:11px 13px!important;border:1px solid var(--kiu-line)!important;border-radius:11px!important;background:#fff!important}.nav-tabs{display:flex!important;gap:6px!important;overflow:auto!important;border-bottom:1px solid var(--kiu-line)!important;padding:0 0 8px!important;margin:0 0 16px!important}.nav-tabs .nav-link{display:block!important;padding:9px 12px!important;border-radius:10px!important;color:var(--kiu-muted)!important;font-weight:750!important;white-space:nowrap!important}.nav-tabs .nav-link.active{background:#eef5f0!important;color:var(--kiu-green)!important}

/* ---------- modals ---------- */
.modal{position:fixed!important;inset:0!important;display:none;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(3,8,18,.60)!important;z-index:3000!important;overflow:auto!important}.modal.show,.modal.kiu-open{display:flex!important}.modal-dialog{width:min(720px,100%)!important;max-width:100%!important;margin:auto!important}.modal-dialog.modal-lg{width:min(1050px,100%)!important}.modal-content{background:#fff!important;border-radius:18px!important;border:1px solid var(--kiu-line)!important;box-shadow:0 28px 95px rgba(0,0,0,.30)!important;overflow:hidden!important}.modal-header,.modal-body,.modal-footer{padding:16px 18px!important}.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--kiu-line)!important;background:#f8faf9!important}.modal-footer{display:flex!important;justify-content:flex-end!important;gap:8px!important;border-top:1px solid var(--kiu-line)!important}.modal-backdrop{display:none!important}.close,.btn-close{width:36px!important;height:36px!important;border-radius:9px!important;padding:0!important;background:#edf1ef!important;color:#293830!important;font-size:1.3rem!important}
.dropdown-menu{display:none;position:absolute;min-width:190px;background:#fff;border:1px solid var(--kiu-line);border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.12);padding:7px;z-index:2200}.dropdown-menu.show{display:block!important}.dropdown-item{display:block;padding:9px 10px;border-radius:8px}.dropdown-item:hover{background:#f1f5f3}

/* ---------- legacy page cleanup ---------- */
body#body-pd footer.footer{margin:28px -24px -46px!important;padding:16px 24px!important;background:var(--kiu-navy)!important;color:#dce7e1!important;width:auto!important;border-top:3px solid var(--kiu-gold)!important}
body#body-pd footer.footer a{color:#fff!important}
body#body-pd center{max-width:100%}
body#body-pd hr{border:0;border-top:1px solid var(--kiu-line);margin:18px 0}
body#body-pd .panel{background:#fff!important;border:1px solid var(--kiu-line)!important;border-radius:16px!important;box-shadow:var(--kiu-shadow-sm)!important;overflow:hidden!important}.panel-heading{padding:14px 16px!important;background:#f5f8f6!important;border-bottom:1px solid var(--kiu-line)!important}.panel-body{padding:16px!important}
body#body-pd [style*="background-color:#5c5c5c"],body#body-pd [style*="background-color: #5c5c5c"]{background:var(--kiu-navy)!important}
body#body-pd [style*="color:#074581"]{color:var(--kiu-navy)!important}

/* ---------- login page helpers ---------- */
.login-panel .window-locked-note{margin-bottom:14px}.login-panel .locked-submit{background:#738078!important;color:#fff!important}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .kiu-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .col-lg-3,.col-xl-3,.col-lg-4,.col-xl-4{width:50%!important}
}
@media(max-width:959px){
  :root{--header-height:64px}
  body#body-pd,body#body-pd.sidebar-expanded{padding:calc(var(--header-height) + 16px) 12px 38px!important}
  .header,body.sidebar-expanded .header{left:0!important;right:0!important;padding:0 12px!important;gap:10px!important}
  .header>strong,.header>b{font-size:.82rem!important;max-width:46vw!important}
  .header>div[style*="width:100%"]{font-size:.78rem!important}
  .l-navbar,.l-navbar.show{width:min(84vw,286px)!important;transform:translateX(-105%)!important;box-shadow:18px 0 60px rgba(0,0,0,.26)!important}
  .l-navbar.show{transform:translateX(0)!important}
  .l-navbar .nav_name{opacity:1!important;transform:none!important}.l-navbar .nav_section{height:auto!important;opacity:1!important;margin:13px 11px 4px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.10)!important}
  .l-navbar .logo,.l-navbar.show .logo{width:76px!important;height:82px!important}.l-navbar .logo img,.l-navbar.show .logo img{width:68px!important;max-width:68px!important;height:70px!important}
  body.sidebar-mobile-open #kiu-sidebar-overlay{display:block!important}
  .container,.container-fluid{padding:0!important}.page-title,.kiu-page-title{flex-direction:column!important;align-items:flex-start!important}
  body#body-pd footer.footer{margin-left:-12px!important;margin-right:-12px!important;margin-bottom:-38px!important}
}
@media(max-width:767px){
  .row,.form-row{margin:-5px!important}.row>* ,.form-row>*{padding:5px!important}
  .col-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xl-6,.col-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xl-4,.col-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xl-3,.col-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xl-2{width:100%!important}
  .kiu-stat-grid{grid-template-columns:1fr}.card-body,.kiu-card-body{padding:15px!important}.card-header{padding:13px 15px!important}
  .table-responsive,.container_tbl{border-radius:11px!important}.table{min-width:680px}.dataTables_filter{text-align:left!important}.dataTables_paginate{justify-content:flex-start!important}
  .float-right,.float-left{float:none!important}.btn{max-width:100%}.header_img{flex-basis:38px!important;width:38px!important;height:38px!important}.header_toggle{flex-basis:39px!important;width:39px!important;height:39px!important}
}
@media(max-width:480px){
  body#body-pd{padding-left:10px!important;padding-right:10px!important}.header{padding:0 10px!important}.header>strong,.header>b{max-width:37vw!important}.kiu-stat strong{font-size:1.45rem}.modal{padding:10px!important}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}