body{font-family:Kanit,Poppins,sans-serif!important}.layout-wrapper{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--vz-vertical-menu-bg-dark,#0a2540);z-index:1000;transition:all .3s}.sidebar-header{height:70px;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{color:#fff;font-size:1.25rem;font-weight:600;text-decoration:none;gap:.5rem}.sidebar-menu{padding:1rem 0;height:calc(100vh - 70px - 60px);overflow-y:auto}.menu-title{padding:.75rem 1.5rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.4);font-weight:600}.menu-item{display:flex;align-items:center;padding:.625rem 1.5rem;color:rgba(255,255,255,.6);text-decoration:none;font-size:.9375rem;transition:all .2s;gap:.75rem}.menu-item.active,.menu-item:hover{color:#ffffff;background:rgba(255,255,255,.05)}.menu-item.active{background:rgba(255,255,255,.1)}.menu-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.topbar-user{padding:0 .5rem}.header-profile-avatar{width:38px;height:38px;border-radius:50%;background:var(--vz-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.header-profile-avatar img{width:100%;height:100%;object-fit:cover}.header-profile-avatar span{color:#fff;font-weight:600;font-size:1rem}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);background:inherit}.logout-btn{width:100%;border:none;background:none;cursor:pointer;text-align:left}.logout-btn:hover{background:rgba(240,101,72,.1);color:var(--vz-danger)}.main-content{margin-left:250px!important;margin-right:0!important;width:calc(100% - 250px)!important;min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;height:70px;background:var(--vz-header-bg,var(--vz-card-bg));border-bottom:1px solid var(--vz-border-color);justify-content:space-between;padding:0 1.5rem;z-index:999}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:1rem}.topbar-left h4{color:var(--vz-heading-color,var(--vz-body-color));font-size:1rem;margin:0}.topbar-right{gap:.75rem}.header-item,.topbar-right{display:flex;align-items:center}.header-item{height:70px}.page-content{padding:1.5rem!important}.stat-card{display:flex;align-items:center;justify-content:space-between}.stat-card .stat-content h4{font-size:1.25rem;font-weight:600;margin:0;line-height:1.2}.stat-card .stat-content p{font-size:.75rem;color:var(--vz-secondary-color);margin:.25rem 0 0}.card-animate .card-body{padding:.75rem 1rem}.stat-icon{width:36px;height:36px;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.primary{background:rgba(var(--vz-primary-rgb),.1);color:var(--vz-primary)}.stat-icon.success{background:rgba(var(--vz-success-rgb),.1);color:var(--vz-success)}.stat-icon.warning{background:rgba(var(--vz-warning-rgb),.1);color:var(--vz-warning)}.stat-icon.danger{background:rgba(var(--vz-danger-rgb),.1);color:var(--vz-danger)}.stat-icon.info{background:rgba(var(--vz-info-rgb),.1);color:var(--vz-info)}.badge-success{background:rgba(var(--vz-success-rgb),.1)!important;color:var(--vz-success)!important}.badge-danger{background:rgba(var(--vz-danger-rgb),.1)!important;color:var(--vz-danger)!important}.badge-warning{background:rgba(var(--vz-warning-rgb),.1)!important;color:var(--vz-warning)!important}.badge-primary{background:rgba(var(--vz-primary-rgb),.1)!important;color:var(--vz-primary)!important}.badge-secondary{background:rgba(var(--vz-secondary-rgb),.1)!important;color:var(--vz-secondary)!important}.badge-info{background:rgba(var(--vz-info-rgb),.1)!important;color:var(--vz-info)!important}.app-search{padding:16px 0}.app-search .form-control{border:none;height:38px;border-radius:4px}.app-search .form-control,.app-search .form-control:focus{background-color:var(--vz-topbar-search-bg,var(--vz-tertiary-bg));box-shadow:none}.app-search .search-widget-icon{position:absolute;z-index:10;line-height:38px;left:12px;top:0;color:var(--vz-secondary-color,#878a99);display:flex;align-items:center;height:38px}.empty-state{text-align:center;padding:3rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;color:var(--vz-secondary)}.fs-sm{font-size:.75rem}.avatar-xs{height:2rem;width:2rem}.avatar-sm{height:2.5rem;width:2.5rem}.avatar-md{height:3rem;width:3rem}.avatar-lg{height:4rem;width:4rem}.avatar-title{align-items:center;display:flex;font-weight:500;height:100%;justify-content:center;width:100%;border-radius:50%}.flatpickr-calendar{font-family:Kanit,sans-serif!important;border-radius:8px!important;box-shadow:0 10px 40px rgba(0,0,0,.3)!important}.flatpickr-calendar.dark{border:1px solid var(--vz-border-color)!important}.flatpickr-calendar.dark,.flatpickr-calendar.dark .flatpickr-month,.flatpickr-calendar.dark .flatpickr-monthDropdown-months,.flatpickr-calendar.dark .flatpickr-weekdays{background:var(--vz-card-bg,#212529)!important}.flatpickr-calendar.dark .flatpickr-day{color:var(--vz-body-color)!important}.flatpickr-calendar.dark .flatpickr-day:hover{background:var(--vz-tertiary-bg)!important}.flatpickr-calendar.dark .flatpickr-day.selected{background:var(--vz-primary)!important;border-color:var(--vz-primary)!important}.flatpickr-calendar.dark .flatpickr-time input{background:var(--vz-input-bg)!important;color:var(--vz-body-color)!important;border:1px solid var(--vz-border-color)!important}.flatpickr-input[readonly]{background-color:var(--vz-input-bg)!important;cursor:pointer}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0!important;width:100%!important}}