@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap";:root{--bs-header-bg: #fff;--bs-sidebar-bg: #fff;--bs-body-bg: #f8f9fa;--bs-border-color: #e9ebec;--bs-primary: #5156be;--bs-primary-rgb: 81, 86, 190;--bs-body-color: #313533;--bs-body-font-size: .875rem;--bs-sidebar-width: 250px;--bs-header-height: 70px;--bs-footer-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html{position:relative;min-height:100%}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--bs-body-font-size);color:var(--bs-body-color);background:var(--bs-body-bg);overflow-x:hidden}#page-topbar{position:fixed;top:0;right:0;left:0;z-index:1002;background:var(--bs-header-bg);border-bottom:1px solid var(--bs-border-color);box-shadow:0 0 3px #0000000a}.navbar-header{display:flex;align-items:center;justify-content:space-between;height:var(--bs-header-height);padding:0 12px 0 0}.d-flex{display:flex;align-items:center}.navbar-brand-box{width:var(--bs-sidebar-width);text-align:center;border-bottom:1px solid var(--bs-border-color);padding:0 20px}.logo{text-decoration:none;display:inline-flex;align-items:center;gap:8px}.logo-txt{font-size:20px;font-weight:700;color:#313533;letter-spacing:.5px}.logo-lg{display:flex;align-items:center;gap:8px;line-height:69px}.header-item{height:var(--bs-header-height);display:flex;align-items:center;justify-content:center;color:#555b6d;border:none;background:none;cursor:pointer;font-size:20px;padding:0 12px}.header-item:hover{color:var(--bs-primary)}.app-search{padding:0 16px}.app-search .form-control{width:360px;height:40px;border:1px solid var(--bs-border-color);border-radius:6px;padding:8px 44px 8px 14px;font-size:13px;background:#f5f6f8;outline:none;transition:border-color .15s}.app-search .form-control:focus{border-color:var(--bs-primary);background:#fff}.app-search .btn{position:absolute;right:3px;top:3px;height:34px;width:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bs-primary);color:#fff;cursor:pointer}.app-search .btn:hover{opacity:.9}.vertical-menu{position:fixed;top:var(--bs-header-height);left:0;bottom:0;width:var(--bs-sidebar-width);background:var(--bs-sidebar-bg);border-right:1px solid var(--bs-border-color);z-index:1001;overflow:hidden;transition:transform .3s}#sidebar-menu{padding-bottom:20px}.metismenu{list-style:none;padding:0;margin:0}.metismenu li{position:relative}.metismenu li a{display:flex;align-items:center;padding:10px 20px;color:#313533;text-decoration:none;font-size:14px;transition:all .2s;cursor:pointer;gap:10px}.metismenu li a i{width:20px;text-align:center;font-size:16px;color:#7a7f9a}.metismenu li a:hover,.metismenu li a.active{color:var(--bs-primary);background:#5156be0f}.metismenu li a:hover i,.metismenu li a.active i{color:var(--bs-primary)}.metismenu .menu-title{padding:12px 20px 6px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.sidebar-alert{border:none!important}.sidebar-alert .card-body{padding:1.25rem}.sidebar-alert .alertcard-title{font-size:16px;font-weight:600}.sidebar-alert p{font-size:13px;color:#7a7f9a}.vertical-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:none}.main-content{margin-left:var(--bs-sidebar-width);margin-top:var(--bs-header-height);min-height:calc(100vh - var(--bs-header-height));padding-bottom:var(--bs-footer-height)}.page-content{padding:24px 0}.container-fluid{padding:0 24px;max-width:1400px;margin:0 auto}.footer{position:absolute;bottom:0;right:0;left:0;height:var(--bs-footer-height);display:flex;align-items:center;border-top:1px solid var(--bs-border-color);background:#fff;font-size:13px;color:#7a7f9a;margin-left:var(--bs-sidebar-width)}.font-size-12{font-size:12px}.font-size-13{font-size:13px}.font-size-14{font-size:14px}.font-size-16{font-size:16px}.font-size-18{font-size:18px}.text-muted{color:#7a7f9a}.text-reset{color:inherit!important;text-decoration:none}.bg-primary{background:var(--bs-primary)!important}.rounded-4{border-radius:12px!important}.shadow-secondary{box-shadow:0 2px 4px #0000000f}.btn-primary{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.btn-primary:hover{opacity:.9}.card{background:#fff;border:none;border-radius:12px}.card-body{padding:1.25rem}.avatar-lg{width:48px;height:48px}.avatar-sm{width:32px;height:32px}.rounded-circle{border-radius:50%}.border{border:1px solid var(--bs-border-color)!important}.border-0{border:0!important}.m-0{margin:0!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:20px!important}.mt-5{margin-top:40px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:20px!important}.mb-sm-0{margin-bottom:0!important}.me-1{margin-right:4px!important}.me-2{margin-right:8px!important}.me-3{margin-right:12px!important}.p-0{padding:0!important}.p-1{padding:4px!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:20px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.mx-4{margin-left:20px!important;margin-right:20px!important}.text-center{text-align:center}.overflow-hidden{overflow:hidden}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.w-100{width:100%}.list-unstyled{list-style:none;padding:0;margin:0}@media(max-width:991.98px){.vertical-menu{transform:translate(-100%)}.vertical-menu.sidebar-enable{transform:translate(0)}.vertical-overlay{display:block}.main-content,.footer{margin-left:0}.navbar-brand-box{width:auto}}