/* Backend PHP + MySQL memakai asset GXON asli */
body{font-family:"Plus Jakarta Sans",sans-serif;}
.app-wrapper .container{max-width:1560px;}
.footer-wrapper{padding:18px 0;border-top:1px solid var(--bs-border-color);}
.backend-user-form{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1.1fr auto;gap:10px;margin-bottom:18px;align-items:end;}
.backend-user-form input,.backend-user-form select{min-height:42px;}
.stat-card{background:linear-gradient(135deg,rgba(25,135,84,.08),rgba(13,110,253,.04));box-shadow:none;}
.user-service-marquee{
  width:100%;overflow:hidden;background:rgba(255,0,0,.06);border:1px solid rgba(220,53,69,.18);
  border-radius:12px;padding:8px 0;margin:0 0 12px;
}
.user-service-marquee-track{display:inline-block;min-width:100%;white-space:nowrap;animation:userServiceMarquee 15s linear infinite;}
.user-service-marquee span{display:inline-block;padding-left:100%;color:#dc3545;font-style:italic;font-weight:800;letter-spacing:.02em;}
@keyframes userServiceMarquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
.file-cell{max-width:170px;}
.file-mini-name{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inline{display:inline;}
.verify-form{display:flex;gap:8px;align-items:center;}
.verify-form select{min-width:110px;}
.verify-form input{min-width:180px;}
.icon{border:0;background:transparent;color:#8b98b4;cursor:pointer;padding:6px;}
.icon.danger{color:#dc3545;}
.plain{width:100%;border-collapse:collapse;}
.posisi-status{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:112px;line-height:1.1;}
.posisi-spinner{width:1.15rem;height:1.15rem;border-width:.16em;color:currentColor;}
.posisi-badge{display:inline-flex;align-items:center;justify-content:center;min-width:98px;padding:.45rem .65rem;border-radius:.45rem;font-weight:700;white-space:nowrap;}
.excel-access{background:#db5151!important;color:#fff!important;text-align:center;font-style:italic;font-weight:900;}
.grid{min-width:1350px;}
.alert button.btn-close{background:none;border:0;}
.modal.confirm-modal .modal-card{max-width:520px;}
@media(max-width:768px){.backend-user-form{grid-template-columns:1fr;}}

/* ===== FIX2: backend memakai GXON asli + perbaikan layout rusak ===== */
body.login-body{
  min-height:100vh!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:linear-gradient(135deg,rgba(25,135,84,.10),rgba(49,100,244,.08))!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
}
.login-card{
  width:min(460px,100%)!important;
  background:#fff!important;
  border:1px solid var(--bs-border-color,#edf1f7)!important;
  border-radius:18px!important;
  padding:34px!important;
  box-shadow:0 24px 80px rgba(15,23,42,.12)!important;
}
.login-card .dfile-logo-auth{
  height:auto!important;
  max-height:74px!important;
  max-width:310px!important;
  width:auto!important;
  object-fit:contain!important;
  margin:0 auto 22px!important;
}
.login-card h1{
  font-size:28px!important;
  line-height:1.25!important;
  margin:0 0 20px!important;
  font-weight:800!important;
  text-align:center!important;
}
.login-card .form-label{
  font-weight:700!important;
  color:#1d2638!important;
  margin:.75rem 0 .35rem!important;
}
.login-card .form-control{
  min-height:46px!important;
  border-radius:10px!important;
}
.login-card .hint{
  margin-top:18px!important;
  color:#8d98b4!important;
  font-size:.86rem!important;
  text-align:center!important;
  line-height:1.55!important;
}
.login-card .btn{
  min-height:46px!important;
  border-radius:10px!important;
  font-weight:800!important;
}

.app-wrapper .container{max-width:1560px!important;}
.app-page-head{margin-bottom:24px!important;}
.stat-card{border-radius:12px!important;overflow:hidden!important;}
.stat-card .card-body{padding:24px!important;}
.stat-card h3{font-size:1.9rem!important;font-weight:800!important;line-height:1.1!important;margin-bottom:.65rem!important;}
.stat-card h6{font-weight:800!important;margin-bottom:.2rem!important;}

.table-responsive{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:0 0 10px 10px!important;
}
.dfile-grid{
  border-collapse:collapse!important;
  width:max-content!important;
  min-width:1360px!important;
  table-layout:fixed!important;
  background:#fff!important;
  margin-bottom:0!important;
}
.dfile-grid.seksi-table{min-width:2100px!important;}
.dfile-grid th,
.dfile-grid td{
  border:1px solid #111!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#071426!important;
}
.dfile-grid th{
  background:#f8fafc!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-align:center!important;
  font-size:.76rem!important;
  line-height:1.15!important;
  padding:10px 8px!important;
}
.dfile-grid td{
  border-color:#dbe3ef!important;
  font-size:.79rem!important;
  padding:10px 8px!important;
}
.dfile-grid thead .excel-band th,
.dfile-grid thead tr.excel-band th,
.dfile-grid th.excel-band,
.dfile-grid .excel-band{
  background:#eef8ee!important;
  color:#0b1b2a!important;
  font-style:normal!important;
  text-align:left!important;
  font-weight:900!important;
}
.dfile-grid .excel-access,
.dfile-grid th.excel-access{
  background:#eef8ee!important;
  color:#0b1b2a!important;
  text-align:center!important;
  font-style:normal!important;
  font-weight:900!important;
}
.excel-title{
  background:#d9ead3!important;
  border:1px solid #b6d7a8!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
  color:#050f1d!important;
  text-align:center!important;
  font-size:1.25rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  padding:14px!important;
}
.dashboard-table th:nth-child(1),.dashboard-table td:nth-child(1){width:96px!important;min-width:96px!important;}
.dashboard-table th:nth-child(2),.dashboard-table td:nth-child(2){width:145px!important;min-width:145px!important;}
.dashboard-table th:nth-child(3),.dashboard-table td:nth-child(3){width:125px!important;min-width:125px!important;}
.dashboard-table th:nth-child(4),.dashboard-table td:nth-child(4){width:125px!important;min-width:125px!important;}
.dashboard-table th:nth-child(5),.dashboard-table td:nth-child(5){width:120px!important;min-width:120px!important;}
.dashboard-table th:nth-child(6),.dashboard-table td:nth-child(6){width:140px!important;min-width:140px!important;}
.dashboard-table th:nth-child(7),.dashboard-table td:nth-child(7){width:140px!important;min-width:140px!important;}
.dashboard-table th:nth-child(8),.dashboard-table td:nth-child(8){width:130px!important;min-width:130px!important;}
.dashboard-table th:nth-child(9),.dashboard-table td:nth-child(9){width:145px!important;min-width:145px!important;}
.dashboard-table th:nth-child(10),.dashboard-table td:nth-child(10){width:175px!important;min-width:175px!important;}
.dashboard-table th:nth-child(11),.dashboard-table td:nth-child(11){width:130px!important;min-width:130px!important;text-align:center!important;}
.dashboard-table th:nth-child(12),.dashboard-table td:nth-child(12){width:165px!important;min-width:165px!important;}
.dashboard-table th:nth-child(13),.dashboard-table td:nth-child(13){width:120px!important;min-width:120px!important;}
.dfile-grid.seksi-table th,.dfile-grid.seksi-table td{font-size:.72rem!important;padding:8px 7px!important;}
.dfile-grid.seksi-table th:nth-child(1),.dfile-grid.seksi-table td:nth-child(1){width:105px!important;min-width:105px!important;}
.dfile-grid.seksi-table th:nth-child(2),.dfile-grid.seksi-table td:nth-child(2){width:150px!important;min-width:150px!important;}
.dfile-grid.seksi-table th:nth-child(3),.dfile-grid.seksi-table td:nth-child(3){width:125px!important;min-width:125px!important;}
.dfile-grid.seksi-table th:nth-child(4),.dfile-grid.seksi-table td:nth-child(4){width:120px!important;min-width:120px!important;}
.dfile-grid.seksi-table th:nth-child(5),.dfile-grid.seksi-table td:nth-child(5){width:120px!important;min-width:120px!important;}
.dfile-grid.seksi-table th:nth-child(6),.dfile-grid.seksi-table td:nth-child(6){width:132px!important;min-width:132px!important;}
.dfile-grid.seksi-table th:nth-child(7),.dfile-grid.seksi-table td:nth-child(7){width:132px!important;min-width:132px!important;}
.dfile-grid.seksi-table th:nth-child(8),.dfile-grid.seksi-table td:nth-child(8){width:125px!important;min-width:125px!important;}
.dfile-grid.seksi-table th:nth-child(9),.dfile-grid.seksi-table td:nth-child(9){width:142px!important;min-width:142px!important;}
.dfile-grid.seksi-table th:nth-child(10),.dfile-grid.seksi-table td:nth-child(10){width:170px!important;min-width:170px!important;}
.dfile-grid.seksi-table th:nth-child(11),.dfile-grid.seksi-table td:nth-child(11){width:130px!important;min-width:130px!important;text-align:center!important;}
.dfile-grid.seksi-table th:nth-child(12),.dfile-grid.seksi-table td:nth-child(12){width:160px!important;min-width:160px!important;}
.dfile-grid.seksi-table th:nth-child(n+13),.dfile-grid.seksi-table td:nth-child(n+13){width:150px!important;min-width:150px!important;}
.dfile-grid.seksi-table th:last-child,.dfile-grid.seksi-table td:last-child{width:230px!important;min-width:230px!important;}
.file-cell{max-width:160px!important;white-space:normal!important;}
.file-mini-name{display:block!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.posisi-status{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:108px!important;line-height:1.1!important;}
.posisi-spinner{width:1.05rem!important;height:1.05rem!important;border-width:.16em!important;color:currentColor!important;}
.posisi-badge{min-width:96px!important;padding:.42rem .58rem!important;border-radius:.45rem!important;font-weight:800!important;}
.verify-form{display:flex!important;gap:7px!important;align-items:center!important;}
.verify-form select{min-width:108px!important;}
.verify-form input{min-width:160px!important;}
.btn{font-weight:800;}


/* Password eye toggle login */
.password-wrap{
  position:relative;
}
.password-wrap .form-control{
  padding-right:3rem!important;
}
.password-toggle{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:#96a0b8;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:1.05rem;
  border-radius:50%;
}
.password-toggle:hover{
  color:#198754;
  background:rgba(25,135,84,.08);
}


/* ===== FIX3: Header bersih, search GXON, tabel compact GXON ===== */
.app-header .navbar-nav{
  display:none!important;
}
.app-header .app-header-start{
  gap:1rem!important;
}
.app-header .app-header-end > .px-lg-3,
.app-header .app-header-end > .vr{
  display:none!important;
}
.app-header .form-control,
.app-header input#globalSearch{
  height:42px!important;
  min-height:42px!important;
  border-radius:999px!important;
  border:1px solid #edf1f7!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#74809a!important;
}
.app-header .w-lg-250px,
.app-header .w-xxl-300px{
  width:360px!important;
  min-width:360px!important;
}
@media(max-width: 992px){
  .app-header .w-lg-250px,
  .app-header .w-xxl-300px{
    width:260px!important;
    min-width:220px!important;
  }
}

.card .d-flex input[name="q"],
.card form input[name="q"],
.panel-head input[name="q"]{
  height:44px!important;
  min-height:44px!important;
  border-radius:10px!important;
  border:1px solid #e8edf5!important;
  padding:0 14px!important;
  min-width:230px!important;
  background:#fff!important;
  color:#556179!important;
  box-shadow:none!important;
}
.card .d-flex input[name="q"]:focus,
.card form input[name="q"]:focus{
  border-color:#b8c8f8!important;
  box-shadow:0 0 0 .22rem rgba(49,100,244,.12)!important;
  outline:0!important;
}

.table-responsive{
  display:block!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid #e8edf5!important;
  border-top:0!important;
  border-radius:0 0 10px 10px!important;
  background:#fff!important;
}
.table-responsive::-webkit-scrollbar{
  height:10px!important;
}
.table-responsive::-webkit-scrollbar-track{
  background:#eef2f7!important;
  border-radius:999px!important;
}
.table-responsive::-webkit-scrollbar-thumb{
  background:#9aa5b5!important;
  border-radius:999px!important;
}
.table.dfile-grid,
.dfile-grid{
  width:max-content!important;
  min-width:1360px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  margin-bottom:0!important;
  background:#fff!important;
}
.table.dfile-grid.dashboard-table{
  min-width:1480px!important;
}
.table.dfile-grid.seksi-table{
  min-width:2200px!important;
}
.table.dfile-grid th,
.table.dfile-grid td,
.dfile-grid th,
.dfile-grid td{
  border:1px solid #111827!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#0c1728!important;
}
.table.dfile-grid th,
.dfile-grid th{
  background:#f8fafc!important;
  color:#0c1728!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-align:center!important;
  font-size:.76rem!important;
  line-height:1.2!important;
  padding:10px 8px!important;
}
.table.dfile-grid td,
.dfile-grid td{
  border-color:#d9e2ef!important;
  font-size:.80rem!important;
  padding:10px 8px!important;
}
.table.dfile-grid > thead > tr.excel-band > th,
.table.dfile-grid thead tr.excel-band th,
.dfile-grid > thead > tr.excel-band > th,
.dfile-grid thead tr.excel-band th,
.dfile-grid .excel-band,
.excel-band th,
.excel-band{
  background:#eef8ee!important;
  background-color:#eef8ee!important;
  color:#0c1728!important;
  text-align:left!important;
  font-style:normal!important;
  font-weight:900!important;
}
.table.dfile-grid > thead > tr.excel-band > th{
  padding:12px 10px!important;
}
.excel-title{
  background:#d9ead3!important;
  background-color:#d9ead3!important;
  border:1px solid #b6d7a8!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
  color:#000!important;
  text-align:center!important;
  font-size:1.25rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  padding:14px!important;
}

.dashboard-table th:nth-child(1),.dashboard-table td:nth-child(1){width:58px!important;min-width:58px!important;max-width:58px!important;text-align:center!important;}
.dashboard-table th:nth-child(2),.dashboard-table td:nth-child(2){width:105px!important;min-width:105px!important;}
.dashboard-table th:nth-child(3),.dashboard-table td:nth-child(3){width:150px!important;min-width:150px!important;}
.dashboard-table th:nth-child(4),.dashboard-table td:nth-child(4){width:125px!important;min-width:125px!important;}
.dashboard-table th:nth-child(5),.dashboard-table td:nth-child(5){width:125px!important;min-width:125px!important;}
.dashboard-table th:nth-child(6),.dashboard-table td:nth-child(6){width:125px!important;min-width:125px!important;}
.dashboard-table th:nth-child(7),.dashboard-table td:nth-child(7){width:140px!important;min-width:140px!important;}
.dashboard-table th:nth-child(8),.dashboard-table td:nth-child(8){width:145px!important;min-width:145px!important;}
.dashboard-table th:nth-child(9),.dashboard-table td:nth-child(9){width:132px!important;min-width:132px!important;}
.dashboard-table th:nth-child(10),.dashboard-table td:nth-child(10){width:150px!important;min-width:150px!important;}
.dashboard-table th:nth-child(11),.dashboard-table td:nth-child(11){width:175px!important;min-width:175px!important;}
.dashboard-table th:nth-child(12),.dashboard-table td:nth-child(12){width:138px!important;min-width:138px!important;text-align:center!important;}
.dashboard-table th:nth-child(13),.dashboard-table td:nth-child(13){width:175px!important;min-width:175px!important;}
.dashboard-table th:nth-child(14),.dashboard-table td:nth-child(14){width:122px!important;min-width:122px!important;}

.dfile-grid:not(.with-checks) th:nth-child(1),
.dfile-grid:not(.with-checks) td:nth-child(1){width:105px!important;min-width:105px!important;max-width:105px!important;text-align:left!important;}
.dfile-grid:not(.with-checks) th:nth-child(2),
.dfile-grid:not(.with-checks) td:nth-child(2){width:150px!important;min-width:150px!important;}
.dfile-grid:not(.with-checks) th:nth-child(3),
.dfile-grid:not(.with-checks) td:nth-child(3){width:125px!important;min-width:125px!important;}
.dfile-grid:not(.with-checks) th:nth-child(4),
.dfile-grid:not(.with-checks) td:nth-child(4){width:125px!important;min-width:125px!important;}
.dfile-grid:not(.with-checks) th:nth-child(5),
.dfile-grid:not(.with-checks) td:nth-child(5){width:125px!important;min-width:125px!important;}
.dfile-grid:not(.with-checks) th:nth-child(6),
.dfile-grid:not(.with-checks) td:nth-child(6){width:140px!important;min-width:140px!important;}
.dfile-grid:not(.with-checks) th:nth-child(7),
.dfile-grid:not(.with-checks) td:nth-child(7){width:145px!important;min-width:145px!important;}
.dfile-grid:not(.with-checks) th:nth-child(8),
.dfile-grid:not(.with-checks) td:nth-child(8){width:132px!important;min-width:132px!important;}
.dfile-grid:not(.with-checks) th:nth-child(9),
.dfile-grid:not(.with-checks) td:nth-child(9){width:150px!important;min-width:150px!important;}
.dfile-grid:not(.with-checks) th:nth-child(10),
.dfile-grid:not(.with-checks) td:nth-child(10){width:175px!important;min-width:175px!important;}
.dfile-grid:not(.with-checks) th:nth-child(11),
.dfile-grid:not(.with-checks) td:nth-child(11){width:138px!important;min-width:138px!important;text-align:center!important;}
.dfile-grid:not(.with-checks) th:nth-child(12),
.dfile-grid:not(.with-checks) td:nth-child(12){width:175px!important;min-width:175px!important;}

.dfile-grid.seksi-table th:nth-child(n+13),
.dfile-grid.seksi-table td:nth-child(n+13){
  width:155px!important;
  min-width:155px!important;
}
.dfile-grid.seksi-table th:last-child,
.dfile-grid.seksi-table td:last-child{
  width:230px!important;
  min-width:230px!important;
}

.file-cell{max-width:160px!important;white-space:normal!important;}
.file-mini-name{display:block!important;max-width:150px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.posisi-status{display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;min-width:108px!important;}
.posisi-spinner{width:1.05rem!important;height:1.05rem!important;border-width:.16em!important;}
.posisi-badge{min-width:96px!important;padding:.42rem .58rem!important;border-radius:.45rem!important;font-weight:800!important;}


/* ===== Admin Root GXON Restore ===== */
.root-dashboard-card .card-body{
  padding:24px!important;
}
.root-dashboard-card h5{
  font-weight:800!important;
  color:#0f1b2d!important;
}
.root-toolbar{
  align-items:center!important;
  justify-content:flex-end!important;
}
.root-search-form{
  align-items:center!important;
}
.root-search{
  width:260px!important;
  min-width:240px!important;
  height:44px!important;
  border-radius:9px!important;
  border:1px solid #e8edf5!important;
  box-shadow:none!important;
  padding:0 14px!important;
}
.root-search:focus{
  border-color:#a7bdf7!important;
  box-shadow:0 0 0 .22rem rgba(49,100,244,.12)!important;
}
.root-table-wrap{
  border:0!important;
  border-radius:0 0 10px 10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:#fff!important;
}
.root-dashboard-table{
  width:max-content!important;
  min-width:1480px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  margin-bottom:0!important;
}
.root-dashboard-table th,
.root-dashboard-table td{
  border:1px solid #111!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.root-dashboard-table td{
  border-color:#d9e2ef!important;
  color:#0f172a!important;
  font-size:.80rem!important;
  padding:10px 8px!important;
}
.root-dashboard-table th{
  color:#0f172a!important;
  font-size:.76rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  padding:10px 8px!important;
  background:#f8fafc!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
.root-dashboard-table thead tr.excel-band th{
  background:#eef8ee!important;
  background-color:#eef8ee!important;
  color:#0f172a!important;
  text-align:left!important;
  font-style:normal!important;
  font-weight:900!important;
  padding:12px 10px!important;
}
.excel-title{
  background:#d9ead3!important;
  border:1px solid #b6d7a8!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
  color:#000!important;
  text-align:center!important;
  font-size:1.25rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  padding:14px!important;
}
.root-dashboard-table th:nth-child(1),.root-dashboard-table td:nth-child(1){width:52px!important;min-width:52px!important;text-align:center!important;}
.root-dashboard-table th:nth-child(2),.root-dashboard-table td:nth-child(2){width:105px!important;min-width:105px!important;}
.root-dashboard-table th:nth-child(3),.root-dashboard-table td:nth-child(3){width:150px!important;min-width:150px!important;}
.root-dashboard-table th:nth-child(4),.root-dashboard-table td:nth-child(4){width:125px!important;min-width:125px!important;}
.root-dashboard-table th:nth-child(5),.root-dashboard-table td:nth-child(5){width:125px!important;min-width:125px!important;}
.root-dashboard-table th:nth-child(6),.root-dashboard-table td:nth-child(6){width:125px!important;min-width:125px!important;}
.root-dashboard-table th:nth-child(7),.root-dashboard-table td:nth-child(7){width:145px!important;min-width:145px!important;}
.root-dashboard-table th:nth-child(8),.root-dashboard-table td:nth-child(8){width:145px!important;min-width:145px!important;}
.root-dashboard-table th:nth-child(9),.root-dashboard-table td:nth-child(9){width:132px!important;min-width:132px!important;}
.root-dashboard-table th:nth-child(10),.root-dashboard-table td:nth-child(10){width:152px!important;min-width:152px!important;}
.root-dashboard-table th:nth-child(11),.root-dashboard-table td:nth-child(11){width:175px!important;min-width:175px!important;}
.root-dashboard-table th:nth-child(12),.root-dashboard-table td:nth-child(12){width:138px!important;min-width:138px!important;text-align:center!important;}
.root-dashboard-table th:nth-child(13),.root-dashboard-table td:nth-child(13){width:175px!important;min-width:175px!important;}
.root-dashboard-table th:nth-child(14),.root-dashboard-table td:nth-child(14){width:120px!important;min-width:120px!important;}
.root-dashboard-table .empty{
  text-align:center!important;
  color:#8d98b4!important;
  padding:32px!important;
}
.root-dashboard-card .btn-outline-danger{
  background:#fff!important;
  border:1px solid #ff3b25!important;
  color:#ff3b25!important;
}
.root-dashboard-card .btn-outline-danger:hover{
  background:#ff3b25!important;
  color:#fff!important;
}
.root-dashboard-card .btn-light-danger{
  color:#ff3b25!important;
  background:#fff2f0!important;
  border:0!important;
}


/* ===== Data User GXON Restore ===== */
.data-user-head h2{
  font-weight:800!important;
  color:#0f1b2d!important;
}
.data-user-add-btn{
  min-width:160px!important;
  font-weight:800!important;
  border-radius:9px!important;
}
.data-user-stat .card-body{
  min-height:142px!important;
  padding:24px!important;
}
.data-user-stat h3{
  font-size:1.9rem!important;
  font-weight:800!important;
  margin-bottom:.65rem!important;
}
.data-user-stat h6{
  font-weight:800!important;
  margin-bottom:.2rem!important;
}
.data-user-card .card-body{
  padding:24px!important;
}
.data-user-card h5{
  font-weight:800!important;
  color:#0f1b2d!important;
}
.data-user-search{
  width:300px!important;
  min-width:260px!important;
  height:44px!important;
  border-radius:9px!important;
  border:1px solid #e8edf5!important;
  box-shadow:none!important;
  padding:0 14px!important;
}
.data-user-search:focus{
  border-color:#a7bdf7!important;
  box-shadow:0 0 0 .22rem rgba(49,100,244,.12)!important;
}
.data-user-table-wrap{
  border:0!important;
  border-radius:0!important;
  overflow-x:auto!important;
}
.data-user-table{
  width:100%!important;
  min-width:920px!important;
  margin-bottom:0!important;
}
.data-user-table thead th{
  color:#0f172a!important;
  font-weight:800!important;
  border-bottom:1px solid #e8edf5!important;
  padding:14px 16px!important;
  background:#fff!important;
}
.data-user-table tbody td{
  padding:15px 16px!important;
  border-bottom:1px solid #edf1f7!important;
  vertical-align:middle!important;
  color:#0f172a!important;
}
.badge-role{
  font-size:.82rem!important;
  font-weight:800!important;
  padding:.55rem .78rem!important;
  border-radius:.5rem!important;
}
.data-user-edit-btn,
.data-user-table .btn-light-danger{
  border-radius:8px!important;
  font-weight:800!important;
}
.data-user-table .btn-light-primary{
  background:rgba(49,100,244,.08)!important;
  color:#3164f4!important;
  border:0!important;
}
.data-user-table .btn-light-danger{
  background:#fff2f0!important;
  color:#ff3b25!important;
  border:0!important;
}
#userModal{
  background:rgba(15,23,42,.45)!important;
}
#userModal.show{
  display:block!important;
}
#userModal .modal-dialog{
  margin:5.5rem auto!important;
}
.data-user-modal{
  border:0!important;
  border-radius:14px!important;
  box-shadow:0 24px 80px rgba(15,23,42,.20)!important;
  overflow:hidden!important;
}
.data-user-modal .modal-header,
.data-user-modal .modal-footer{
  border-color:#edf1f7!important;
}
.password-wrap{
  position:relative;
}
.password-wrap .form-control{
  padding-right:3rem!important;
}
.password-toggle{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:#96a0b8;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:1.05rem;
  border-radius:50%;
}
.password-toggle:hover{
  color:#198754;
  background:rgba(25,135,84,.08);
}
@media(max-width:768px){
  .data-user-search{width:100%!important;min-width:100%!important;}
  .data-user-search-form{width:100%!important;}
  .data-user-add-btn{width:100%!important;}
}


/* ===== Admin Seksi GXON Restore ===== */
.app-header .navbar-nav{
  display:none!important;
}
.app-header .app-header-end > .px-lg-3,
.app-header .app-header-end > .vr{
  display:none!important;
}
.admin-seksi-stats .stat-card .card-body{
  min-height:142px!important;
  padding:24px!important;
}
.admin-seksi-stats .stat-card h3{
  font-size:1.9rem!important;
  font-weight:800!important;
  margin-bottom:.65rem!important;
}
.admin-seksi-stats .stat-card h6{
  font-weight:800!important;
  margin-bottom:.2rem!important;
}
.admin-seksi-card .card-body{
  padding:24px!important;
}
.admin-seksi-card h5{
  font-weight:800!important;
  color:#0f1b2d!important;
}
.admin-seksi-search{
  width:260px!important;
  min-width:230px!important;
  height:44px!important;
  border-radius:9px!important;
  border:1px solid #e8edf5!important;
  box-shadow:none!important;
  padding:0 14px!important;
}
.admin-seksi-search:focus{
  border-color:#a7bdf7!important;
  box-shadow:0 0 0 .22rem rgba(49,100,244,.12)!important;
}
.admin-seksi-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid #e8edf5!important;
  border-top:0!important;
  border-radius:0 0 10px 10px!important;
  background:#fff!important;
}
.admin-seksi-table-wrap::-webkit-scrollbar{
  height:10px!important;
}
.admin-seksi-table-wrap::-webkit-scrollbar-track{
  background:#eef2f7!important;
  border-radius:999px!important;
}
.admin-seksi-table-wrap::-webkit-scrollbar-thumb{
  background:#9aa5b5!important;
  border-radius:999px!important;
}
.admin-seksi-table{
  border-collapse:collapse!important;
  width:max-content!important;
  table-layout:fixed!important;
  margin-bottom:0!important;
  background:#fff!important;
}
.admin-seksi1-table{
  min-width:2550px!important;
}
.admin-seksi2-table{
  min-width:2100px!important;
}
.admin-seksi-table th,
.admin-seksi-table td{
  border:1px solid #111827!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#0c1728!important;
}
.admin-seksi-table th{
  background:#f8fafc!important;
  text-align:center!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  font-size:.78rem!important;
  line-height:1.22!important;
  padding:10px 8px!important;
}
.admin-seksi-table td{
  border-color:#d9e2ef!important;
  font-size:.80rem!important;
  padding:10px 8px!important;
}
.admin-seksi-table thead tr:first-child th,
.admin-seksi-table .excel-band,
.admin-seksi-table .excel-access{
  background:#eef8ee!important;
  background-color:#eef8ee!important;
  color:#0c1728!important;
  font-weight:900!important;
  font-style:normal!important;
}
.admin-seksi-table .excel-band{
  text-align:left!important;
}
.admin-seksi-table .excel-access{
  text-align:center!important;
}
.excel-title{
  background:#d9ead3!important;
  border:1px solid #b6d7a8!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
  color:#000!important;
  text-align:center!important;
  font-size:1.25rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  padding:14px!important;
}
.admin-seksi-table th:nth-child(1),.admin-seksi-table td:nth-child(1){width:105px!important;min-width:105px!important;}
.admin-seksi-table th:nth-child(2),.admin-seksi-table td:nth-child(2){width:150px!important;min-width:150px!important;}
.admin-seksi-table th:nth-child(3),.admin-seksi-table td:nth-child(3){width:130px!important;min-width:130px!important;}
.admin-seksi-table th:nth-child(4),.admin-seksi-table td:nth-child(4){width:130px!important;min-width:130px!important;}
.admin-seksi-table th:nth-child(5),.admin-seksi-table td:nth-child(5){width:125px!important;min-width:125px!important;}
.admin-seksi-table th:nth-child(6),.admin-seksi-table td:nth-child(6){width:145px!important;min-width:145px!important;}
.admin-seksi-table th:nth-child(7),.admin-seksi-table td:nth-child(7){width:145px!important;min-width:145px!important;}
.admin-seksi-table th:nth-child(8),.admin-seksi-table td:nth-child(8){width:135px!important;min-width:135px!important;}
.admin-seksi-table th:nth-child(9),.admin-seksi-table td:nth-child(9){width:155px!important;min-width:155px!important;}
.admin-seksi-table th:nth-child(10),.admin-seksi-table td:nth-child(10){width:175px!important;min-width:175px!important;}
.admin-seksi-table th:nth-child(11),.admin-seksi-table td:nth-child(11){width:138px!important;min-width:138px!important;text-align:center!important;}
.admin-seksi-table th:nth-child(12),.admin-seksi-table td:nth-child(12){width:165px!important;min-width:165px!important;}
.admin-seksi-table th:nth-child(n+13),.admin-seksi-table td:nth-child(n+13){
  width:142px!important;
  min-width:142px!important;
}
.admin-seksi1-table th:nth-child(19),.admin-seksi1-table td:nth-child(19),
.admin-seksi2-table th:nth-child(16),.admin-seksi2-table td:nth-child(16){
  width:310px!important;
  min-width:310px!important;
}
.admin-mini-select{
  height:36px!important;
  min-height:36px!important;
  border-radius:8px!important;
  font-size:.78rem!important;
  padding:.35rem 1.8rem .35rem .65rem!important;
}
.admin-kendala-cell{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  min-width:290px!important;
}
.admin-kendala-input{
  min-width:170px!important;
  height:36px!important;
  border-radius:8px!important;
  font-size:.78rem!important;
}
.admin-save-btn{
  height:36px!important;
  border-radius:8px!important;
  font-size:.78rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.admin-seksi-table .empty{
  text-align:center!important;
  color:#8d98b4!important;
  padding:32px!important;
}
.file-cell{max-width:155px!important;}
.file-mini-name{display:block!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.posisi-status{display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;min-width:108px!important;}
.posisi-spinner{width:1.05rem!important;height:1.05rem!important;border-width:.16em!important;}
.posisi-badge{min-width:96px!important;padding:.42rem .58rem!important;border-radius:.45rem!important;font-weight:800!important;}
@media(max-width:768px){
  .admin-seksi-search{width:100%!important;min-width:100%!important;}
  .admin-seksi-search-form{width:100%!important;}
}


/* ===== User Dashboard GXON Restore ===== */
.hidden{display:none!important;}
.user-service-marquee{
  width:100%!important;
  overflow:hidden!important;
  background:rgba(255,0,0,.06)!important;
  border:1px solid rgba(220,53,69,.18)!important;
  border-radius:12px!important;
  padding:8px 0!important;
  margin:0 0 12px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
}
.user-service-marquee-track{
  display:flex!important;
  width:max-content!important;
  white-space:nowrap!important;
  animation:userServiceMarqueeGXON 18s linear infinite!important;
}
.user-service-marquee-track span{
  display:inline-block!important;
  padding:0 60px!important;
  color:#dc3545!important;
  font-style:italic!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
@keyframes userServiceMarqueeGXON{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
.user-form-card .card-body,
.user-list-card .card-body{
  padding:24px!important;
}
.user-form-card h5,
.user-list-card h5{
  font-weight:800!important;
  color:#0f1b2d!important;
}
.user-form-card p{
  color:#8d98b4!important;
}
.user-add-btn{
  min-width:230px!important;
  border-radius:9px!important;
  font-weight:800!important;
}
.user-list-tools{
  justify-content:flex-end!important;
}
.user-import-btn{
  min-width:150px!important;
  border-radius:9px!important;
  font-weight:800!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.user-search{
  width:260px!important;
  min-width:240px!important;
  height:44px!important;
  border-radius:9px!important;
  border:1px solid #e8edf5!important;
  box-shadow:none!important;
  padding:0 14px!important;
}
.user-search:focus{
  border-color:#a7bdf7!important;
  box-shadow:0 0 0 .22rem rgba(49,100,244,.12)!important;
}
.user-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid #e8edf5!important;
  border-top:0!important;
  border-radius:0 0 10px 10px!important;
  background:#fff!important;
}
.user-table-wrap::-webkit-scrollbar{height:10px!important;}
.user-table-wrap::-webkit-scrollbar-track{background:#eef2f7!important;border-radius:999px!important;}
.user-table-wrap::-webkit-scrollbar-thumb{background:#9aa5b5!important;border-radius:999px!important;}
.user-dashboard-table{
  border-collapse:collapse!important;
  width:max-content!important;
  min-width:1450px!important;
  table-layout:fixed!important;
  margin-bottom:0!important;
  background:#fff!important;
}
.user-dashboard-table th,
.user-dashboard-table td{
  border:1px solid #111827!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#0c1728!important;
}
.user-dashboard-table th{
  background:#f8fafc!important;
  text-align:center!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  font-size:.78rem!important;
  line-height:1.22!important;
  padding:10px 8px!important;
}
.user-dashboard-table td{
  border-color:#d9e2ef!important;
  font-size:.80rem!important;
  padding:10px 8px!important;
}
.user-dashboard-table thead tr.excel-band th{
  background:#eef8ee!important;
  color:#0c1728!important;
  text-align:left!important;
  font-weight:900!important;
}
.excel-title{
  background:#d9ead3!important;
  border:1px solid #b6d7a8!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
  color:#000!important;
  text-align:center!important;
  font-size:1.25rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  padding:14px!important;
}
.user-dashboard-table th:nth-child(1),.user-dashboard-table td:nth-child(1){width:105px!important;min-width:105px!important;}
.user-dashboard-table th:nth-child(2),.user-dashboard-table td:nth-child(2){width:150px!important;min-width:150px!important;}
.user-dashboard-table th:nth-child(3),.user-dashboard-table td:nth-child(3){width:130px!important;min-width:130px!important;}
.user-dashboard-table th:nth-child(4),.user-dashboard-table td:nth-child(4){width:130px!important;min-width:130px!important;}
.user-dashboard-table th:nth-child(5),.user-dashboard-table td:nth-child(5){width:125px!important;min-width:125px!important;}
.user-dashboard-table th:nth-child(6),.user-dashboard-table td:nth-child(6){width:145px!important;min-width:145px!important;}
.user-dashboard-table th:nth-child(7),.user-dashboard-table td:nth-child(7){width:145px!important;min-width:145px!important;}
.user-dashboard-table th:nth-child(8),.user-dashboard-table td:nth-child(8){width:135px!important;min-width:135px!important;}
.user-dashboard-table th:nth-child(9),.user-dashboard-table td:nth-child(9){width:155px!important;min-width:155px!important;}
.user-dashboard-table th:nth-child(10),.user-dashboard-table td:nth-child(10){width:175px!important;min-width:175px!important;}
.user-dashboard-table th:nth-child(11),.user-dashboard-table td:nth-child(11){width:138px!important;min-width:138px!important;text-align:center!important;}
.user-dashboard-table th:nth-child(12),.user-dashboard-table td:nth-child(12){width:175px!important;min-width:175px!important;}
.user-dashboard-table .empty{
  text-align:center!important;
  color:#8d98b4!important;
  padding:28px 14px!important;
}
.user-request-modal{
  background:rgba(15,23,42,.45)!important;
}
.user-request-modal.show{display:block!important;}
.user-request-modal .modal-dialog{margin:4.5rem auto!important;}
.user-request-modal .modal-content{
  border:0!important;
  border-radius:14px!important;
  box-shadow:0 24px 80px rgba(15,23,42,.20)!important;
  overflow:hidden!important;
}
.user-request-modal .modal-header,
.user-request-modal .modal-footer{
  border-color:#edf1f7!important;
}
.user-request-modal .form-label{
  font-weight:800!important;
}
@media(max-width:768px){
  .user-add-btn,.user-search,.user-import-btn{width:100%!important;min-width:100%!important;}
  .user-add-wrap,.user-list-tools,.user-search-form{width:100%!important;text-align:left!important;}
}


/* ===== User Table Aksi Edit ===== */
.user-dashboard-table{
  min-width:1570px!important;
}
.user-dashboard-table th:nth-child(13),
.user-dashboard-table td:nth-child(13){
  width:120px!important;
  min-width:120px!important;
  text-align:center!important;
}
.user-edit-btn{
  border-radius:8px!important;
  font-weight:800!important;
  background:rgba(49,100,244,.08)!important;
  color:#3164f4!important;
  border:0!important;
  white-space:nowrap!important;
}
.user-edit-btn:hover{
  background:#3164f4!important;
  color:#fff!important;
}


/* ===== Delete modal + file eye upload ===== */
.uploaded-file-cell{
  position:relative;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr);
  column-gap:7px;
  align-items:center;
  max-width:170px!important;
  white-space:normal!important;
}
.file-eye-link{
  width:24px;
  height:24px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(49,100,244,.08);
  color:#3164f4!important;
  text-decoration:none!important;
  font-size:.85rem;
}
.file-eye-link:hover{
  background:#3164f4;
  color:#fff!important;
}
.uploaded-file-cell .file-mini-name{
  grid-column:2;
  display:block!important;
  max-width:130px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.uploaded-file-cell small{
  grid-column:2;
  display:block;
  margin-top:1px;
}
.confirm-modal{
  position:fixed!important;
  inset:0!important;
  background:rgba(15,23,42,.48)!important;
  z-index:9999!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}
.delete-modal-card{
  width:min(520px,100%)!important;
  background:#fff!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 24px 80px rgba(15,23,42,.25)!important;
}
.delete-modal-card .modal-header-like{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:22px 24px!important;
  border-bottom:1px solid #edf1f7!important;
}
.delete-modal-card h2{
  font-size:1.2rem!important;
  margin:0!important;
  font-weight:900!important;
  color:#0f172a!important;
}
.delete-modal-card p{
  padding:22px 24px!important;
  margin:0!important;
  color:#667085!important;
}
.delete-modal-card .modal-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:18px 24px!important;
  border-top:1px solid #edf1f7!important;
  background:#fbfcff!important;
}
.modal-x-btn{
  border:0!important;
  background:transparent!important;
  font-size:1.5rem!important;
  color:#667085!important;
  cursor:pointer!important;
}
.btn-light-danger,
.root-dashboard-card .btn-light-danger{
  color:#ff3b25!important;
  background:#fff2f0!important;
  border:0!important;
  font-weight:800!important;
}
.btn-light-danger:hover,
.root-dashboard-card .btn-light-danger:hover{
  background:#ff3b25!important;
  color:#fff!important;
}


/* ===== Root Settings GXON Tabs ===== */
.settings-page-head{
  margin-bottom:28px!important;
}
.settings-title{
  font-size:2rem!important;
  font-weight:900!important;
  margin:0 0 8px!important;
  color:#0f1b2d!important;
}
.settings-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#98a2b8!important;
  font-weight:700!important;
}
.settings-breadcrumb a{
  color:#3164f4!important;
  text-decoration:none!important;
}
.settings-card{
  border:1px solid #edf1f7!important;
  border-radius:12px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}
.settings-tabs{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  border-bottom:1px solid #edf1f7!important;
  padding:0 26px!important;
  background:#fff!important;
}
.settings-tab{
  display:inline-flex!important;
  align-items:center!important;
  min-height:66px!important;
  padding:0 18px!important;
  color:#98a2b8!important;
  font-weight:800!important;
  font-size:1rem!important;
  text-decoration:none!important;
  border-bottom:2px solid transparent!important;
}
.settings-tab:hover{
  color:#3164f4!important;
}
.settings-tab.active{
  color:#3164f4!important;
  border-bottom-color:#3164f4!important;
}
.settings-tab-content{
  padding:28px 28px 34px!important;
}
.settings-tab-content h2{
  font-size:1.35rem!important;
  font-weight:900!important;
  color:#0f1b2d!important;
  margin:0 0 22px!important;
}
.settings-check{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#98a2b8!important;
  font-size:1rem!important;
  font-weight:800!important;
  margin-bottom:22px!important;
}
.settings-check input{
  width:26px!important;
  height:26px!important;
  border-radius:7px!important;
}
.settings-field{
  max-width:520px!important;
}
.settings-field label{
  display:block!important;
  color:#98a2b8!important;
  font-weight:800!important;
  margin-bottom:10px!important;
}
.settings-field input{
  height:52px!important;
  border-radius:9px!important;
  border:1px solid #edf1f7!important;
  padding:0 18px!important;
  color:#98a2b8!important;
  font-weight:700!important;
}
.settings-actions{
  margin-top:22px!important;
}
.settings-backup-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  align-items:center!important;
}
.settings-btn{
  min-width:150px!important;
  min-height:52px!important;
  border-radius:9px!important;
  font-weight:900!important;
  padding:0 26px!important;
}
.btn-outline-warning.settings-btn{
  background:#fff!important;
  border:1px solid #ff8a00!important;
  color:#ff8a00!important;
}
.btn-outline-warning.settings-btn:hover{
  background:#ff8a00!important;
  color:#fff!important;
}
.btn-outline-danger.settings-btn{
  background:#fff!important;
  border:1px solid #ff3b25!important;
  color:#ff3b25!important;
}
.btn-outline-danger.settings-btn:hover{
  background:#ff3b25!important;
  color:#fff!important;
}
.settings-note{
  color:#98a2b8!important;
  margin:18px 0 0!important;
}
@media(max-width:768px){
  .settings-tabs{padding:0 12px!important;}
  .settings-tab{padding:0 14px!important;}
  .settings-tab-content{padding:22px 18px!important;}
  .settings-btn{width:100%!important;}
  .settings-backup-actions form{width:100%!important;}
}


/* ===== Captcha Login ===== */
.captcha-box{
  margin-top:16px!important;
}
.captcha-row{
  display:grid!important;
  grid-template-columns:140px 1fr!important;
  gap:10px!important;
  align-items:center!important;
}
.captcha-question{
  min-height:46px!important;
  border-radius:10px!important;
  background:#f4f7fb!important;
  border:1px solid #edf1f7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:900!important;
  color:#0f1b2d!important;
  letter-spacing:.04em!important;
}
@media(max-width:480px){
  .captcha-row{
    grid-template-columns:1fr!important;
  }
}