/*
 * L-Kurve Enterprise UI Redesign
 * Layered after legacy Ace/Bootstrap styles. Visual-only overrides; existing PHP,
 * menu generation, routes, forms, AJAX and plugins remain in place.
 */
:root{
 --lk-primary:#5146c7;--lk-primary-deep:#342b91;--lk-primary-soft:#eeedff;
 --lk-accent:#6b63df;--lk-ink:#202b49;--lk-muted:#77819b;--lk-line:#e5e9f3;
 --lk-canvas:#f4f6fb;--lk-surface:#fff;--lk-shadow:0 8px 28px rgba(31,42,86,.07);
 --lk-radius:14px;
}
html,body.no-skin{background:var(--lk-canvas)!important;color:var(--lk-ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px}
body.no-skin{min-height:100vh}
a{transition:color .16s ease,background .16s ease,border-color .16s ease}
#navbar.navbar.navbar-default{background:#fff!important;border:0!important;border-bottom:1px solid #e7eaf3!important;box-shadow:0 3px 18px rgba(32,43,73,.055);height:72px;min-height:72px}
#navbar .navbar-container{height:72px;padding:0 22px}
#navbar .navbar-header{height:72px;display:flex;align-items:center}
#navbar .navbar-brand{height:72px;display:flex;align-items:center;padding:8px 14px 8px 0;color:var(--lk-ink)!important}
#navbar .navbar-brand img{max-height:46px!important;width:auto!important;object-fit:contain}
#navbar .navbar-toggle{margin-top:18px!important;border:1px solid var(--lk-line)!important;border-radius:9px;background:#f8f9fd!important}
#navbar .navbar-toggle .icon-bar{background:var(--lk-primary)!important}
#navbar .ace-nav{height:72px;display:flex;align-items:center}
#navbar .ace-nav>li{height:auto;line-height:normal;background:transparent!important;border:0!important}
#navbar .ace-nav>li>a{height:auto;min-height:42px;display:flex;align-items:center;gap:8px;padding:10px 12px!important;margin:0 3px;border-radius:10px;color:#596581!important;background:transparent!important}
#navbar .ace-nav>li>a:hover,#navbar .ace-nav>li.open>a{background:#f0efff!important;color:var(--lk-primary)!important}
#navbar .ace-nav>li>a>[class*="fa-"],#navbar .ace-nav>li>a>.ace-icon{font-size:16px}
#navbar .ace-nav .badge{border-radius:20px;padding:3px 6px;background:#e95c75!important}
#navbar .user-info{color:#2d3857!important;line-height:1.35}
#navbar .user-info small{color:#929ab0!important;font-size:10px}
#navbar .nav-user-photo{width:34px!important;height:34px!important;border-radius:50%;border:2px solid #ecebff;object-fit:cover}
#navbar .dropdown-menu,.sidebar .submenu{border:1px solid var(--lk-line)!important;border-radius:12px!important;box-shadow:0 16px 40px rgba(30,39,83,.14)!important;overflow:hidden}
#navbar .dropdown-menu>li>a{padding:10px 14px;color:#46516f}
#navbar .dropdown-menu>li>a:hover{background:#f1f0ff;color:var(--lk-primary)}
#main-container{background:var(--lk-canvas)!important;padding-top:72px}
#sidebar.sidebar{top:72px!important;width:252px!important;background:#20264f!important;border:0!important;box-shadow:5px 0 22px rgba(30,37,82,.08);padding:14px 10px 22px;min-height:calc(100vh - 72px)}
#sidebar.sidebar:before{display:none!important}
#sidebar .nav-list{border:0!important;background:transparent!important;box-shadow:none!important;padding:0 2px}
#sidebar .nav-list>li{border:0!important;background:transparent!important;margin:3px 0}
#sidebar .nav-list>li>a{display:flex;align-items:center;min-height:43px;padding:10px 12px!important;border:0!important;border-radius:10px;color:#c8cce4!important;background:transparent!important;font-size:12px;font-weight:500;line-height:1.35;box-shadow:none!important}
#sidebar .nav-list>li>a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
#sidebar .nav-list>li>a>.menu-icon{width:22px!important;margin:0 10px 0 0!important;color:#a9b0df!important;font-size:15px;text-align:center}
#sidebar .nav-list>li>a:hover>.menu-icon{color:#fff!important}
#sidebar .nav-list>li.active>a,#sidebar .nav-list>li.open>a{color:#fff!important;background:linear-gradient(105deg,#5e56d7,#4943b0)!important;box-shadow:0 6px 16px rgba(7,10,40,.2)!important}
#sidebar .nav-list>li.active>a>.menu-icon,#sidebar .nav-list>li.open>a>.menu-icon{color:#fff!important}
#sidebar .nav-list>li>a>.arrow{color:#9da5d1!important}
#sidebar .nav-list>li .submenu{background:#191e43!important;border:0!important;border-radius:9px!important;margin:4px 0 7px!important;padding:5px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
#sidebar .nav-list>li .submenu>li{border:0!important;background:transparent!important}
#sidebar .nav-list>li .submenu>li>a{padding:9px 10px 9px 38px!important;color:#b7bddc!important;border:0!important;border-radius:7px;background:transparent!important;font-size:11px}
#sidebar .nav-list>li .submenu>li>a:hover,#sidebar .nav-list>li .submenu>li.active>a{background:rgba(255,255,255,.08)!important;color:#fff!important}
#sidebar .nav-list>li .submenu>li>a .menu-icon{color:#858fc7!important}
#sidebar .sidebar-toggle{background:#1a1f43!important;border-color:rgba(255,255,255,.08)!important}
#sidebar .sidebar-toggle>.ace-icon{background:#292f60!important;border-color:rgba(255,255,255,.1)!important;color:#cdd2f0!important}
.main-content{margin-left:252px!important;background:var(--lk-canvas)!important;min-height:calc(100vh - 72px);padding-bottom:28px}
#breadcrumbs.breadcrumbs{min-height:48px!important;line-height:normal!important;padding:0 26px!important;display:flex;align-items:center;background:transparent!important;border:0!important;border-bottom:1px solid #e7eaf2!important;color:#8992a9!important}
#breadcrumbs .breadcrumb{margin:0;padding:0;background:transparent!important}
#breadcrumbs .breadcrumb>li,#breadcrumbs .breadcrumb>li>a{font-size:11px;color:#78839c}
#breadcrumbs .breadcrumb>li>a:hover{color:var(--lk-primary)}
#breadcrumbs .breadcrumb>li:last-child{color:#394567;font-weight:600}
.page-content{padding:24px 26px 32px!important;background:transparent!important}
.page-header{margin:0 0 20px!important;padding:0 0 15px!important;background:transparent!important;border:0!important;border-bottom:1px solid #e5e9f2!important;box-shadow:none!important}
.page-header h1{margin:0!important;color:#242f50!important;font-size:25px!important;line-height:1.3;font-weight:750!important;letter-spacing:-.5px}
.page-header h1 small{display:block;margin-top:5px;color:#8a93aa!important;font-size:12px!important;font-weight:400}
h1,h2,h3,h4,h5{color:var(--lk-ink)}
.widget-box,.widget-box.transparent{overflow:hidden;background:var(--lk-surface)!important;border:1px solid var(--lk-line)!important;border-radius:var(--lk-radius)!important;box-shadow:var(--lk-shadow)!important;margin-bottom:20px}
.widget-header,.widget-header-flat{min-height:50px!important;padding:14px 18px!important;background:#fff!important;border:0!important;border-bottom:1px solid #edf0f6!important}
.widget-header .widget-title{color:#303b5e!important;font-size:13px!important;font-weight:700!important}
.widget-header .widget-title .ace-icon{color:var(--lk-primary)!important}
.widget-toolbar>a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f3f4fb;color:#78829b!important}
.widget-toolbar>a:hover{background:var(--lk-primary-soft);color:var(--lk-primary)!important}
.widget-body,.widget-main{background:#fff!important}
.widget-main{padding:18px!important}
.row{--lk-row-gap:0}
.btn{border-radius:8px!important;font-weight:600;transition:all .16s ease;box-shadow:none!important}
.btn-primary,.btn-info{background:var(--lk-primary)!important;border-color:var(--lk-primary)!important;color:#fff!important}
.btn-primary:hover,.btn-info:hover{background:var(--lk-primary-deep)!important;border-color:var(--lk-primary-deep)!important;transform:translateY(-1px)}
.btn-success{background:#16866d!important;border-color:#16866d!important}
.btn-danger{background:#d64b67!important;border-color:#d64b67!important}
.btn-default,.btn-white{background:#fff!important;border-color:#dfe4ef!important;color:#53607b!important}
.btn-default:hover,.btn-white:hover{background:#f5f5ff!important;border-color:#cfcaff!important;color:var(--lk-primary)!important}
.form-control,select,input[type=text],input[type=email],input[type=password],input[type=number],textarea{border:1px solid #dfe4ef!important;border-radius:8px!important;box-shadow:none!important;color:#35415f;background:#fff}
.form-control:focus,select:focus,input:focus,textarea:focus{border-color:#9e98ef!important;box-shadow:0 0 0 3px rgba(81,70,199,.09)!important;outline:0}
label{color:#56617c;font-size:12px;font-weight:600}
.help-block,.text-muted{color:#8992a9}
.table{background:#fff;border-color:#e7eaf2!important}
.table>thead>tr>th{padding:12px 11px!important;background:#f5f6fb!important;color:#64708b!important;border-color:#e5e9f2!important;font-size:10px!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}
.table>tbody>tr>td{padding:11px!important;border-color:#edf0f6!important;color:#4a5673;vertical-align:middle}
.table-striped>tbody>tr:nth-of-type(odd){background:#fafbfe!important}
.table-hover>tbody>tr:hover{background:#f3f3ff!important}
.dataTables_wrapper{color:#75809a;font-size:11px}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{margin-left:7px;padding:7px 10px!important;border:1px solid #dfe4ef!important;border-radius:8px!important;outline:none}
.dataTables_wrapper .dataTables_paginate .paginate_button{border:1px solid transparent!important;border-radius:7px!important;padding:5px 10px!important;color:#596580!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--lk-primary)!important;color:#fff!important;border-color:var(--lk-primary)!important}
.pagination>li>a,.pagination>li>span{border-color:#e3e7f0;color:#596581}
.pagination>.active>a,.pagination>.active>span{background:var(--lk-primary);border-color:var(--lk-primary)}
.alert{border:0;border-radius:10px;box-shadow:0 3px 12px rgba(31,42,86,.04)}
.label,.badge{border-radius:20px;padding:.35em .65em;font-weight:600}
hr{border-color:#e8ebf3}
.modal-content{border:1px solid #e4e8f2!important;border-radius:15px!important;overflow:hidden;box-shadow:0 20px 55px rgba(25,34,76,.2)!important}
.modal-header{padding:17px 20px!important;background:#f7f7fd!important;border-bottom:1px solid #e8ebf4!important}
.modal-title{font-size:16px;font-weight:750;color:#2d3965}
.modal-body{padding:20px!important}
.modal-footer{padding:14px 20px!important;background:#fbfcff;border-top:1px solid #e9edf5!important}
.chosen-container .chosen-single,.select2-container .select2-choice{border:1px solid #dfe4ef!important;border-radius:8px!important;box-shadow:none!important}
.tooltip-inner{border-radius:6px;padding:6px 9px}
#navbar .navbar-collapse{border:0}
@media(max-width:991px){
 #sidebar.sidebar{width:220px!important}
 .main-content{margin-left:220px!important}
 .page-content{padding:19px 18px 28px!important}
 #navbar .navbar-container{padding:0 12px}
}
@media(max-width:767px){
 #navbar.navbar.navbar-default{height:60px;min-height:60px}
 #navbar .navbar-container,#navbar .navbar-header,#navbar .navbar-brand{height:60px}
 #navbar .navbar-toggle{margin-top:12px!important}
 #navbar .navbar-brand img{max-height:39px!important}
 #main-container{padding-top:60px}
 #sidebar.sidebar{top:60px!important;z-index:1050;box-shadow:8px 0 25px rgba(20,25,65,.2)}
 .main-content{margin-left:0!important}
 #breadcrumbs.breadcrumbs{padding:0 15px!important;min-height:42px!important}
 .page-content{padding:16px 12px 24px!important}
 .page-header h1{font-size:22px!important}
 .widget-main{padding:13px!important}
 .table-responsive{border:0}
 #navbar .ace-nav>li>a{padding:8px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}


/* L-Kurve pagination refresh (v4): loaded last to override legacy Ace/Bootstrap/DataTables rules */
:root { --lk-page-bg:#ffffff; --lk-page-border:#e1e6f0; --lk-page-text:#5b6681; }
/* Bootstrap server-side pagination */
.pagination,
ul.pagination,
nav .pagination {
  display:flex!important; flex-wrap:wrap; align-items:center; gap:5px!important;
  margin:12px 0!important; padding:0!important; list-style:none!important;
}
.pagination>li { display:inline-flex!important; margin:0!important; }
.pagination>li>a,
.pagination>li>span,
.pagination>li>a:focus,
.pagination>li>span:focus {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  min-width:34px!important; height:34px!important; padding:0 11px!important;
  border:1px solid var(--lk-page-border)!important; border-radius:9px!important;
  background:#fff!important; color:var(--lk-page-text)!important;
  font-size:12px!important; font-weight:600!important; line-height:1!important;
  text-decoration:none!important; box-shadow:none!important; transition:all .15s ease!important;
}
.pagination>li>a:hover,
.pagination>li>span:hover {
  border-color:#c8c3fb!important; background:#f2f1ff!important; color:#5146c7!important;
}
.pagination>li.active>a,
.pagination>li.active>span,
.pagination>.active>a,
.pagination>.active>span,
.pagination>li.active>a:hover,
.pagination>li.active>span:hover {
  background:#5146c7!important; border-color:#5146c7!important; color:#fff!important;
  box-shadow:0 3px 8px rgba(81,70,199,.2)!important;
}
.pagination>li.disabled>a,
.pagination>li.disabled>span { background:#f7f8fc!important; color:#b4bbcb!important; border-color:#edf0f6!important; cursor:not-allowed!important; }
.pagination>li:first-child>a,.pagination>li:first-child>span,
.pagination>li:last-child>a,.pagination>li:last-child>span { border-radius:9px!important; }
/* DataTables legacy and modern pagination markup */
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers,
.dataTables_wrapper .dataTables_paginate.paging_full_numbers { padding-top:12px!important; }
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate span .paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  min-width:34px!important; height:34px!important; margin:0 2px!important; padding:0 10px!important;
  border:1px solid #e1e6f0!important; border-radius:9px!important;
  background:#fff!important; background-image:none!important; color:#5b6681!important;
  font-size:12px!important; font-weight:600!important; line-height:1!important;
  box-shadow:none!important; cursor:pointer!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  border:1px solid #c8c3fb!important; background:#f2f1ff!important; background-image:none!important;
  color:#5146c7!important; outline:none!important; box-shadow:none!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
  border:1px solid #5146c7!important; background:#5146c7!important; background-image:none!important;
  color:#fff!important; box-shadow:0 3px 8px rgba(81,70,199,.2)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  border-color:#edf0f6!important; background:#f7f8fc!important; color:#b4bbcb!important; cursor:not-allowed!important;
}
.dataTables_wrapper .dataTables_info { padding-top:18px!important; color:#8992a9!important; font-size:11px!important; }
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter { margin-bottom:12px!important; color:#78839c!important; }
@media(max-width:600px){
 .pagination>li>a,.pagination>li>span { min-width:30px!important; height:30px!important; padding:0 8px!important; }
 .dataTables_wrapper .dataTables_paginate .paginate_button { min-width:30px!important; height:30px!important; margin:2px!important; padding:0 8px!important; }
 .dataTables_wrapper .dataTables_paginate { text-align:center!important; }
}



/* ==========================================================
   L-Kurve ALL-VIEWS CONSISTENT UI LAYER
   Shared styling for legacy PHP MVC screens across all roles.
   Visual-only: does not change routes, form names, PHP logic,
   AJAX handlers, session/auth behavior, or database operations.
   ========================================================== */
:root {
  --lk-primary: #5146c7;
  --lk-primary-deep: #342b91;
  --lk-primary-soft: #eeedff;
  --lk-ink: #202b49;
  --lk-muted: #77819b;
  --lk-line: #e5e9f3;
  --lk-canvas: #f4f6fb;
  --lk-surface: #ffffff;
  --lk-radius: 12px;
  --lk-shadow: 0 6px 22px rgba(31,42,86,.06);
}
body.no-skin, body {
  background-color: var(--lk-canvas);
  color: var(--lk-ink);
}
.page-content, .main-content, .main-container {
  background-color: var(--lk-canvas);
}
.page-header, .page-header h1, .page-header h2,
h1.page-title, .page-title {
  color: var(--lk-ink);
}
.page-header h1, h1.page-title {
  font-weight: 700;
  letter-spacing: -.35px;
}
.panel, .well, .widget-box, .widget-box.transparent,
.portlet, .card, .card-box, .infobox, .tab-content > .tab-pane > .well {
  border: 1px solid var(--lk-line);
  border-radius: var(--lk-radius);
  background: var(--lk-surface);
  box-shadow: var(--lk-shadow);
}
.panel-heading, .widget-header, .widget-header-flat,
.portlet-heading, .card-header {
  background: #fff;
  border-bottom: 1px solid #edf0f6;
  color: #303b5e;
  font-weight: 700;
}
.panel-body, .widget-main, .widget-body, .portlet-body {
  background: #fff;
}
.btn, button.btn, input[type="submit"], input[type="button"] {
  border-radius: 8px;
  font-weight: 600;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.btn-primary, .btn-info, .btn-purple, .btn.btn-primary,
.btn.btn-info {
  background-color: var(--lk-primary);
  border-color: var(--lk-primary);
  color: #fff;
}
.btn-primary:hover, .btn-info:hover, .btn-purple:hover {
  background-color: var(--lk-primary-deep);
  border-color: var(--lk-primary-deep);
}
.btn-default, .btn-white, .btn-light {
  background: #fff;
  border-color: #dfe4ef;
  color: #53607b;
}
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], input[type="date"],
input[type="time"], input[type="url"], input[type="tel"],
select, textarea, .form-control {
  border: 1px solid #dfe4ef;
  border-radius: 8px;
  box-shadow: none;
  color: #263454;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: #9e98ef;
  box-shadow: 0 0 0 3px rgba(81,70,199,.10);
  outline: 0;
}
label, .control-label {
  color: #56617c;
  font-weight: 600;
}
.table-responsive {
  border: 1px solid var(--lk-line);
  border-radius: 10px;
  background: #fff;
}
.table {
  background: #fff;
  border-color: #e7eaf2;
}
.table > thead > tr > th,
table.dataTable thead th {
  background: #f5f6fb;
  color: #64708b;
  border-color: #e5e9f2;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .25px;
  vertical-align: middle;
}
.table > tbody > tr > td {
  border-color: #edf0f6;
  color: #4a5673;
  vertical-align: middle;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background: #fafbfe;
}
.table-hover > tbody > tr:hover,
table.dataTable tbody tr:hover {
  background: #f3f3ff;
}
.pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
}
.pagination > li {
  display: inline-flex;
  float: none;
  margin: 0;
}
.pagination > li > a, .pagination > li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  margin: 0;
  border: 1px solid #e0e6f2;
  border-radius: 7px;
  background: #fff;
  color: #34466d;
  font-size: 11px;
}
.pagination > li > a:hover {
  background: #f0efff;
  border-color: #7769eb;
  color: #5142ce;
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover {
  background: var(--lk-primary);
  border-color: var(--lk-primary);
  color: #fff;
}
.dropdown-menu {
  border: 1px solid var(--lk-line);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(31,42,86,.12);
}
.nav-tabs > li > a {
  border-radius: 8px 8px 0 0;
  color: #596581;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--lk-primary);
  border-top-color: var(--lk-primary);
}
.modal-content {
  border: 1px solid var(--lk-line);
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(31,42,86,.18);
  overflow: hidden;
}
.modal-header, .modal .table-header {
  background: linear-gradient(110deg, #342b91, #5146c7);
  color: #fff;
}
.alert {
  border-radius: 9px;
}
.breadcrumbs, #breadcrumbs {
  background: #f8f9fd;
  border-bottom: 1px solid var(--lk-line);
  color: #77819b;
}
hr {
  border-color: var(--lk-line);
}
img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .page-content { padding-left: 12px; padding-right: 12px; }
  .table-responsive { overflow-x: auto; }
  .pagination { flex-wrap: wrap; }
  .panel-body, .widget-main, .widget-body, .portlet-body { padding: 12px; }
}


/* FINAL OVERRIDE LAYER — intentionally loaded after all legacy styles */
html body { background:#f4f6fb !important; color:#243253; }
html body #navbar.navbar-fixed-top,
html body #navbar.navbar-fixed-bottom,
html body .navbar.navbar-fixed-top,
html body .navbar.navbar-fixed-bottom {
  background:linear-gradient(110deg,#202451 0%,#303782 52%,#5146c7 100%) !important;
  background-color:#303782 !important; color:#fff !important; border:0 !important;
  box-shadow:0 5px 18px rgba(24,29,79,.20) !important;
}
html body #navbar.navbar-fixed-top a,
html body #navbar.navbar-fixed-top a *,
html body #navbar.navbar-fixed-top .ace-nav > li > a,
html body #navbar.navbar-fixed-top .navbar-brand { color:#fff !important; }
html body #navbar.navbar-fixed-top .navbar-header,
html body #navbar.navbar-fixed-top .navbar-buttons,
html body #navbar.navbar-fixed-top .ace-nav,
html body #navbar.navbar-fixed-top .ace-nav > li { background:transparent !important; }
html body #sidebar,
html body .sidebar,
html body .sidebar:before {
  background:#20264f !important; color:#fff !important;
}
html body #sidebar .nav-list > li > a,
html body .sidebar .nav-list > li > a { color:#e6e9ff !important; }
html body #sidebar .nav-list > li > a:hover,
html body .sidebar .nav-list > li > a:hover,
html body #sidebar .nav-list > li.active > a,
html body .sidebar .nav-list > li.active > a {
  background:linear-gradient(100deg,#6256df,#4940b9) !important; color:#fff !important;
}
html body .page-content, html body .main-content, html body .main-container {
  background:#f4f6fb !important;
}
html body .panel, html body .well, html body .widget-box,
html body .card, html body .card-box, html body .infobox {
  border:1px solid #e5e9f3 !important; border-radius:12px !important;
  box-shadow:0 6px 22px rgba(31,42,86,.06) !important; background:#fff !important;
}
html body .widget-header, html body .panel-heading {
  background:#fff !important; border-bottom:1px solid #edf0f6 !important; color:#303b5e !important;
}
html body .btn-primary, html body .btn-info, html body .btn-purple {
  background:#5146c7 !important; border-color:#5146c7 !important; color:#fff !important; border-radius:8px !important;
}
html body input.form-control, html body select.form-control, html body textarea.form-control,
html body input[type=text], html body input[type=email], html body input[type=password],
html body select, html body textarea {
  border:1px solid #dfe4ef !important; border-radius:8px !important; box-shadow:none !important;
}
html body .table > thead > tr > th {
  background:#f5f6fb !important; color:#64708b !important; border-color:#e5e9f2 !important;
}
html body .table > tbody > tr > td { border-color:#edf0f6 !important; }
html body .table-striped > tbody > tr:nth-of-type(odd) { background:#fafbfe !important; }
html body .pagination {
  display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:4px !important;
  margin:0 !important; padding:0 !important;
}
html body .pagination > li { display:inline-flex !important; float:none !important; margin:0 !important; }
html body .pagination > li > a, html body .pagination > li > span {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-width:30px !important; height:30px !important; padding:0 8px !important; margin:0 !important;
  border:1px solid #e0e6f2 !important; border-radius:7px !important; background:#fff !important;
  color:#34466d !important; font-size:11px !important;
}
html body .pagination > li.active > a, html body .pagination > li.active > span,
html body .pagination > .active > a, html body .pagination > .active > span {
  background:#5146c7 !important; border-color:#5146c7 !important; color:#fff !important;
}
html body .dropdown-menu, html body .modal-content {
  border:1px solid #e5e9f3 !important; border-radius:10px !important;
  box-shadow:0 12px 32px rgba(31,42,86,.12) !important;
}
html body .breadcrumbs, html body #breadcrumbs {
  background:#f8f9fd !important; border-bottom:1px solid #e5e9f3 !important;
}




/* ==========================================================
   L-Kurve vivid purple-to-blue gradient theme
   Palette sampled visually from the user-provided reference:
   vivid purple on the left, periwinkle through the middle,
   clear sky blue on the right. Applied across shared layouts.
   ========================================================== */
:root {
  --lk-vivid-purple: #a13cf4;
  --lk-vivid-violet: #9257f8;
  --lk-vivid-periwinkle: #8589fa;
  --lk-vivid-blue: #58b8fa;
  --lk-vivid-cyan: #43c9f6;
  --lk-gradient: linear-gradient(112deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%);
  --lk-gradient-hover: linear-gradient(112deg, #8b2fe0 0%, #8050ee 30%, #6e7df0 60%, #37b7ed 100%);
  --lk-primary: #7655e8;
  --lk-primary-deep: #5740c6;
  --lk-primary-soft: #f1eaff;
  --lk-ink: #202b49;
  --lk-muted: #77819b;
  --lk-line: #e5e9f3;
  --lk-canvas: #f4f6fb;
}

/* Main headers, top bars and footers in legacy Ace/Bootstrap layouts */
html body #navbar.navbar,
html body #navbar.navbar-default,
html body .navbar.navbar-fixed-top,
html body .navbar.navbar-fixed-bottom,
html body .navbar.navbar-header {
  background: var(--lk-gradient) !important;
  background-color: #8c69f8 !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 5px 18px rgba(89, 70, 190, .18) !important;
}
html body #navbar.navbar-fixed-top {
  border-bottom: 1px solid rgba(255,255,255,.25) !important;
}
html body #navbar.navbar-fixed-bottom {
  border-top: 1px solid rgba(255,255,255,.25) !important;
}
html body #navbar .navbar-container,
html body #navbar .navbar-header,
html body #navbar .navbar-buttons,
html body #navbar .ace-nav,
html body #navbar .ace-nav > li,
html body #navbar .navbar-collapse {
  background: transparent !important;
  background-color: transparent !important;
}
html body #navbar .navbar-brand,
html body #navbar .navbar-brand *,
html body #navbar .ace-nav > li > a,
html body #navbar .ace-nav > li > a *,
html body #navbar .navbar-toggle,
html body #navbar .navbar-toggle .icon-bar,
html body #navbar .nav > li > a,
html body #navbar .nav > li > a i {
  color: #fff !important;
}
html body #navbar .ace-nav > li > a,
html body #navbar .navbar-brand {
  text-shadow: none !important;
}
html body #navbar .ace-nav > li > a:hover,
html body #navbar .ace-nav > li > a:focus,
html body #navbar .ace-nav > li.open > a,
html body #navbar .navbar-toggle:hover {
  background: rgba(255,255,255,.17) !important;
}
html body #navbar .navbar-toggle {
  border: 1px solid rgba(255,255,255,.42) !important;
  background: rgba(255,255,255,.10) !important;
}
html body #navbar .navbar-toggle .icon-bar {
  background: #fff !important;
}
html body #navbar.navbar-fixed-bottom,
html body #navbar.navbar-fixed-bottom *,
html body #navbar.navbar-fixed-bottom p {
  color: #fff !important;
}

/* Sidebars, navigation trees and selected menu items */
html body #sidebar,
html body .sidebar,
html body .sidebar-shortcuts,
html body .sidebar-shortcuts-large,
html body .sidebar-shortcuts-mini {
  background: linear-gradient(180deg, #6d49d9 0%, #5140b7 52%, #37358f 100%) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.14) !important;
}
html body #sidebar:before {
  background: linear-gradient(180deg, #6d49d9 0%, #5140b7 52%, #37358f 100%) !important;
}
html body #sidebar .nav-list > li,
html body #sidebar .nav-list > li > a,
html body #sidebar .nav-list > li > .submenu,
html body #sidebar .nav-list > li > .submenu > li,
html body #sidebar .nav-list > li > .submenu > li > a {
  background-color: transparent !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.10) !important;
}
html body #sidebar .nav-list > li > a,
html body #sidebar .nav-list > li > .submenu > li > a {
  text-shadow: none !important;
}
html body #sidebar .nav-list > li > a .menu-text,
html body #sidebar .nav-list > li > a i,
html body #sidebar .nav-list > li > a .arrow,
html body #sidebar .nav-list > li > .submenu > li > a i {
  color: rgba(255,255,255,.94) !important;
}
html body #sidebar .nav-list > li:hover > a,
html body #sidebar .nav-list > li.open > a,
html body #sidebar .nav-list > li.active > a,
html body #sidebar .nav-list > li > .submenu > li:hover > a,
html body #sidebar .nav-list > li > .submenu > li.active > a {
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
}
html body #sidebar .nav-list > li.active:after {
  border-right-color: #fff !important;
}
html body #sidebar .sidebar-toggle,
html body #sidebar #sidebar-collapse {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.16) !important;
}
html body #sidebar .sidebar-toggle > .ace-icon,
html body #sidebar #sidebar-collapse > .ace-icon {
  color: #fff !important;
}

/* General page canvas, cards and headings */
html body, html body.no-skin,
html body .main-content,
html body .main-container,
html body .page-content {
  background-color: #f4f6fb;
}
html body .page-header,
html body .page-header h1,
html body .page-header h2,
html body h1.page-title {
  color: #202b49;
}
html body .panel, html body .well, html body .widget-box,
html body .card, html body .card-box, html body .portlet {
  border-color: #e5e9f3;
  border-radius: 12px;
  box-shadow: 0 6px 22px rgba(31,42,86,.06);
}
html body .panel-heading, html body .widget-header,
html body .card-header {
  background: #fff;
  border-bottom-color: #edf0f6;
}
html body .btn-primary, html body .btn-info,
html body .btn-purple, html body .btn.btn-primary,
html body .btn.btn-info, html body .lk-create-btn,
html body .lk-btn-primary {
  background: var(--lk-gradient) !important;
  background-color: #8c69f8 !important;
  border-color: transparent !important;
  color: #fff !important;
}
html body .btn-primary:hover, html body .btn-info:hover,
html body .btn-purple:hover, html body .lk-create-btn:hover,
html body .lk-btn-primary:hover {
  background: var(--lk-gradient-hover) !important;
  color: #fff !important;
}
html body input:focus, html body select:focus,
html body textarea:focus, html body .form-control:focus {
  border-color: #a38cf7 !important;
  box-shadow: 0 0 0 3px rgba(145,87,248,.13) !important;
}
html body .pagination > .active > a,
html body .pagination > .active > span,
html body .pagination > .active > a:hover,
html body .pagination > .active > span:hover {
  background: var(--lk-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
}
html body .nav-tabs > li.active > a,
html body .nav-tabs > li.active > a:hover,
html body .nav-tabs > li.active > a:focus {
  color: #7655e8 !important;
  border-top-color: #9257f8 !important;
}
html body .breadcrumbs, html body #breadcrumbs {
  background: #f8f9fd;
  border-bottom-color: #e5e9f3;
}
html body .modal-header, html body .modal .table-header {
  background: var(--lk-gradient) !important;
  color: #fff !important;
}
html body .dropdown-menu {
  border-color: #e5e9f3;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(31,42,86,.12);
}

/* Shared modern-theme classes used by refreshed views */
html body .lk-card-header {
  background: linear-gradient(112deg, rgba(161,60,244,.07), rgba(67,201,246,.08)) !important;
}
html body .lk-card-icon,
html body .lk-employee-avatar,
html body .lk-empty-icon {
  background: linear-gradient(135deg, rgba(161,60,244,.14), rgba(67,201,246,.18)) !important;
  color: #7655e8 !important;
}
html body .lk-employee-status {
  background: #f1eaff !important;
  color: #7655e8 !important;
}


/* L-Kurve vivid gradient: explicit legacy Ace/Bootstrap shell overrides */
html body #navbar,
html body #navbar.navbar,
html body #navbar.navbar-default,
html body .navbar.navbar-fixed-top,
html body .navbar.navbar-default {
  background: linear-gradient(115deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%) !important;
  background-color: #9257f8 !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 5px 18px rgba(79,44,170,.22) !important;
}
html body #navbar .navbar-container,
html body #navbar .navbar-header,
html body #navbar .navbar-buttons,
html body #navbar .ace-nav,
html body #navbar .ace-nav > li,
html body #navbar .ace-nav > li > a {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
}
html body #navbar .navbar-brand,
html body #navbar .navbar-brand *,
html body #navbar .ace-nav > li > a *,
html body #navbar .ace-nav > li > a,
html body #navbar .navbar-toggle,
html body #navbar .navbar-toggle .icon-bar {
  color: #fff !important;
}
html body #navbar .ace-nav > li > a:hover,
html body #navbar .ace-nav > li.open > a,
html body #navbar .navbar-toggle:hover {
  background: rgba(255,255,255,.18) !important;
}
html body #navbar .navbar-toggle {
  border: 1px solid rgba(255,255,255,.45) !important;
}
html body #navbar .navbar-toggle .icon-bar { background-color:#fff !important; }
html body #sidebar,
html body .sidebar,
html body .sidebar.sidebar-fixed,
html body .nav-list,
html body .sidebar-shortcuts,
html body .sidebar-toggle {
  background: linear-gradient(115deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%) !important;
  background-color: #5146c7 !important;
  border-color: rgba(255,255,255,.18) !important;
}
html body .sidebar .nav-list > li,
html body #sidebar .nav-list > li {
  background: transparent !important;
}
html body .sidebar .nav-list > li > a,
html body #sidebar .nav-list > li > a,
html body .sidebar .nav-list > li > a > *,
html body #sidebar .nav-list > li > a > *,
html body .sidebar .nav-list .submenu,
html body #sidebar .nav-list .submenu,
html body .sidebar .nav-list .submenu > li > a,
html body #sidebar .nav-list .submenu > li > a > * {
  color: #fff !important;
  background-color: transparent !important;
}
html body .sidebar .nav-list > li > a:hover,
html body #sidebar .nav-list > li > a:hover,
html body .sidebar .nav-list > li.active > a,
html body #sidebar .nav-list > li.active > a,
html body .sidebar .nav-list > li.open > a,
html body #sidebar .nav-list > li.open > a,
html body .sidebar .nav-list .submenu > li > a:hover,
html body #sidebar .nav-list .submenu > li > a:hover {
  background: rgba(255,255,255,.20) !important;
  color: #fff !important;
}
html body .sidebar .nav-list > li.active:after,
html body #sidebar .nav-list > li.active:after {
  border-color: #fff !important;
}
html body .sidebar .nav-list .submenu {
  background: rgba(34,25,105,.16) !important;
}
html body .footer,
html body .footer-inner,
html body .footer-content,
html body #footer {
  background: linear-gradient(115deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%) !important;
  background-color: #5146c7 !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
}
html body .footer *,
html body .footer-content *,
html body #footer * {
  color: #fff !important;
}
html body .page-content,
html body .main-content,
html body .main-container {
  background-color: #f5f7ff;
}
html body .btn-primary,
html body .btn-info,
html body .btn-purple,
html body .pagination > .active > a,
html body .pagination > .active > span {
  background: linear-gradient(115deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%) !important;
  border-color: #8174ef !important;
  color: #fff !important;
}
html body .panel-heading,
html body .widget-header,
html body .card-header {
  background: linear-gradient(110deg, #f7f2ff, #eef6ff) !important;
}


/* FINAL high-specificity layout overrides matching supplied gradient reference */
html body.no-skin #navbar.navbar.navbar-default.navbar-fixed-top,
html body.no-skin #navbar.navbar.navbar-fixed-top {
  background: linear-gradient(115deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%) !important;
  background-color: #9257f8 !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(85,65,190,.18) !important;
}
html body.no-skin #navbar.navbar.navbar-fixed-top .navbar-container,
html body.no-skin #navbar.navbar.navbar-fixed-top .navbar-header,
html body.no-skin #navbar.navbar.navbar-fixed-top .navbar-buttons,
html body.no-skin #navbar.navbar.navbar-fixed-top .ace-nav,
html body.no-skin #navbar.navbar.navbar-fixed-top .ace-nav > li {
  background: transparent !important;
  background-color: transparent !important;
}
html body.no-skin #navbar.navbar.navbar-fixed-top a,
html body.no-skin #navbar.navbar.navbar-fixed-top a *,
html body.no-skin #navbar.navbar.navbar-fixed-top .navbar-brand,
html body.no-skin #navbar.navbar.navbar-fixed-top .ace-nav > li > a,
html body.no-skin #navbar.navbar.navbar-fixed-top .ace-nav > li > a i {
  color: #fff !important;
}
html body.no-skin #navbar.navbar.navbar-fixed-top .ace-nav > li > a:hover,
html body.no-skin #navbar.navbar.navbar-fixed-top .ace-nav > li.open > a {
  background: rgba(255,255,255,.18) !important;
}
html body.no-skin #sidebar.sidebar {
  background: linear-gradient(115deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%) !important;
  background-color: #9257f8 !important;
  border-right: 0 !important;
  box-shadow: 3px 0 18px rgba(85,65,190,.12) !important;
}
html body.no-skin #sidebar.sidebar .nav-list,
html body.no-skin #sidebar.sidebar .nav-list > li,
html body.no-skin #sidebar.sidebar .nav-list > li > a,
html body.no-skin #sidebar.sidebar .sidebar-shortcuts,
html body.no-skin #sidebar.sidebar .sidebar-shortcuts-large,
html body.no-skin #sidebar.sidebar .sidebar-toggle {
  background: transparent !important;
  background-color: transparent !important;
}
html body.no-skin #sidebar.sidebar .nav-list > li > a,
html body.no-skin #sidebar.sidebar .nav-list > li > a > .menu-text,
html body.no-skin #sidebar.sidebar .nav-list > li > a > .menu-icon,
html body.no-skin #sidebar.sidebar .nav-list > li > a > i,
html body.no-skin #sidebar.sidebar .nav-list > li > a > .arrow {
  color: #fff !important;
}
html body.no-skin #sidebar.sidebar .nav-list > li:hover > a,
html body.no-skin #sidebar.sidebar .nav-list > li.open > a,
html body.no-skin #sidebar.sidebar .nav-list > li.active > a {
  background: rgba(255,255,255,.20) !important;
  color: #fff !important;
}
html body.no-skin #sidebar.sidebar .nav-list > li.active:after {
  border-color: #fff !important;
}
html body.no-skin #sidebar.sidebar .nav-list > li > .submenu,
html body.no-skin #sidebar.sidebar .nav-list > li > .submenu > li,
html body.no-skin #sidebar.sidebar .nav-list > li > .submenu > li > a {
  background: rgba(49,39,137,.20) !important;
  color: #fff !important;
}
html body.no-skin #sidebar.sidebar .nav-list > li > .submenu > li > a:hover,
html body.no-skin #sidebar.sidebar .nav-list > li > .submenu > li.active > a {
  background: rgba(255,255,255,.20) !important;
  color: #fff !important;
}
html body.no-skin #navbar.navbar.navbar-fixed-bottom,
html body.no-skin #navbar.navbar-fixed-bottom,
html body.no-skin .footer,
html body.no-skin .footer-inner,
html body.no-skin .footer-content,
html body.no-skin #footer {
  background: linear-gradient(115deg, #a13cf4 0%, #9257f8 27%, #8589fa 54%, #69a8fb 76%, #43c9f6 100%) !important;
  background-color: #9257f8 !important;
  border: 0 !important;
  color: #fff !important;
}
html body.no-skin #navbar.navbar.navbar-fixed-bottom *,
html body.no-skin .footer *,
html body.no-skin .footer-inner *,
html body.no-skin .footer-content *,
html body.no-skin #footer * {
  color: #fff !important;
}