:root{
 --sld-cyan:#0AB39C;
 --sld-cyan-rgb:10,179,156;
 --sld-bg:#f5f7fa;
 --sld-surface:#fff;
 --sld-surface-2:#f8fafc;
 --sld-text:#243447;
 --sld-muted:#6b7785;
 --sld-border:#e4e9ef;
 --sld-sidebar:248px;
 --sld-header:64px;
 --sld-shadow:0 2px 10px rgba(25,42,70,.07),0 10px 30px rgba(25,42,70,.04);
}
[data-bs-theme=dark]{
 --sld-bg:#111827;--sld-surface:#172033;--sld-surface-2:#1d293b;--sld-text:#e5edf6;--sld-muted:#9aa9bc;--sld-border:#2d3a4d;
 --sld-shadow:0 2px 10px rgba(0,0,0,.25),0 10px 30px rgba(0,0,0,.15);
}
html,body{min-height:100%;}
body.sld-metis-internal{margin:0;background:var(--sld-bg);color:var(--sld-text);font-family:Inter,"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden;}
.sld-metis-app{min-height:100vh;background:var(--sld-bg);}

/* One header only */
.sld-metis-header{position:fixed;z-index:1050;top:0;left:0;right:0;height:var(--sld-header);background:var(--sld-surface);border-bottom:1px solid var(--sld-border);box-shadow:0 1px 8px rgba(15,23,42,.05);}
.sld-metis-header-inner{height:100%;display:flex;align-items:center;gap:10px;padding:0 14px 0 18px;}
.sld-metis-brand{width:var(--sld-sidebar);height:100%;display:flex;align-items:center;flex:0 0 var(--sld-sidebar);padding-right:16px;text-decoration:none;}
.sld-metis-brand img{display:block;width:154px;height:auto;max-width:100%;object-fit:contain;}
.sld-metis-menu-toggle{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--sld-border);background:var(--sld-surface);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--sld-text);cursor:pointer;}
.sld-metis-menu-toggle span{width:16px;height:2px;background:currentColor;border-radius:2px;display:block;}
.sld-metis-quicknav{display:flex;align-items:center;gap:6px;min-width:0;}
.sld-metis-quicknav a{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--sld-cyan-rgb),.35);border-radius:8px;color:var(--sld-text);background:var(--sld-surface);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.18s ease;}
.sld-metis-quicknav a:hover{color:var(--sld-cyan);border-color:var(--sld-cyan);background:rgba(var(--sld-cyan-rgb),.06);}
.sld-metis-header-actions{margin-left:auto;display:flex;align-items:center;gap:7px;min-width:0;}
.sld-metis-tax,.sld-metis-login{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;}
.sld-metis-tax{background:var(--sld-cyan);color:#fff;box-shadow:0 5px 15px rgba(var(--sld-cyan-rgb),.2);}
.sld-metis-tax:hover{color:#fff;filter:brightness(.95);}
.sld-metis-login{border:1px solid var(--sld-border);background:var(--sld-surface);color:var(--sld-text);}
.sld-metis-login:hover{color:var(--sld-cyan);border-color:var(--sld-cyan);}
.sld-metis-icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sld-border);background:var(--sld-surface);color:var(--sld-muted);border-radius:9px;font-size:19px;cursor:pointer;}
.sld-metis-icon-btn:hover{color:var(--sld-cyan);border-color:var(--sld-cyan);}
.sld-metis-user-btn{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--sld-border);background:var(--sld-surface);border-radius:9px;padding:4px 11px 4px 5px;color:var(--sld-text);font-weight:600;}
.sld-metis-user-btn img{width:31px;height:31px;object-fit:cover;border-radius:50%;}
.sld-metis-dropdown{border:1px solid var(--sld-border);background:var(--sld-surface);box-shadow:var(--sld-shadow);}
.sld-metis-dropdown .dropdown-item{color:var(--sld-text);padding:9px 14px;}
.sld-metis-dropdown .dropdown-item:hover{background:rgba(var(--sld-cyan-rgb),.08);color:var(--sld-cyan);}

/* Sidebar is a single independent section */
.sld-metis-sidebar{position:fixed;z-index:1040;top:var(--sld-header);bottom:0;left:0;width:var(--sld-sidebar);background:var(--sld-surface);border-right:1px solid var(--sld-border);overflow:hidden;box-shadow:3px 0 18px rgba(15,23,42,.035);}
.sld-metis-sidebar-inner{height:100%;overflow-y:auto;padding:24px 12px 28px;scrollbar-width:thin;}
.sld-metis-sidebar-title{font-size:11px;letter-spacing:.11em;font-weight:700;color:#9aa6b2;padding:0 12px 12px;}
.sld-metis-nav-list,.sld-metis-subnav{list-style:none;margin:0;padding:0;}
.sld-metis-nav-list li{margin:2px 0;}
.sld-metis-nav-link{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--sld-muted);font-size:14px;text-decoration:none;text-align:left;cursor:pointer;transition:.16s ease;}
.sld-metis-nav-link i:first-child{width:19px;text-align:center;font-size:17px;color:var(--sld-cyan);flex:0 0 19px;}
.sld-metis-nav-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sld-metis-nav-link:hover{background:rgba(var(--sld-cyan-rgb),.08);color:var(--sld-cyan);}
.sld-metis-nav-link.active{background:rgba(var(--sld-cyan-rgb),.11);color:var(--sld-cyan);font-weight:600;}
.sld-metis-collapse-toggle{font:inherit;}
.sld-chevron{margin-left:auto!important;color:var(--sld-muted)!important;transition:transform .18s ease;}
.sld-metis-collapse-toggle[aria-expanded=true] .sld-chevron{transform:rotate(180deg);}
.sld-metis-subnav{margin:3px 0 8px 31px;border-left:1px solid var(--sld-border);padding-left:9px;}
.sld-metis-subnav a{display:block;padding:7px 8px;color:var(--sld-muted);font-size:13px;text-decoration:none;border-radius:6px;}
.sld-metis-subnav a:hover{background:rgba(var(--sld-cyan-rgb),.07);color:var(--sld-cyan);}
.sld-metis-backdrop{display:none;}

/* Existing content wrappers are preserved; only their shell position changes */
body.sld-metis-internal .main-content{margin-left:var(--sld-sidebar)!important;padding-top:var(--sld-header)!important;min-height:calc(100vh - var(--sld-header));background:var(--sld-bg);}
body.sld-metis-internal .page-content{padding:24px 26px 40px!important;min-height:calc(100vh - var(--sld-header) - 70px);}
body.sld-metis-internal .container-xxl,body.sld-metis-internal .container-xl,body.sld-metis-internal .container-fluid{max-width:100%;}
body.sld-metis-internal .card{background:var(--sld-surface)!important;border:1px solid var(--sld-border)!important;border-radius:12px!important;box-shadow:var(--sld-shadow)!important;color:var(--sld-text);}
body.sld-metis-internal .card-header{background:var(--sld-surface)!important;border-bottom:1px solid var(--sld-border)!important;color:var(--sld-text)!important;border-radius:12px 12px 0 0!important;}
body.sld-metis-internal .card-body{color:var(--sld-text);}
body.sld-metis-internal .bg-warning-subtle{background:var(--sld-surface)!important;border:1px solid var(--sld-border);border-radius:12px;}
body.sld-metis-internal .form-control,body.sld-metis-internal .form-select{background:var(--sld-surface)!important;color:var(--sld-text)!important;border:1px solid var(--sld-border)!important;border-radius:8px!important;min-height:40px;}
body.sld-metis-internal .form-control:focus,body.sld-metis-internal .form-select:focus{border-color:var(--sld-cyan)!important;box-shadow:0 0 0 .2rem rgba(var(--sld-cyan-rgb),.12)!important;}
body.sld-metis-internal .btn-primary{background:var(--sld-cyan)!important;border-color:var(--sld-cyan)!important;color:#fff!important;border-radius:8px!important;box-shadow:0 4px 10px rgba(var(--sld-cyan-rgb),.16);}
body.sld-metis-internal .btn-primary:hover{filter:brightness(.96);}
body.sld-metis-internal .table{--bs-table-bg:var(--sld-surface);--bs-table-color:var(--sld-text);border-color:var(--sld-border);}
body.sld-metis-internal .table>thead th{background:var(--sld-surface-2)!important;color:var(--sld-muted);border-bottom:1px solid var(--sld-border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
body.sld-metis-internal .table>tbody td{border-color:var(--sld-border);vertical-align:middle;}
body.sld-metis-internal .table-hover>tbody>tr:hover>*{background:rgba(var(--sld-cyan-rgb),.045);}
body.sld-metis-internal .dataTables_wrapper .dataTables_filter input,body.sld-metis-internal .dataTables_wrapper select{border:1px solid var(--sld-border);border-radius:7px;padding:6px 9px;background:var(--sld-surface);color:var(--sld-text);}
body.sld-metis-internal .pagination .page-link{color:var(--sld-text);border-color:var(--sld-border);background:var(--sld-surface);}
body.sld-metis-internal .pagination .active .page-link{background:var(--sld-cyan);border-color:var(--sld-cyan);color:#fff;}

/* Remove legacy header/sidebar visual layers, not their page content */
body.sld-metis-internal #page-topbar .navbar-brand-box,body.sld-metis-internal #page-topbar .app-search,body.sld-metis-internal #page-topbar .navbar-header{all:unset;}
body.sld-metis-internal .navbar-menu{all:unset;}
body.sld-metis-internal .sld-top-quicknav{display:none!important;}

/* Full-width independent footer */
.sld-metis-footer{min-height:56px;margin-left:var(--sld-sidebar);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:var(--sld-surface);border-top:1px solid var(--sld-border);color:var(--sld-muted);font-size:13px;}

/* Dark mode */
[data-bs-theme=dark] body.sld-metis-internal .table>thead th{background:var(--sld-surface-2)!important;color:var(--sld-muted);}
[data-bs-theme=dark] body.sld-metis-internal .form-control::placeholder{color:#8290a3;}

@media(max-width:991.98px){
 :root{--sld-sidebar:280px;--sld-header:60px;}
 .sld-metis-brand{width:auto;flex:0 0 auto;padding-right:4px;}
 .sld-metis-brand img{width:142px;max-height:46px;}
 .sld-metis-quicknav{display:none;}
 .sld-metis-sidebar{transform:translateX(-105%);transition:transform .22s ease;box-shadow:none;border-radius:0 14px 14px 0;}
 body.sld-metis-drawer-open .sld-metis-sidebar{transform:translateX(0);box-shadow:8px 0 30px rgba(15,23,42,.18);}
 .sld-metis-backdrop{position:fixed;inset:0;z-index:1035;background:rgba(15,23,42,.42);backdrop-filter:blur(1px);display:block;opacity:0;pointer-events:none;transition:opacity .2s ease;}
 body.sld-metis-drawer-open .sld-metis-backdrop{opacity:1;pointer-events:auto;}
 body.sld-metis-internal .main-content{margin-left:0!important;padding-top:var(--sld-header)!important;}
 body.sld-metis-internal .page-content{padding:18px 14px 28px!important;}
 .sld-metis-footer{margin-left:0;padding:0 16px;}
}
@media(max-width:575.98px){
 :root{--sld-header:58px;}
 .sld-metis-header-inner{padding:0 8px;gap:6px;}
 .sld-metis-brand img{width:128px;}
 .sld-metis-menu-toggle{width:38px;height:38px;flex-basis:38px;}
 .sld-metis-tax{width:40px;height:38px;padding:0;font-size:0;}
 .sld-metis-tax i{font-size:18px;}
 .sld-metis-icon-btn{width:38px;height:38px;}
 .sld-metis-login{width:42px;height:38px;padding:0;font-size:0;}
 .sld-metis-login i{font-size:18px;}
 .sld-metis-user-btn{width:42px;height:38px;padding:3px;justify-content:center;}
 .sld-metis-user-btn span{display:none;}
 .sld-metis-user-btn img{width:29px;height:29px;}
 .sld-metis-footer{font-size:11px;flex-wrap:wrap;min-height:58px;padding:8px 12px;}
 .sld-metis-footer>div:last-child{margin-left:auto;}
}
/* Legacy page-local quick navigation: one global header now owns these links. */
body.sld-metis-internal .custom-navbar,
body.sld-metis-internal ul.nav-menu,
body.sld-metis-internal .nav-menu#navMenu,
body.sld-metis-internal .nav-menu#navMenus{display:none!important;}
/* Override legacy shell geometry: content remains the existing PHP page content. */
body.sld-metis-internal #layout-wrapper{position:relative!important;display:block!important;width:100%!important;min-height:100vh!important;padding:0!important;margin:0!important;}
body.sld-metis-internal #page-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--sld-header)!important;z-index:1050!important;}
body.sld-metis-internal #page-topbar .navbar-header{height:auto!important;display:contents!important;}