.app-layout .menu{background-color:#000!important;color:#fff!important;border-radius:1rem;box-shadow:0 1.6rem 3rem #0000001a}.app-layout .logo-vertical{color:#fff;background-color:#000!important;text-align:center;height:65px;display:flex;align-items:center;padding:0 1rem}.app-layout .ant-menu-item{border-radius:1rem}.app-layout .ant-menu-item.ant-menu-item-selected{background-color:#19191f;color:#e7eef8}.app-layout .header{border-radius:1rem;box-shadow:0 1.6rem 3rem #0000001a;margin:10px calc(1.275rem + .3vw);background-color:#ffffff80;border-bottom:0 solid #f8f9fa;color:#808191;padding:0 .75rem;position:sticky;top:10px;z-index:1020}.app-layout .footer{border-radius:1rem;box-shadow:0 1.6rem 3rem #0000001a;margin:10px calc(1.275rem + .3vw);background-color:#ffffff80;border-bottom:0 solid #f8f9fa;color:#808191;padding:0 .75rem;position:sticky;bottom:10px;z-index:1020;height:40px;display:flex;justify-content:center;align-items:center}.app-layout .toggle-menu-btn{background-color:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.app-layout .toggle-menu-btn:hover{color:#fff}.app-header{width:100%;height:100%;display:flex;align-items:center}.app-header .header-left{width:50%;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.header-left input{width:100%;border:none;outline:none;background-color:transparent;color:#323232;border-radius:1rem;padding:5px 10px;font-weight:600}.header-left svg{fill:#0d6efd;font-size:18px}.app-header .header-right{width:50%;display:flex;justify-content:flex-end;align-items:center;padding:0 10px}.app-header .header-right .header-right-item button{font-size:20px;height:calc(26px + 1.25rem);padding:.625rem;width:calc(26px + 1.25rem);background:transparent;outline:none;border:none;margin-right:15px;cursor:pointer;color:#323232bf}.app-header .header-right .header-right-item button:hover{background-color:#e7eef8;border-radius:50%;color:#323232}.app-header .header-right .user{display:flex;align-items:center}.app-header .header-right .user .avatar{width:48px;height:48px;border-radius:50%;cursor:pointer;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#fff3d4}.app-header .header-right .user .user-info{line-height:24px;margin-right:20px;text-align:right}.app-header .header-right .user .user-info div:first-child{font-size:.8rem;font-weight:700;margin-bottom:0}.app-header .header-right .user .user-info small{font-size:.875em;color:#323232bf}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.flex{display:flex}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-48{width:12rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-6{padding:1.5rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body{margin:0;padding:0}