.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}.app-card{height:calc(100% - 1.5rem);margin-bottom:1.5rem;background:#fff;box-shadow:0 1.6rem 3rem #0000001a;border-radius:2rem;color:#323232;width:100%}.card-action-btn{cursor:pointer;outline:none;color:#4d69fa;font-weight:600;border-color:#edf0ff;margin:0 10px;border-radius:1rem;padding:.5rem 1rem}.card-action-btn:hover,.card-action-btn:active{background:#edf0ff}.transaction{border-radius:50rem;text-align:center;font-weight:700;width:100px;padding:.25rem 0}.transaction.processing{background-color:#fffaee;color:#ffcf52}.transaction.done{background-color:#edf8f7;color:#46bcaa}.transaction.failed{background-color:#feeee9;color:#f35421}.login-page{width:100vw;height:100vh;overflow:hidden;background:#e7eef8;display:flex;justify-content:center;align-items:center;font-family:Popins,sans-serif;font-size:20px}.login-page .login-card{margin-bottom:3rem;background:#fff;box-shadow:0 1.6rem 3rem #0000001a;border-radius:1rem;padding:calc(1.275rem + .3vw);width:500px}.login-card .login-card-header{text-align:center}.login-title{font-size:calc(1.375rem + 1.5vw);font-weight:900;margin-bottom:1rem;margin-top:20px}.login-description{color:#323232bf;margin-bottom:3rem;font-size:calc(1.275rem + .3vw);font-weight:400}.login-form-input{padding:.7rem;border-radius:1rem;box-shadow:inset 0 1px 2px #00000013;color:#323232;font-size:1rem;font-weight:600;border:1px solid #f8f9fa;display:flex;margin-bottom:10px}.login-btn{width:100%;font-size:1rem;height:45px!important;border-radius:14px!important}.ant-list-item{padding:0!important}.fixed{position:fixed}.float-right{float:right}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-12{height:3rem}.h-40{height:10rem}.w-12{width:3rem}.w-32{width:8rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-scroll{overflow:scroll}.rounded-2xl{border-radius:1rem}.border{border-width:1px}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-8xl{font-size:6rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{padding:0;margin:0;box-sizing:border-box;font-family:Popins,sans-serif}.card-body{padding:1.5rem;flex:1 1 auto}