body{margin:0}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.login .clock{font-family:monospace;font-size:14px;color:#cfcfcf;padding:30px}.avatarBox{display:flex;align-items:center;gap:20px;margin-top:6px}.avatarBox .avatar{flex-shrink:0;box-shadow:0 2px 10px #e4e4e4}.avatarBox .description{display:flex;flex-direction:column;gap:2px}.avatarBox .description .title,.avatarBox .description .subTitle{font-weight:600;margin:0}.avatarBox .description .subTitle{font-weight:400;color:#999;line-height:20px}.sider{position:sticky;top:0;height:100vh}.sider .logo{position:absolute;top:0;left:0;width:100%;height:64px;padding:10px;margin-bottom:10px;overflow:hidden}.sider .logo .box{width:100%;height:100%;border-radius:8px;background-color:#ebebeb;overflow:hidden}.sider .logo .box img{width:100%;height:100%;object-fit:cover}.sider .siderMenu{height:100%;padding-top:64px}.headerBox{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:9}.headerBox .left{font-size:16px;width:46px;height:46px}.headerBox .right{display:flex;justify-content:center;align-items:center;padding:22px 10px}.contentBox{margin:16px;padding:24px;background-color:#fff;border-radius:10px}.gridBox{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gridBox .cardContent{display:flex;justify-content:space-between}.gridBox .cardContent h2{margin-bottom:6px}.gridBox .cardContent p{margin:0;opacity:.5}.box{display:flex;flex-direction:column;gap:30px}.tableHeader{display:flex;justify-content:space-between;align-items:center;padding:0 10px}