@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--background-dark-primary:#0a0a0a;--background-dark-secondary:#171717;--background-dark-tertiary:#262626;--border-dark:#404040;--text-dark-primary:#e5e5e5;--text-dark-secondary:#d4d4d4;--text-dark-tertiary:#a3a3a3;--text-sm:12px;--text-base:14px;--text-l:16px;--text-xl:18px;--text-2xl:20px;--teal:#14b8a6;--teal-light:#2dd4bf;--teal-dark:#0d9488}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-dark-primary);color:var(--text-dark-secondary);font-family:Poppins;font-size:var(--text-base)}.header-2{font-size:var(--text-l);margin-bottom:14px;font-weight:600}.input-text{background:var(--background-dark-secondary);border:1px solid var(--border-dark);height:40px;color:var(--text-dark-tertiary);outline:none;margin-bottom:12px;padding-left:14px}.file-upload{border:1px solid var(--border-dark);background:var(--background-dark-secondary);cursor:pointer;height:40px;color:var(--text-dark-tertiary);align-items:center;margin-top:8px;margin-bottom:8px;padding-left:16px;display:flex}.upload-label{cursor:pointer;width:100%}.file-upload input{display:none}.file-info{justify-content:center;align-items:center;display:flex}.upload-reminder{font-style:italic;font-size:var(--text-sm);color:var(--text-dark-tertiary);font-weight:200}.picture{margin-bottom:16px}.input-file{background:var(--background-dark-secondary);border:1px solid var(--border-dark);height:40px;color:var(--text-dark-tertiary)}.submit-button button{background:var(--teal);border:1px solid var(--teal-light);color:var(--text-dark-primary);width:100px;height:40px;font-size:var(--text-l);cursor:pointer;margin-top:24px}.submit-button button:hover{background:var(--teal-light);color:var(--text-dark-primary)}.required{color:red}.main{background-image:url(/assets/main-building-BPUKdUCt.png);background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.form-container{background:var(--background-dark-secondary);border:1px solid var(--border-dark);border-radius:10px;flex-direction:column;width:470px;max-height:700px;padding:60px 50px;display:flex}.form-header{justify-content:center;align-items:center;margin-bottom:50px;display:flex}.form-container form{flex-direction:column;display:flex}.password-container{position:relative}.eye-icon-btn{color:#737373;cursor:pointer;position:absolute;top:45%;right:15px;transform:translateY(-40%)}.eye-icon-btn:focus{outline:none}.input-main{background:var(--background-dark-secondary);border:2px solid var(--border-dark);height:70px;color:var(--text-dark-tertiary);width:100%;font-size:var(--text-l);border-radius:10px;outline:none;margin-bottom:12px;padding-left:14px}.main-button{background:var(--teal);border:1px solid var(--teal-light);color:var(--text-dark-primary);width:100%;height:70px;font-size:var(--text-l);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.main-button:hover{background:var(--teal-light);color:var(--text-dark-primary)}.forgot{margin-bottom:50px;padding-left:10px}.main a{color:var(--teal);cursor:pointer;text-decoration:none}.main a:hover{color:var(--teal-light)}.forgot-password{flex-direction:column;gap:20px;font-weight:100;display:flex}.forgot-password p{align-self:center}.legal-container{width:1165px;color:var(--text-dark-tertiary);text-align:justify;margin:auto;padding-bottom:80px;font-weight:200}.legal-app{color:var(--teal);font-weight:600;font-size:var(--text-2xl)}.legal-section{margin-top:50px}.legal-title{color:#fff;margin-top:24px;margin-bottom:8px;font-weight:600}.legal-division{color:var(--teal);font-weight:600;font-size:var(--text-xl);margin-top:50px}.legal-company{margin-bottom:50px}.auth{width:100vw;height:100vh;display:flex;position:relative}.sidebar{background:var(--background-dark-secondary);min-width:220px;height:100vh;padding-top:50px;transition:transform .3s;position:fixed}.navigation{flex-direction:column;justify-content:space-between;gap:10px;display:flex}.navigation-item{cursor:pointer;align-items:center;gap:10px;display:flex}.logout{cursor:pointer;color:var(--text-dark-secondary);border-radius:6px;align-items:center;gap:10px;padding-top:20px;padding-left:30px;text-decoration:none;display:flex}.contain{padding-bottom:50px}.auth-main{width:100%;padding-left:260px;padding-right:40px}.details-header{flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:20px;display:flex}.details-header-name{color:var(--teal);font-size:24px;font-weight:700}.details-header-designation{font-size:var(--text-sm);color:var(--text-dark-tertiary);margin-bottom:20px}.page-header{justify-content:space-between;align-items:center;width:100%;display:flex}.page-title{align-items:center;display:flex}.menu-btn{cursor:pointer;background:0 0;border:none;display:none}.close-btn{cursor:pointer;background:0 0;border:none;margin-bottom:20px;display:none}.main-container{flex-direction:column;gap:20px;margin-top:30px;display:flex}.input-group{flex-direction:column;gap:5px;display:flex}.page-header{height:100px}.page-title{font-size:var(--text-2xl);align-items:center;gap:10px;font-weight:600;display:flex}.user .name-email .name{font-size:var(--text-l);color:var(--teal);font-weight:600}.user .name-email .email{font-size:var(--text-sm);color:var(--text-dark-tertiary)}.input-select{background:var(--background-dark-tertiary);height:40px;color:var(--text-dark-tertiary);cursor:pointer;border:1px solid var(--border-dark);font-size:var(--text-base);outline:none;padding-left:12px}.input-group-checkbox{color:var(--text-dark-tertiary);align-items:center;gap:10px;display:flex}.input-checkbox{accent-color:var(--teal);cursor:pointer;width:20px;height:20px}.category{flex-direction:column;gap:10px;margin-bottom:50px;display:flex}#training-category{background:var(--background-dark-tertiary);height:50px}.training-item{border:1px solid var(--border-dark);height:50px;font-size:var(--text-sm);color:var(--text-dark-tertiary);background:var(--background-dark-secondary);cursor:pointer;align-content:center;margin-bottom:20px;padding-left:14px;font-weight:200;transition:all .1s}.training-item:hover{background:var(--teal);color:#fff;font-weight:400}.utilities-container{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.utility-buttons{justify-content:center;align-items:center;gap:10px;display:flex}.utility{border:1px solid var(--border-dark);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:flex}.utility:hover{background:var(--teal);border:1px solid var(--teal-light)}.table-container{border:1px solid var(--border-dark);flex-direction:column;margin-top:30px;display:flex}.table-header{border-bottom:1px solid var(--border-dark);background:var(--background-dark-tertiary);justify-content:space-between;align-items:center;height:70px;padding-left:10px;display:flex}.header{width:100%}.table-items{padding-top:10px;padding-bottom:10px}.table-row{border-top:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);background:var(--background-dark-secondary);height:70px;font-weight:200;font-size:var(--text-sm);justify-content:space-between;align-items:center;padding-left:10px;transition:all .1s ease-in-out;display:flex}.table-row:hover{cursor:pointer;color:#fff;background:var(--teal-dark)}.row{width:100%;padding-right:10px}.notify{border:1px solid var(--teal-light);cursor:pointer;background:var(--teal);color:#fff;height:25px;padding-left:10px;padding-right:10px;transition:all .1s ease-in-out}.notify:hover{background:var(--teal-light)}.table-pagination{border-top:1px solid var(--border-dark);background:var(--background-dark-tertiary);justify-content:center;align-items:center;gap:5px;height:70px;display:flex}.table-pagination button{border:1px solid var(--border-dark);width:30px;height:30px;color:var(--text-dark-primary);cursor:pointer;background:0 0}.table-pagination button:hover{border:1px solid var(--teal)}.table-pagination button.active{background:var(--teal);font-weight:600}.overlay{z-index:500;background:#0006;position:fixed;inset:0}.navigation-item{cursor:pointer;color:var(--text-dark-secondary);align-items:center;gap:10px;height:50px;padding:8px 8px 8px 30px;text-decoration:none;transition:background .2s;display:flex}.navigation-item:hover{background:var(--teal-dark)}.navigation-item.active{background:var(--background-dark-tertiary);color:var(--text-dark-secondary);border-top:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);height:50px;font-weight:500}.switch{width:40px;height:24px;display:inline-block;position:relative}.switch-checkbox{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--background-dark-secondary);border:1px solid var(--border-dark);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:4px;left:4px}.switch-checkbox:checked+.slider{background-color:var(--teal)}.switch-checkbox:checked+.slider:before{transform:translate(16px)}@media (width<=768px){.auth-main{padding-left:40px}.menu-btn{display:block}.close-btn{margin-left:100px;display:block}.sidebar{z-index:1000;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.column-2,.column-3,.column-4{display:none}}.responsive-video{width:100%;max-width:100%;height:auto;display:block}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--background-dark-secondary);text-align:center;border-radius:5px;width:300px;padding:20px}.custom-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.custom-modal-container{background-color:#2d2d2d;border-radius:8px;width:100%;max-width:500px;padding:20px;box-shadow:0 4px 12px #0009}.custom-modal-header{color:#fff;justify-content:center;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.custom-modal-content{margin-top:20px}.custom-modal-content .input-group{margin-bottom:15px}.custom-modal-content input,.custom-modal-content textarea{color:#a3a3a3;resize:none;background-color:#171717;border:1px solid #404040;outline:none;width:100%;padding:10px;font-size:14px}.custom-modal-content textarea{height:150px}.custom-modal-footer{justify-content:center;gap:10px;margin-top:20px;display:flex}.custom-modal-footer button{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.custom-modal-footer button:first-child{color:#fff;background-color:teal}.custom-modal-footer button:last-child{color:#fff;background-color:gray}