/*!
* Version: 1.2.0
* Template: Example Project
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for Template.
*
*/:focus{outline:none}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}.sign-bg{position:absolute;left:0;top:0}.sign-bg.sign-bg-right{left:auto;right:0}.gradient-main{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.login-bottom{margin-top:-12.5rem}@media(min-width: 1400px){.auth-card{padding:0 6.25rem}}@media(max-width: 575.98px){.login-header{height:12.5rem !important}.login-bottom{margin-top:-6.25rem}}.card .iq-dashed-border{padding:1.5rem;-webkit-border-radius:.5rem;border-radius:.5rem;border:1px dashed #ced4da}.card .card-body .grid-flow-col{grid-auto-flow:column}.card .card-body .iq-icon-box-2{height:36px;width:36px;min-width:36px;line-height:36px;background:#f5f6fa;text-align:center;font-size:1rem;text-decoration:none;-webkit-border-radius:.5rem;border-radius:.5rem}.card .card-body .iq-media-group-1 .iq-media-1{margin-left:-1.25rem;position:relative;z-index:0}.card .card-body .iq-media-group-1 .iq-media-1:hover{z-index:9}.card .card-body .iq-media-group-1 .iq-media-1 img{border:2px solid #eee}.card .card-body .iq-media-group-1 .iq-media-1:first-child{margin-left:0}.card .card-body .iq-media-group-1 .iq-media.border{border:2px solid #eee}.card .card-body .iq-media-1{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;-webkit-border-radius:.25rem;border-radius:.25rem}.card .card-body .iq-media-1:hover{text-decoration:none}.pricing .table thead tr{background-color:unset}.pricing .table th{border-top:none;border-bottom:1px solid #eee}.pricing .table td{border-top:none !important}.pricing .table tr{border-bottom:1px solid #eee}.prc-box{background:#d8ddfa;padding:15px;position:relative;-webkit-border-radius:.5rem;border-radius:.5rem;cursor:pointer}.type{position:absolute;background:#3a57e8;padding:9px 25px;color:#fff;top:-15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-weight:500}.type:before{position:absolute;content:"";width:0;height:0;right:-15px;top:0px;border-left:15px solid #0c112e;border-top:15px solid rgba(0,0,0,0)}.type:after{position:absolute;content:"";width:0;height:0;left:-15px;top:0px;border-right:15px solid #0c112e;border-top:15px solid rgba(0,0,0,0)}.prc-box.active{background:#3a57e8}.prc-box.active .h3{color:#fff}.prc-box.active .type{background:#d8ddfa;color:#212529}.prc-box.active .type:before{border-left:16px solid #0c112e;right:-16px}.prc-box.active .type:after{border-right:16px solid #0c112e;left:-16px}.prc-wrap{border-bottom:none !important}.child-cell.active{color:#3a57e8;stroke:#3a57e8}.line-around{border-bottom:1px solid #eee;line-height:.1em;margin:10px 0 20px}.line-around .line-around-1{text-transform:uppercase;background:#fff;padding:0 10px 0 0}.iq-single-card{-webkit-border-radius:0 .5rem .5rem 0;border-radius:0 .5rem .5rem 0}@media(max-width: 767.98px){.iq-single-card{-webkit-border-radius:0 0 .5rem .5rem;border-radius:0 0 .5rem .5rem}}.iq-star-inserted .iq-star-inserted-1.col{padding-right:unset}.iq-star-inserted .iq-star-inserted-2{z-index:2}.iq-star-inserted .iq-star-inserted-2.col{padding:unset}.iq-star-inserted .iq-star-inserted-2.col .card{height:100%}.iq-star-inserted .iq-star-inserted-3.col{padding-left:unset}@media(max-width: 991.98px){.iq-star-inserted .card.my-5{margin:unset !important;margin-bottom:2rem !important}.iq-star-inserted .iq-star-inserted-1.col{padding-right:-webkit-calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2)}.iq-star-inserted .iq-star-inserted-2.col{padding-right:-webkit-calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);padding-left:-webkit-calc(var(--bs-gutter-x)/2);padding-left:calc(var(--bs-gutter-x)/2)}.iq-star-inserted .iq-star-inserted-2.col .card{height:unset;margin-bottom:2rem !important}.iq-star-inserted .iq-star-inserted-3.col{padding-left:-webkit-calc(var(--bs-gutter-x)/2);padding-left:calc(var(--bs-gutter-x)/2)}}.body-class-1{scroll-behavior:smooth}.main-img .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;font-weight:700;text-transform:uppercase;text-align:center}.main-img .container h1{margin:0;font-size:4.375rem;color:#fff}.main-img .container h1 span{padding:.375rem .875rem;display:inline-block}.bd-heading-1 .bd-example{margin-top:1rem}.bd-heading-1 .bd-example:first-child{margin-top:0rem}.bd-cheatsheet{margin-top:-2rem}.bd-cheatsheet section article .card.iq-document-card{padding:1.5rem}.bd-cheatsheet section article .card.iq-document-card .tab-content pre.language-markup{margin:unset}.bd-aside.card.iq-document-card{padding:1.5rem;margin-top:-2rem}.bd-aside a{padding:.25rem .5rem;margin-top:.125rem;margin-left:.25rem;color:rgba(138,146,166,.95);text-decoration:none}.bd-aside a:hover,.bd-aside a:focus{background-color:rgba(58,87,232,.1)}.bd-aside .active{font-weight:600;background-color:rgba(58,87,232,.1);color:#3a57e8}.bd-aside .btn{padding:.25rem .5rem;font-weight:600;color:#8a92a6;border:0}.bd-aside .btn .right-icon{-webkit-transition:-webkit-transform .35s ease;transition:-webkit-transform .35s ease;-o-transition:transform .35s ease;transition:transform .35s ease;transition:transform .35s ease, -webkit-transform .35s ease}.bd-aside .btn:hover,.bd-aside .btn:focus{background-color:rgba(58,87,232,.1);color:#3a57e8}.bd-aside .btn:focus{-webkit-box-shadow:0 0 0 .063rem rgba(58,87,232,.7);box-shadow:0 0 0 .063rem rgba(58,87,232,.7)}.bd-aside .btn[aria-expanded=true] .right-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.scrollspy-example{position:relative;height:12.5rem;margin-top:.5rem;overflow:auto}[id=modal] .bd-example .btn,[id=buttons] .bd-example .btn,[id=tooltips] .bd-example .btn,[id=popovers] .bd-example .btn,[id=dropdowns] .bd-example .btn-group,[id=dropdowns] .bd-example .dropdown,[id=dropdowns] .bd-example .dropup,[id=dropdowns] .bd-example .dropend,[id=dropdowns] .bd-example .dropstart{margin-top:.5rem}@media(min-width: 1200px){.body-class-1{display:grid;gap:1rem;grid-template-columns:1fr 4fr 1fr;grid-template-rows:auto}.bd-aside.sticky-xl-top{top:2rem !important}.bd-header{position:fixed;top:0;right:0;left:0;z-index:1030;grid-column:1/span 3}.sticky-xl-top{z-index:2}.bd-cheatsheet,.bd-cheatsheet section,.bd-cheatsheet article{display:grid;gap:2rem;grid-template-columns:3fr 1fr;grid-column:span 2/span 2;grid-template-rows:auto}.bd-aside{grid-area:1/1;scroll-margin-top:4rem}.bd-cheatsheet section,.bd-cheatsheet section>.iq-side-content{top:2rem;scroll-margin-top:0}.bd-cheatsheet article,.bd-cheatsheet .bd-heading{top:-webkit-calc(7.2rem + 2rem);top:calc(7.2rem + 2rem);scroll-margin-top:-webkit-calc(7.8rem + 2rem);scroll-margin-top:calc(7.8rem + 2rem)}.bd-cheatsheet .bd-heading{z-index:1;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.bd-cheatsheet .bd-heading .card{margin-bottom:0}.bd-cheatsheet article .iq-document-card{margin-bottom:unset}.bd-cheatsheet article .iq-document-card.iq-doc-head{margin-top:-6.8rem}}@media(min-width: 768px)and (max-width: 1199.98px){.mobile-offcanvas{width:40% !important}}@media(max-width: 767.98px){.main-img .container h1{font-size:3.125rem}}@media(max-width: 1199.98px){.header .container{max-width:unset !important}aside.mobile-offcanvas{margin-top:unset !important}aside.mobile-offcanvas .offcanvas-header{display:block}.body-class-1{padding:unset}.body-class-1.container{max-width:unset}#content .iq-side-content .card{margin-top:1.25rem}.mobile-offcanvas{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-border-radius:0;border-radius:0;display:block;position:fixed;top:0;left:0;height:100vh;z-index:1200;width:75%;overflow-y:scroll;overflow-x:hidden;-webkit-transition:visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:visibility .3s ease-in-out,transform .3s ease-in-out;transition:visibility .3s ease-in-out,transform .3s ease-in-out;transition:visibility .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;background:rgba(255,255,255,.8392156863);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem)}.mobile-offcanvas.show{visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.mobile-offcanvas .container,.mobile-offcanvas .container-fluid{display:block}}@media(min-width: 1200px){.bd-aside.card.iq-document-card,.bd-cheatsheet{margin-top:-3rem}aside.mobile-offcanvas .offcanvas-header{display:none}.bd-cheatsheet section .iq-side-content{grid-column-end:3}.bd-cheatsheet section .iq-side-content .card{margin-bottom:0}}body.offcanvas-active{overflow:hidden}body.uikit .btn-download{display:none}.uisheet.screen-darken{height:100%;width:0%;z-index:30;position:fixed;top:0;right:0;opacity:0;visibility:hidden;background-color:rgba(33,37,41,.6);-webkit-transition:opacity .2s linear,visibility .2s,width 2s ease-in;-o-transition:opacity .2s linear,visibility .2s,width 2s ease-in;transition:opacity .2s linear,visibility .2s,width 2s ease-in}.uisheet.screen-darken.active{z-index:10;-webkit-transition:opacity .3s ease,width 0s;-o-transition:opacity .3s ease,width 0s;transition:opacity .3s ease,width 0s;opacity:1;width:100%;visibility:visible}#back-to-top{display:inline !important}#back-to-top .top{bottom:1.563rem;right:1.563rem;z-index:999}.middle{display:inline !important}.middle .mid-menu{position:fixed;top:9.375rem;left:0rem;z-index:999;text-align:center;cursor:pointer;background:#3a57e8;color:#fff;padding:.2rem;-webkit-border-radius:0 1rem 1rem 0;border-radius:0 1rem 1rem 0}.top-1{top:1rem}
/*# sourceMappingURL=maps/custom.min.css.map */

/* Global fix to remove modal backdrop overlay */
.modal-backdrop {
    display: none !important;
}

.sidebar-body {
    overflow-y: auto !important;
    height: calc(100vh - 120px); /* Adjust this value as needed */
}
/* Sidebar collapse/collapsed fix */
.sidebar.sidebar-mini, .sidebar.collapsed {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    overflow-x: hidden !important;
    transition: width 0.2s;
}
.sidebar.sidebar-mini .sidebar-header .logo-title,
.sidebar.collapsed .sidebar-header .logo-title,
.sidebar.sidebar-mini .sidebar-content,
.sidebar.collapsed .sidebar-content,
.sidebar.sidebar-mini .sidebar-footer,
.sidebar.collapsed .sidebar-footer {
    display: none !important;
}
.sidebar.collapsed .default-icon,
.sidebar.sidebar-mini .default-icon {
    display: none !important;
}
.sidebar.collapsed .sidebar-header,
.sidebar.sidebar-mini .sidebar-header {
    justify-content: center !important;
}
.main-content {
    transition: margin-left 0.2s;
}
.sidebar.sidebar-mini ~ .main-content,
.sidebar.collapsed ~ .main-content {
    margin-left: 80px !important;
.sidebar.collapsed .sidebar-body,
.sidebar.sidebar-mini .sidebar-body {
    width: 100% !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.sidebar.collapsed .sidebar-list,
.sidebar.sidebar-mini .sidebar-list {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.sidebar.collapsed .nav-link,
.sidebar.sidebar-mini .nav-link {
    justify-content: center !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    text-align: center !important;
}
.sidebar.collapsed .item-name,
.sidebar.sidebar-mini .item-name {
    display: none !important;
}
.sidebar.collapsed .nav-link.static-item.disabled,
.sidebar.sidebar-mini .nav-link.static-item.disabled {
    display: none !important;
}
.sidebar.collapsed .nav-item.static-item,
.sidebar.sidebar-mini .nav-item.static-item {
    display: none !important;
}
/* Sidebar Responsive Fix */
@media (max-width: 991.98px) {
  #main-sidebar {
    width: 80vw !important;
    min-width: 220px !important;
    max-width: 320px !important;
    transform: translateX(-100%); /* Sembunyikan di luar layar */
    box-shadow: 2px 0 16px rgba(0,0,0,0.12);
    background: #fff;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.2s;
    visibility: hidden; /* Sembunyikan secara default */
    position: fixed; /* Pastikan posisi tetap */
    height: 100vh; /* Ambil tinggi penuh */
    top: 0; /* Posisikan di atas */
    z-index: 1001; /* Pastikan sidebar di atas konten */
  }
  #main-sidebar.sidebar-open {
    transform: translateX(0) !important; /* Tampilkan */
    box-shadow: 2px 0 24px rgba(0,0,0,0.18);
    visibility: visible; /* Jadikan terlihat */
  }
  #sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.3);
    z-index: 1000;
    opacity: 0; /* Sembunyikan overlay secara default */
    visibility: hidden; /* Sembunyikan overlay secara default */
    pointer-events: none; /* Jangan halangi klik saat tersembunyi */
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
  #sidebar-overlay.active {
    opacity: 1; /* Tampilkan overlay */
    visibility: visible; /* Jadikan overlay terlihat */
    pointer-events: auto; /* Izinkan klik saat terlihat */
  }
  .main-content {
    margin-left: 0 !important; /* Hilangkan margin untuk konten utama di mobile */
    transition: margin-left 0.2s;
  }
  #mobile-sidebar-toggle {
    display: block !important; /* Pastikan tombol toggle terlihat di mobile */
    z-index: 1002 !important; /* Pastikan tombol toggle selalu di atas overlay */
    position: relative; /* Penting untuk z-index agar berfungsi */
  }
}
@media (min-width: 992px) {
  #main-sidebar {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #sidebar-overlay { display: none !important; }
  .main-content { margin-left: 250px !important; }
  #mobile-sidebar-toggle { display: none !important; }
  .main-content.sidebar-collapsed {
    margin-left: 80px !important;
    transition: margin-left 0.3s;
  }
}

/* Header/Navbar Modern (Mobile) */
@media (max-width: 991.98px) {
  nav.navbar {
    background: linear-gradient(90deg, #3a57e8 0%, #00c6fb 100%) !important;
    box-shadow: 0 2px 12px rgba(58,87,232,0.08);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    color: #fff !important;
  }
  nav.navbar .navbar-brand img,
  nav.navbar .navbar-brand span {
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.08));
    color: #fff !important;
  }
  nav.navbar .navbar-brand span {
    font-weight: 700;
    font-size: 1.1rem;
  }
}

/* Konten utama mobile: padding, font, tombol */
@media (max-width: 991.98px) {
  .content-inner {
    padding: 0.5rem 0.5rem 2.5rem 0.5rem !important;
  }
  .card, .table, .btn, .form-control {
    font-size: 0.97rem !important;
    border-radius: 0.7rem !important;
  }
  .card {
    box-shadow: 0 2px 12px rgba(58,87,232,0.07);
    margin-bottom: 1.2rem !important;
  }
  .table {
    font-size: 0.93rem !important;
  }
  .btn {
    padding: 0.45rem 1.1rem !important;
    font-weight: 600;
  }
  .form-control {
    padding: 0.45rem 0.9rem !important;
  }
}

/* Greeting di header (mobile) */
@media (max-width: 991.98px) {
  .navbar .greeting {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    margin-left: 0.5rem;
  }
}

/* --- Responsive Table Patch: Desktop & Mobile --- */
#bill-table {
  min-width: unset !important;
  table-layout: auto !important;
  width: 100% !important;
}
#bill-table th, #bill-table td {
  white-space: normal !important;
  word-break: break-word !important;
}
@media (max-width: 991.98px) {
  #bill-table {
    min-width: 600px;
    font-size: 0.95rem;
    white-space: nowrap !important;
    table-layout: auto !important;
  }
  .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  #bill-table th, #bill-table td {
    white-space: nowrap !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    vertical-align: middle;
  }
  #bill-table td {
    font-size: 0.97rem;
  }
  #bill-table td .btn {
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 0.35rem 0.5rem !important;
    font-size: 1rem !important;
  }
}

/* Compact Table Patch for Data Pelanggan (Desktop) */
#customer-table {
  font-size: 0.93rem !important;
}
#customer-table th, #customer-table td {
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  line-height: 1.2 !important;
}
@media (max-width: 991.98px) {
  #customer-table {
    font-size: 0.95rem !important;
  }
  #customer-table th, #customer-table td {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    font-size: 0.97rem !important;
  }
}

/* Percantik tabel Data Pelanggan */
#customer-table {
  border-radius: 0.7rem 0.7rem 0 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 12px rgba(58,87,232,0.04);
}
#customer-table thead th {
  background: #f5f7fa !important;
  font-weight: 700;
  color: #3a57e8;
  border-bottom: 2px solid #e3e6ed !important;
  font-size: 1.01rem;
  letter-spacing: 0.01em;
}
#customer-table tbody tr {
  border-bottom: 1px solid #f0f1f6 !important;
  transition: background 0.15s;
}
#customer-table tbody tr:nth-child(even) {
  background: #fafbfc;
}
#customer-table tbody tr:hover {
  background: #eaf1ff !important;
}
#customer-table td, #customer-table th {
  vertical-align: middle !important;
}
#customer-table td {
  color: #222;
}

/* Paksa scroll bar horizontal untuk Data Pelanggan */
#customer-table {
  min-width: 1100px;
}
.table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* Fix Table Data Pelanggan: tanpa scroll bar, fit, dan wrapping */
#customer-table {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: unset !important;
}
.table-responsive {
  overflow-x: unset !important;
}
#customer-table th, #customer-table td {
  white-space: normal !important;
  word-break: break-word !important;
}

/* Scroll bar horizontal di bawah tabel Data Pelanggan, tetap fit */
.customer-table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#customer-table {
  min-width: 1100px;
  table-layout: fixed !important;
  width: 100% !important;
}

/* Scroll bar horizontal tepat di bawah tabel, info & pagination di luar scroll */
.customer-table-scroll {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.customer-table-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}

/* Scroll bar horizontal tepat di bawah tabel tagihan pelanggan */
.customer-bill-table-scroll {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#customer-table {
  min-width: 400px;
  table-layout: fixed !important;
  width: 100% !important;
}
#customer-table th, #customer-table td {
  white-space: normal !important;
  word-break: break-word !important;
}

/* Scroll bar horizontal tepat di bawah tabel tagihan utama */
.bill-table-scroll {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#bill-table {
  min-width: 900px;
  table-layout: fixed !important;
  width: 100% !important;
}
#bill-table th, #bill-table td {
  white-space: normal !important;
  word-break: break-word !important;
}

/* Sidebar scrollable */
#main-sidebar {
  overflow-y: auto !important;
  max-height: 100vh !important;
}

/* Sidebar scrollable fix: sidebar-body ikut scroll, sidebar-footer sticky di bawah */
.sidebar-body {
  overflow-y: auto !important;
  max-height: calc(100vh - 48px) !important;
  padding-bottom: 2.5rem !important;
}
.sidebar-footer {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 2;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.03);
}

#main-sidebar, .sidebar-body {
  scrollbar-width: none !important; /* Firefox */
}
#main-sidebar::-webkit-scrollbar, .sidebar-body::-webkit-scrollbar {
  display: none !important; /* Chrome, Safari, Edge */
}

#main-sidebar.collapsed, #main-sidebar.collapsed .sidebar-body, .sidebar.collapsed, .sidebar.collapsed .sidebar-body {
  overflow-y: hidden !important;
}

/* PATCH: Pastikan modal Bootstrap selalu di atas overlay lain */
.modal, .modal-backdrop {
  z-index: 2000 !important;
}

#sidebar-overlay, .screen-darken {
  z-index: 1000 !important;
}

#sidebar-overlay {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

#sidebar-overlay.active {
  visibility: visible;
  opacity: 1;
}

/* PATCH: Modal backdrop tidak menghalangi klik ke modal */
.modal-backdrop {
  pointer-events: none !important;
}
.modal.show {
  pointer-events: auto !important;
}

/* PATCH FINAL: Hilangkan backdrop modal Bootstrap sepenuhnya dan pastikan tidak ada efek visual sama sekali */
.modal-backdrop, .modal-backdrop.fade, .modal-backdrop.show {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  z-index: -1 !important;
}

/* PATCH: Styling modern untuk tulisan "Halaman Dasbor" */
.iq-navbar-header .iq-container h1 {
  background: linear-gradient(45deg, #667eea, #764ba2, #f093fb, #f5576c) !important;
  background-size: 300% 300% !important;
  animation: gradientShift 3s ease infinite !important;
  color: white !important;
  padding: 20px 30px !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.2), 0 5px 15px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.2) !important;
  margin: 15px 0 !important;
  font-weight: 800 !important;
  font-size: 2.2rem !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
  border: 2px solid rgba(255,255,255,0.1) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.iq-navbar-header .iq-container h1::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
  transition: left 0.5s !important;
}

.iq-navbar-header .iq-container h1:hover::before {
  left: 100% !important;
}

.iq-navbar-header .iq-container h1:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 10px 20px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3) !important;
}

.iq-navbar-header .iq-container p {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.9), rgba(118, 75, 162, 0.9)) !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 12px 25px !important;
  border-radius: 15px !important;
  margin-top: 10px !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s ease !important;
}

.iq-navbar-header .iq-container p:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.2) !important;
  background: linear-gradient(135deg, rgba(102, 126, 234, 1), rgba(118, 75, 162, 1)) !important;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}