:root{--thp-primary:#e12525;--thp-secondary:#002169;--thp-accent:#e12525;--thp-background:#f4f6f9;--thp-surface:#fff;--thp-border:#e0e0e0;--thp-muted:#a6a8aa;--thp-text:#002169;--thp-text-on-primary:#fff;--thp-text-on-secondary:#fff;--thp-success:#28a745;--thp-info:#17a2b8;--thp-warning:#ffc107;--thp-danger:#dc3545}.admin-wrapper{min-height:100vh}.main-sidebar{z-index:1038;scrollbar-width:thin;scrollbar-color:#ffffff47 #0000;width:292px;height:100vh;transition:width .3s;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.main-sidebar::-webkit-scrollbar{width:10px}.main-sidebar::-webkit-scrollbar-track{background:0 0}.main-sidebar::-webkit-scrollbar-thumb{background:#ffffff47 padding-box padding-box;border:2px solid #0000;border-radius:999px}.main-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff6b}.main-sidebar .sidebar-menu .nav-link{color:#ffffffeb;padding:8px 16px}.main-sidebar .sidebar-menu .nav-link:hover{color:#fff;background-color:#ffffff1f}.main-sidebar .sidebar-menu .nav-link.active{color:#fff;background-color:#002169}.main-sidebar .sidebar-menu .nav-link .nav-icon{text-align:center;width:24px;margin-right:8px}.main-sidebar .sidebar-menu .nav-treeview{flex-flow:column;padding-left:16px}.main-sidebar .sidebar-menu .nav-treeview>.nav-item{width:100%}.main-sidebar .sidebar-menu .nav-treeview .nav-link{padding:6px 16px;font-size:13px}.main-sidebar .nav-sidebar .nav-treeview{opacity:0;pointer-events:none;flex-flow:column;max-height:0;transition:max-height .26s,opacity .2s,transform .24s;display:flex;overflow:hidden;transform:translateY(-4px)}.main-sidebar .nav-sidebar .nav-treeview>.nav-item{width:100%}.main-sidebar .nav-sidebar>.nav-item.menu-open>.nav-treeview{opacity:1;pointer-events:auto;max-height:420px;transform:translateY(0)}.main-sidebar .nav-sidebar .nav-link{align-items:center;gap:8px;display:flex}.main-sidebar .nav-sidebar .nav-link>p{opacity:1;flex:auto;justify-content:space-between;align-items:center;width:100%;min-width:0;margin:0;transition:opacity .18s,transform .22s;display:flex;transform:translate(0)}.main-sidebar .nav-sidebar .nav-link>p .right{flex-shrink:0;margin-left:auto;transition:transform .24s;transform:rotate(0)}.main-sidebar .nav-sidebar .nav-link>p.is-collapsed{opacity:0;pointer-events:none;white-space:nowrap;width:0;overflow:hidden;transform:translate(-6px)}.main-sidebar .nav-sidebar .nav-link .nav-icon{text-align:center;flex-shrink:0;width:24px}.main-sidebar .nav-sidebar>.nav-item.menu-open>.nav-link>p .right{transform:rotate(180deg)}.main-sidebar .sidebar-fade-label{opacity:1;white-space:nowrap;max-width:220px;max-height:40px;transition:opacity .18s,transform .22s,max-width .22s,max-height .22s;overflow:hidden;transform:translate(0)}.main-sidebar .sidebar-fade-label.is-collapsed{opacity:0;pointer-events:none;max-width:0;max-height:0;transform:translate(-6px)}.main-header,.content-wrapper,.main-footer{margin-left:292px;transition:margin-left .3s}.content-wrapper{min-height:calc(100vh - 107px);padding:16px}.col-md-3 .react-select__control,.col-lg-3 .react-select__control{min-height:42px}.content-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.content-header h1{align-items:center;gap:8px;margin:0;font-size:1.5rem;display:flex}.content-header .toolbar{gap:8px;display:flex}.breadcrumb-wrapper{margin-bottom:16px}.main-footer{color:#a6a8aa;text-align:center;background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px;font-size:13px}.sidebar-collapse .main-sidebar{width:68px}.sidebar-collapse .main-header,.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{margin-left:68px}@media (max-width:991.98px){.main-sidebar{z-index:1041;width:min(280px,86vw);transition:transform .3s;transform:translate(-100%)}.admin-wrapper:not(.sidebar-collapse) .main-sidebar{transform:translate(0);box-shadow:0 0 0 100vmax #00000059}.main-header,.content-wrapper,.main-footer,.sidebar-collapse .main-header,.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{margin-left:0}.content-wrapper{min-height:calc(100vh - 57px);padding:12px}.content-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.content-header h1{width:100%;font-size:1.25rem}.content-header .toolbar{flex-wrap:wrap;width:100%}}
