:host,:root{--va-divider-display:flex;--va-divider-margin:.5rem;--va-divider-line-width:1px;--va-divider-border-style:solid;--va-divider-text-font-size:.875rem;--va-divider-text-line-height:0;--va-divider-text-height:0;--va-divider-text-vertical-align:middle;--va-divider-text-transform:translateY(-50%);--va-divider-text-horizontal-offset:1.25rem;--va-divider-vertical-display:inline-flex;--va-divider-inset-horizontal-margin:1rem;--va-divider-inset-margin:.5rem var(--va-divider-inset-horizontal-margin);--va-divider-dashed-border-top-style:dashed}.va-divider{display:flex;display:var(--va-divider-display);font-family:var(--va-font-family);margin:.5rem 0;margin:var(--va-divider-margin) 0}.va-divider--vertical{border-right-style:solid;border-right-width:1px;border-right:var(--va-divider-line-width) var(--va-divider-border-style) var(--va-color-computed);border-top:0;display:inline-flex;display:var(--va-divider-vertical-display);margin:0 .5rem;margin:0 var(--va-divider-margin);vertical-align:top}.va-divider--vertical.va-divider--dashed{border-right-style:dashed}.va-divider--inset{margin:.5rem 1rem;margin:var(--va-divider-inset-margin)}.va-divider--inset.va-divider--vertical{margin:1rem .5rem;margin:var(--va-divider-inset-horizontal-margin) var(--va-divider-margin)}.va-divider:after,.va-divider:before{border-top-style:solid;border-top-width:1px;border-top:var(--va-divider-line-width) var(--va-divider-border-style) var(--va-color-computed);content:"";flex:1}.va-divider--dashed:after,.va-divider--dashed:before{border-top-style:dashed;border-top-style:var(--va-divider-dashed-border-top-style)}.va-divider--left:before,.va-divider--right:after{flex:0 1.25rem;flex:0 var(--va-divider-text-horizontal-offset)}.va-divider__text{font-size:.875rem;font-size:var(--va-divider-text-font-size);height:0;height:var(--va-divider-text-height);line-height:0;line-height:var(--va-divider-text-line-height);transform:translateY(-50%);transform:var(--va-divider-text-transform);vertical-align:middle;vertical-align:var(--va-divider-text-vertical-align)}:host,:root{--va-infinite-scroll-display:flex;--va-infinite-scroll-flex-direction:column;--va-infinite-scroll-spinner-default-width:100%;--va-infinite-scroll-spinner-default-min-height:70px;--va-infinite-scroll-reversed-flex-direction:column-reverse}.va-infinite-scroll{display:flex;display:var(--va-infinite-scroll-display);flex-direction:column;flex-direction:var(--va-infinite-scroll-flex-direction);font-family:var(--va-font-family)}.va-infinite-scroll--reversed{flex-direction:column-reverse;flex-direction:var(--va-infinite-scroll-reversed-flex-direction)}.va-infinite-scroll__spinner,.va-infinite-scroll__spinner__default{align-items:center;display:flex;justify-content:center}.va-infinite-scroll__spinner__default{min-height:70px;min-height:var(--va-infinite-scroll-spinner-default-min-height);width:100%;width:var(--va-infinite-scroll-spinner-default-width)}.va-infinite-scroll__spinner--invisible{visibility:hidden!important}.va-layout__absolute-area-wrapper .va-layout__area{position:absolute}.va-layout__absolute-area-wrapper .va-layout__area--bottom,.va-layout__absolute-area-wrapper .va-layout__area--top{width:100%}.va-layout__absolute-area-wrapper .va-layout__area--right{height:100%;right:0}.va-layout__absolute-area-wrapper .va-layout__area--left{height:100%;left:0}.va-layout-fixed-wrapper{flex:1;position:relative}.va-layout-fixed-wrapper__content{height:var(--va-styles-height);position:fixed;width:var(--va-styles-width)}@media print{.va-layout-fixed-wrapper__content{height:-moz-max-content!important;height:max-content!important;position:relative!important;width:-moz-max-content!important;width:max-content!important}}.va-layout-fixed-wrapper__content--top{top:0}.va-layout-fixed-wrapper__content--bottom{bottom:0}.va-layout-fixed-wrapper__content--right{right:0}.va-layout-fixed-wrapper__content--left{left:0}.va-layout__area{grid-area:var(--va-props-area)}.va-layout__absolute-area-wrapper,.va-layout__area{z-index:var(--va-z-index)}.va-layout-area{display:flex}.va-layout-area__overlay{background:var(--va-layout-overlay-color);bottom:0;left:0;position:absolute;right:0;top:0;z-index:var(--va-z-index-1)}.va-layout-area__overlay.v-enter-active,.va-layout-area__overlay.v-leave-active{transition:opacity .5s ease}.va-layout-area__overlay.v-enter-from,.va-layout-area__overlay.v-leave-to{opacity:0}.va-layout-area__overlay--fixed{position:fixed}:host,:root{--va-layout-overlay-color:rgba(0,0,0,.5);--va-layout-scroll-padding:1rem}.va-layout{display:grid;gap:0;grid-template-areas:var(--va-template-area);grid-template-columns:var(--va-horizontal-template);grid-template-rows:var(--va-vertical-template);max-height:100%;max-width:100%;position:relative;z-index:0}.va-layout__area{scrollbar-color:var(--va-background-element) transparent;scrollbar-width:thin;transition:scrollbar-color .3s ease-in-out}.va-layout__area::-webkit-scrollbar{height:4px;width:4px}.va-layout__area::-webkit-scrollbar-track{border-radius:10px;box-shadow:none}.va-layout__area::-webkit-scrollbar-thumb{background:var(--va-background-element);border-radius:2px;opacity:.3;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.va-layout__area--content{grid-area:content;min-height:0;min-width:0;z-index:0}.va-layout__area--content [id]{scroll-margin-bottom:calc(var(--va-paddings-bottom-px) + 1rem);scroll-margin-bottom:calc(var(--va-paddings-bottom-px) + var(--va-layout-scroll-padding));scroll-margin-left:calc(var(--va-paddings-left-px) + 1rem);scroll-margin-left:calc(var(--va-paddings-left-px) + var(--va-layout-scroll-padding));scroll-margin-right:calc(var(--va-paddings-right-px) + 1rem);scroll-margin-right:calc(var(--va-paddings-right-px) + var(--va-layout-scroll-padding));scroll-margin-top:calc(var(--va-paddings-top-px) + 1rem);scroll-margin-top:calc(var(--va-paddings-top-px) + var(--va-layout-scroll-padding))}.va-sidebar{box-sizing:border-box;display:inline-flex;font-family:var(--va-font-family);height:100%;height:var(--va-sidebar-height);min-height:100%;min-height:var(--va-sidebar-min-height);position:relative;top:0;z-index:1;z-index:var(--va-sidebar-z-index)}.va-sidebar__menu{display:flex;flex:1;flex-direction:column;height:100%;margin-left:auto;max-height:100%;max-height:var(--va-sidebar-menu-max-height);min-width:100%;overflow-x:visible;overflow-x:var(--va-sidebar-menu-overflow-x);overflow-y:auto;overflow-y:var(--va-sidebar-menu-overflow-y);right:0;scrollbar-color:var(--va-secondary) transparent;scrollbar-width:thin;transition:scrollbar-color .3s ease-in-out}.va-sidebar__menu::-webkit-scrollbar{height:4px;width:4px}.va-sidebar__menu::-webkit-scrollbar-track{border-radius:10px;box-shadow:none}.va-sidebar__menu::-webkit-scrollbar-thumb{background:var(--va-secondary);border-radius:2px;opacity:.3;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.va-sidebar--animated,.va-sidebar--animated .va-sidebar__menu{transition:var(--va-transition);transition:var(--va-sidebar-transition)}.va-sidebar--animated-right{justify-content:flex-end}.va-sidebar--animated-left{justify-content:flex-start}.va-sidebar--minimized{left:0}.va-sidebar--minimized .va-sidebar__title{display:none}.va-sidebar-item{border-left:4px solid transparent;border-left:var(--va-sidebar-item-active-border-size) solid transparent;box-sizing:border-box;color:currentColor;cursor:pointer;display:inline-block;font-family:var(--va-font-family);padding-right:4px;padding-right:var(--va-sidebar-item-active-border-size);transition:var(--va-transition);transition:var(--va-sidebar-item-transition);width:100%}.va-sidebar-item--disabled{cursor:not-allowed;opacity:.5}.va-sidebar-item:focus-visible{border-radius:"inherit";outline:2px solid var(--va-focus)!important;outline-offset:-2px}.va-sidebar__item__content{align-items:center;box-sizing:border-box;display:flex;min-height:58px;padding:1rem;padding:var(--va-sidebar-item-content-padding)}.va-sidebar__item__content>*{margin-right:.5rem;margin-right:var(--va-sidebar-item-content-gap)}.va-sidebar__item__content>:last-child{margin-right:0}:host,:root{--va-sidebar-min-height:100%;--va-sidebar-height:100%;--va-sidebar-position:relative;--va-sidebar-top:0;--va-sidebar-left:0;--va-sidebar-transition:var(--va-transition);--va-sidebar-z-index:1;--va-sidebar-menu-max-height:100%;--va-sidebar-menu-margin-bottom:0;--va-sidebar-menu-list-style:none;--va-sidebar-menu-padding-left:0;--va-sidebar-menu-overflow-y:auto;--va-sidebar-menu-overflow-x:visible;--va-sidebar-item-active-border-size:4px;--va-sidebar-item-transition:var(--va-transition);--va-sidebar-item-content-padding:1rem;--va-sidebar-item-content-gap:.5rem;--va-sidebar-item-title-white-space:nowrap}.va-sidebar__title{flex-grow:1;transition:opacity .2s ease-in-out;white-space:nowrap;white-space:var(--va-sidebar-item-title-white-space)}.app-navbar{background:#fff;border-bottom:1px solid #edf2f7;box-shadow:0 1px 2px #00000008;height:64px;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:1000}.app-navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:20px}.navbar-brand,.navbar-brand-icon{align-items:center;display:flex;justify-content:center}.navbar-brand-icon{flex-shrink:0;height:42px}.brand-img{height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;width:auto}.brand-img:hover{transform:scale(1.05)}body.is-mobile .app-navbar{height:60px;padding:0 10px}body.is-mobile .navbar-left{gap:10px}body.is-mobile .navbar-brand-icon{height:32px}body.is-mobile .navbar-right{gap:5px}body.is-mobile .user-menu-dropdown .va-button__content{border-radius:50%!important;padding:4px!important}body.is-mobile .navbar-toggle{height:36px;width:36px}.navbar-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.navbar-toggle:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.navbar-toggle:active{transform:translateY(0)}.navbar-right{align-items:center;display:flex;gap:12px}.navbar-btn{--va-button-content-px:10px;border-radius:12px!important}.navbar-btn:hover{background:#f1f5f9!important}.navbar-btn:hover .fa-bell{color:#1e293b!important}.user-menu-dropdown .va-button__content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:50px!important;padding:4px 12px 4px 6px!important;transition:all .2s ease}.user-menu-dropdown .va-button__content:hover{background:#f1f5f9;border-color:#cbd5e1}.user-menu-dropdown .user-name{color:#334155;font-size:.875rem;font-weight:600}.app-sidebar{background:#fff!important;border-right:1px solid #e2e8f0;height:calc(100vh - 56px)!important;overflow-x:hidden;z-index:100!important}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:5px}.sidebar-section{width:100%}.sidebar-section-label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:0 24px 12px;text-transform:uppercase}.sidebar-menu-list{padding-right:5px!important}.sidebar-menu-item{background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;margin-bottom:6px!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-menu-item:hover{background:#f1f5f9cc!important}.sidebar-menu-item:hover .menu-item-title{color:#0f172a!important}.sidebar-menu-item:hover .icon-wrapper{color:#bb0100!important;transform:scale(1.1) translate(3px)}.sidebar-menu-item.active-item,.sidebar-menu-item.va-sidebar-item--active{background:linear-gradient(135deg,#bb0100,#a50b0b)!important;border:1px solid rgba(187,1,0,.2)!important;box-shadow:0 4px 15px -4px #bb010080}.sidebar-menu-item.active-item .menu-item-title,.sidebar-menu-item.va-sidebar-item--active .menu-item-title{color:#fff!important;font-weight:700!important;letter-spacing:.02em}.sidebar-menu-item.active-item .icon-wrapper,.sidebar-menu-item.active-item .icon-wrapper svg,.sidebar-menu-item.va-sidebar-item--active .icon-wrapper,.sidebar-menu-item.va-sidebar-item--active .icon-wrapper svg{color:#fff!important}.sidebar-menu-item.active-item .expand-icon,.sidebar-menu-item.va-sidebar-item--active .expand-icon{color:#fff!important;opacity:1}.sidebar-menu-item.active-parent{background:#fff5f5!important;border:1px solid #fee2e2!important}.sidebar-menu-item.active-parent .menu-item-title{color:#bb0100!important;font-weight:800!important}.sidebar-menu-item.active-parent .icon-wrapper,.sidebar-menu-item.active-parent .icon-wrapper svg{color:#bb0100!important}.sidebar-menu-item.active-parent .expand-icon{color:#bb0100!important;opacity:1}.menu-item-content{align-items:center;background:transparent!important;display:flex;min-height:48px;padding:10px 16px!important;position:relative;width:100%}.icon-wrapper{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px}.menu-item-title{color:#475569;font-size:.95rem!important;font-weight:500!important;margin-left:12px!important;transition:all .2s ease}.expand-icon{font-size:.85rem;margin-left:auto;opacity:.5;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sub-menu-container{position:relative;transition:all .3s ease}.sub-menu-container:before{bottom:0;content:"";left:11px;position:absolute;top:0;width:2px}.sub-item{background:transparent!important;height:44px!important;margin-bottom:2px!important;padding-left:16px!important}.sub-item:hover{background:#f8fafc!important}.sub-item:hover .sub-title{color:#bb0100!important}.sub-item.active-item{background:linear-gradient(135deg,#bb0100,#a50b0b)!important}.sub-item.active-item:before{display:none}.sub-icon-wrapper{font-size:.9rem!important;height:24px!important;width:24px!important;z-index:2}.sub-icon-dot{background:#cbd5e1;border-radius:50%;height:6px;transition:all .3s ease;width:6px}.sub-title{color:#64748b;font-size:.9rem!important;font-weight:500!important}.expand-enter-active,.expand-leave-active{max-height:400px;opacity:1;overflow:hidden;transition:all .3s ease-in-out}.expand-enter-from,.expand-leave-to{max-height:0;opacity:0}.app-main{background:#f8fafc;height:100%;padding:24px}@media (max-width:768px){.app-main{padding:16px}}.notif-container{max-width:400px;min-width:320px;overflow:hidden;padding:0}.notif-header{align-items:center;background:#f8fafc;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:14px 16px}.notif-header .header-title{color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.notif-header .mark-all-btn{--va-button-font-size:.75rem;--va-button-content-px:8px;height:28px}.notif-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.notif-empty-state .empty-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.notif-empty-state .empty-text{color:#64748b;font-size:.875rem;font-weight:500}.user-dropdown{min-width:200px;padding:4px!important}.user-dropdown .va-list-item{border-radius:8px;cursor:pointer;margin-bottom:2px}.user-dropdown .va-list-item:hover{background:#f8fafc}.user-dropdown .logout-item:hover{background:#fff5f5}.notif-dropdown{background:#fff;padding:0!important}.notif-dropdown .va-list-item{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.notif-dropdown .va-list-item:last-child{border-bottom:none}.notif-dropdown .unread-notif{background:#fff8f8}.notif-dropdown .unread-notif:hover{background:#fff1f1}.notif-dropdown .unread-dot{background:#bb0100;border-radius:50%;height:8px;width:8px}.notif-dropdown .notification-desc{display:-webkit-box;line-height:1.4;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-form{--va-modal-overlay-opacity:.5;--va-modal-padding:0}.modal-form .va-modal__header{background:linear-gradient(135deg,#bb0100,#a50b0b);color:#fff;padding:.8rem 1rem!important}.modal-form .va-modal__message{margin:0;padding:1rem 1rem 0!important}.modal-form .va-modal__footer{padding:1rem}.modal-form .va-modal__inner{padding-bottom:0;padding-top:0}.modal-form .va-modal__close{color:#fff9;font-size:20px!important;margin-top:3px}.modal-form .va-modal__close:hover{color:#fff}.modal-sm .va-modal__dialog{max-width:450px!important;min-width:450px!important}.modal-sm .va-modal__inner{max-width:450px;min-width:450px}.modal-lg .va-modal__dialog,.modal-lg .va-modal__inner{max-width:1200px;min-width:1200px}.custom-field-label{font-size:.725rem;font-weight:700;letter-spacing:.6px;line-height:1.2;min-height:1rem;text-overflow:ellipsis;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.custom-required-mark{color:red;font-size:11px;vertical-align:middle}.va-input-label{font-size:.725rem}.input-field .va-input-wrapper__field{border:1.5px solid #cbd5e1;border-radius:8px}.input-field .va-input-wrapper__field:active,.input-field .va-input-wrapper__field:focus-within{border:1.5px solid #bb0100;box-shadow:0 0 0 3px #bb010014}.input-field .va-input-label{color:#334155!important}.input-field .va-input-label__required-mark{font-size:11px}.input-field .va-message-list{padding-top:2px}.input-field .va-input-wrapper__container{max-height:37px}.select-field .va-input-wrapper__field{border:1.5px solid #cbd5e1;border-radius:8px}.select-field .va-input-label{color:#334155!important}.select-field .va-input-label__required-mark{font-size:11px}.select-field .va-select-content{width:100%}.select-field .va-message-list{padding-top:2px}.text-field .va-input-wrapper__field{border:1.5px solid #cbd5e1;border-radius:8px}.text-field .va-input-wrapper__field:active,.text-field .va-input-wrapper__field:focus-within{border:1.5px solid #bb0100;box-shadow:0 0 0 3px #bb010014}.text-field .va-input-label{color:#334155!important}.text-field .va-input-label__required-mark{font-size:11px}.text-field .va-message-list{padding-top:2px}.text-field .va-input-wrapper__field{padding:8px 10px}.modal-switch .va-switch__label{font-size:12px;font-weight:600;padding-left:6px}.invalid-field .va-input-wrapper__field,.va-input-wrapper--error .va-input-wrapper__field{border:1.5px solid #ef4444}.form-btn.va-button{padding:3px}.btn-group{--va-button-font-size:1.1rem}.section-dropdown-icon .va-icon{color:#1f2937!important}.dropdown-divider{margin-bottom:0;margin-top:0}.section-dropdown .va-list-item{border-radius:4px;color:#2c2c2c;font-size:11px;font-weight:500;margin:1px 4px}.section-dropdown .va-list-item:hover{background-color:#f1f5f9;cursor:pointer}.section-dropdown .va-list-item-section--icon{color:#5e5e5e;margin:0}.dt-col-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.va-virtual-scroller{scrollbar-color:#a1a1a1 #fff}.clickable-td .va-button__content:hover{text-decoration-color:#bb0100;text-decoration-line:underline}.filter-checkbox .va-checkbox__label{font-size:12px;font-weight:600}
