*{margin:0;padding:0}@font-face{font-family:Arial;src:local("Arial"),url(shared/fonts/arialmt.ttf) format("truetype");font-weight:400}#root{font-family:Arial;line-height:25px}body{background-color:#f4f6f8;color:#212121}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background-color:#b0bec5;border-radius:4px}.header{background-color:#263238;color:#fff;box-shadow:0 2px 4px #0000001a}.header-wrapper{display:flex;align-items:center;justify-content:space-between;width:1200px;margin:0 auto;height:64px}.header-logo{display:flex;align-items:center}.header-logo img{width:60px;height:auto}.header-logo-name{font-size:20px;padding:0 10px;font-weight:600;color:#fff}.header-navbar a{padding:0 15px;text-decoration:none;color:#eceff1;font-size:14px;font-weight:500;transition:color .2s}.header-navbar a:hover{color:#fff}.heder-profile{display:flex;align-items:center}.heder-profile img{width:36px;height:36px;border-radius:50%;border:2px solid #eceff1}.header-profile-name{font-size:14px;padding:0 10px;color:#eceff1}.header-navbar span{text-decoration:none;color:#b0bec5;padding:0 15px;font-size:14px}.rpd-template-main{width:1200px;margin:0 auto;display:flex}.rpd-template-list{background-color:#fff;min-width:300px;max-width:300px;height:auto;min-height:500px;margin:20px 20px 20px 0;border-radius:4px;position:sticky;top:20px;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001f}.rpd-template-list-title{padding:15px 20px;color:#263238;font-size:18px;font-weight:600;border-bottom:1px solid #e0e0e0}.rpd-template-list-ul{padding:10px 0;list-style-type:none}.rpd-template-list-ul li{padding:0}.rpd-template-list-ul li a{display:block;padding:8px 20px;text-decoration:none;color:#455a64;font-size:14px;transition:background-color .2s}.rpd-template-list-ul li a:hover{color:#263238;background-color:#f5f5f5;text-decoration:none}.rpd-template-content{background-color:#fff;margin:20px 0;padding:24px;border-radius:4px;width:100%;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001f}.rpd-template-content div{margin-bottom:16px}.rpd-template-content p{margin-bottom:16px;line-height:1.6}.manager-main{width:1200px;margin:0 auto}.manager-content{background-color:#fff;margin:20px 0;padding:24px;border-radius:4px;width:100%;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001f}.manager-content h2{padding:0 0 20px;font-size:24px;color:#263238;border-bottom:1px solid #eceff1;margin-bottom:20px}.manager-line{margin:20px 0;border-top:1px solid #eceff1}.selector{padding:8px;width:50%;margin:10px 0;font-size:14px;font-weight:500;border:1px solid #b0bec5;border-radius:4px}.table{border:1px solid #e0e0e0;table-layout:fixed;width:100%;margin-bottom:20px;border-collapse:collapse}.table th{font-weight:600;padding:12px 16px;background:#eceff1;border:1px solid #e0e0e0;color:#263238;text-align:left}.table td{padding:8px 16px;border:1px solid #e0e0e0;text-align:left;color:#455a64}.table tbody tr:nth-child(odd){background:#fff}.table tbody tr:nth-child(2n){background:#fafafa}.table tbody tr:hover{background-color:#f5f5f5}.table td>div:not([class*=Mui]){width:100%;min-height:auto;margin:0!important;padding:4px}.table td>div:not([class*=Mui]):hover{background:#ddd}