*{box-sizing:border-box}*,body{margin:0;padding:0}body{min-height:100vh;background:linear-gradient(135deg,#001f3f,#034694 50%,#0066cc);font-family:Montserrat,sans-serif;font-weight:400;color:white;display:flex}.sidebar{width:250px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 0;display:flex;flex-direction:column;height:100vh;position:fixed}.sidebar-brand{padding:20px;font-size:1.4rem;font-weight:600;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.sidebar-brand img{max-width:100%;height:auto;max-height:60px;display:block;margin:0 auto}.sidebar-nav{flex-grow:1}.nav-item{display:flex;align-items:center;padding:15px 20px;color:white;text-decoration:none;transition:all .3s ease;cursor:pointer}.nav-item:hover{background:rgba(255,255,255,.1)}.nav-item.active{background:rgba(255,255,255,.15);border-left:4px solid white}.nav-item svg{width:24px;max-height:16px;margin-right:10px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.mission-quote{padding:15px 20px;font-style:italic;font-size:.9rem;text-align:center;color:rgba(255,255,255,.9);background:rgba(255,255,255,.05);margin:0 10px 15px;border-radius:5px}.help-button{display:flex;align-items:center;justify-content:center;padding:10px;margin:10px 20px;background:rgba(255,255,255,.1);border-radius:5px;color:white;text-decoration:none;transition:all .3s ease;cursor:pointer}.help-button:hover{background:rgba(255,255,255,.2)}.help-button svg{margin-right:8px;max-height:16px}.main-content{margin-left:250px;flex-grow:1;padding:40px;min-height:100vh;width:calc(100% - 250px)}.logout-button{width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:inherit;color:white}.logout-button:hover{background:rgba(255,255,255,.1)}.logout-button:disabled{opacity:.7;cursor:not-allowed}.button{background:#034694;border:none;color:white;padding:14px;border-radius:8px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;box-shadow:0 4px 8px rgba(3,70,148,.2)}button svg{max-height:16px}.button.button-small{padding:8px 12px;font-size:14px;border-radius:5px;box-shadow:0 2px 4px rgba(3,70,148,.2)}.Toastify__toast-container .button{margin:0}.buttonlight{background:#0066cc;color:white}.buttongray,.buttonlight{border:none;padding:14px;border-radius:8px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;box-shadow:0 4px 8px rgba(3,70,148,.2)}.buttongray{background:#d7d7d7;color:rgb(45,45,45)}.buttongray:hover{background:#ffffff;box-shadow:none}.buttonRed{background:#e74c3c;border:none;color:white}.buttonRed:hover{background:#b43123}.buttonlight:hover{background:#0075e9}.button:hover{background:#0066cc}.btnfull{width:100%}.button:disabled{opacity:.7;cursor:not-allowed}.form-header{text-align:center;margin-bottom:30px}.form-title{font-size:2rem;font-weight:600;margin-bottom:10px;color:#034694}.form-subtitle{font-size:1rem;color:#555}.form-group{margin-bottom:30px}.loading{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:20px;color:white;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.codex-editor__redactor{padding-bottom:100px!important}.createButton{background-color:#3182ce;padding:10px 16px;transition:background-color .2s;text-decoration:none}.createButton:hover{background-color:#2370b8}.pageHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%}.pageTitle{font-size:2rem;font-weight:600}.headerActions{display:flex;gap:16px;align-items:center}.searchBar{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 20px;width:300px;color:white;font-family:Montserrat,sans-serif}.searchBar::placeholder{color:rgba(255,255,255,.6)}.filters{display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.filterButton{background:rgba(255,255,255,0);border:none;color:white;padding:8px 15px;border-radius:6px;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .2s}.active{background:rgba(255,255,255,.2)!important}.filterButton:hover{background:rgba(255,255,255,.15)}.proceduresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:25px;gap:25px;width:100%}.procedureCard{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:20px;transition:transform .2s,background .2s;display:flex;flex-direction:column;justify-content:space-between;max-width:600px;height:100%}.procedureCard:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.procedureHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;flex-direction:column;gap:15px}.procedureTitle{font-size:1.2rem;font-weight:500}.tagContainer{display:flex;gap:8px;align-items:center}.procedureCategory{background:rgba(255,255,255,.2)}.procedureCategory,.procedureStatus{font-size:.8rem;padding:4px 8px;border-radius:4px}.procedureStatus{font-weight:500}.draft{background:rgba(255,165,0,.3);color:#ffa500}.published{background:rgba(46,204,113,.3);color:#2ecc71}.procedureMeta{display:flex;gap:15px;margin-bottom:15px;font-size:.9rem;color:rgba(255,255,255,.8)}.procedureMetaItem{display:flex;align-items:center;gap:5px}.procedureActions{display:flex;gap:10px;margin-top:auto}.actionButton{background:rgba(255,255,255,.15);border:none;color:white;padding:8px 12px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:.9rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:5px;flex:1 1;justify-content:center;text-decoration:none}.actionButton:hover{background:rgba(255,255,255,.25)}.iconx{height:14px}.emptyState,.errorState,.loadingState{text-align:center;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:20px;color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.emptyState{color:#333}.emptyState a{color:#4f46e5;text-decoration:underline}.createButton{background:rgba(255,255,255,.15);border:none;color:white;padding:10px 20px;border-radius:8px;font-family:Montserrat,sans-serif;cursor:pointer;transition:background .2s;font-weight:500}.createButton:hover{background:rgba(255,255,255,.25)}.createButton:disabled{opacity:.5;cursor:not-allowed}.sectionTitle{font-size:1.2rem;font-weight:500}.sectionTitle svg{max-height:24px}.modulesGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;width:100%}.moduleCard{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:20px;transition:transform .2s,background .2s;display:flex;flex-direction:column;align-items:flex-start}.moduleCard .adminActionsContainer,.moduleCard .moduleActions{width:100%}.moduleCard:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.moduleIcon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:12px;margin-bottom:15px}.moduleIcon svg{max-height:32px}.moduleTitle{font-size:1.2rem;font-weight:500;margin-bottom:10px}.moduleDescription{color:rgba(255,255,255,.8);flex-grow:1}.moduleDescription,.moduleMeta{font-size:.9rem;margin-bottom:15px}.moduleMeta{display:flex;gap:15px;color:rgba(255,255,255,.7)}.moduleMetaItem{display:flex;align-items:center;gap:5px}.moduleMeta svg{max-height:15px}.progressBar{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;margin-bottom:15px}.moduleActions{display:flex;gap:10px;margin-bottom:10px}.actionButton svg{max-height:15px}.categoryTabs{display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.categoryTab{padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;background:transparent;border:none;color:white;font-family:Montserrat,sans-serif}.categoryTab.active{background:rgba(255,255,255,.15)}.categoryTab:hover{background:rgba(255,255,255,.1)}.moduleBadge{background:rgba(255,255,255,.2);margin-bottom:10px;text-transform:uppercase;font-weight:500}.moduleBadge.required{background:rgba(244,67,54,.2)}.moduleBadge.new{background:rgba(33,150,243,.2)}.courseCardContainer{display:flex;flex-wrap:wrap;gap:20px}.startContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background-color:#fff;padding:30px 20px 20px;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);color:#000;max-width:680px;margin:0 auto}.adminActionsContainer{display:flex;justify-content:flex-end;gap:8px}.adminActions{display:flex;gap:8px}.actionButton:disabled{opacity:.5;cursor:not-allowed}.departmentsGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;margin-bottom:40px;width:100%}.departmentCard{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:20px;transition:transform .2s,background .2s;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.departmentCard:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.departmentHeader{display:flex;align-items:center;gap:15px;margin-bottom:15px}.departmentIcon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:12px}.departmentIcon svg{max-height:32px}.departmentInfo{flex-grow:1}.departmentName{font-size:1.2rem;font-weight:500;margin-bottom:5px}.departmentMeta{font-size:.9rem;color:rgba(255,255,255,.8)}.personnelGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;width:100%}.personnelCard{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:20px;transition:transform .2s,background .2s;display:flex;flex-direction:column;cursor:pointer}.personnelCard:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.personnelHeader{display:flex;align-items:center;gap:15px;margin-bottom:15px}.personnelAvatar{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.personnelInfo{flex-grow:1}.personnelName{font-size:1.1rem;font-weight:500;margin-bottom:5px}.personnelMeta,.personnelTitle{font-size:.9rem;color:rgba(255,255,255,.8)}.personnelMeta{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.personnelMetaItem{display:flex;align-items:center;gap:8px}.personnelMetaItem svg{max-height:15px}.departmentActions{display:flex;gap:8px;margin-top:8px;width:100%}.formDescription{margin-bottom:25px;line-height:1.6}.formGroup{margin-bottom:20px}.formLabel{display:block;font-weight:500;margin-bottom:8px}.modal-body .formLabel{color:#000}.requiredIndicator{color:#f44336;margin-left:4px}.formInput{width:100%;padding:12px 15px;border:1px solid rgba(0,31,63,.2);border-radius:6px;font-family:Montserrat,sans-serif;font-size:1rem;transition:border-color .2s}.formInput:focus{outline:none;border-color:#034694}.formSelect{width:100%;padding:12px 15px;border:1px solid rgba(0,31,63,.2);border-radius:6px;font-family:Montserrat,sans-serif;font-size:1rem;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23001f3f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 15px top 50%;background-size:12px auto}.formSelect:focus{outline:none;border-color:#034694}.formTextarea{width:100%;padding:12px 15px;border:1px solid rgba(0,31,63,.2);border-radius:6px;font-family:Montserrat,sans-serif;font-size:1rem;min-height:120px;resize:vertical;transition:border-color .2s}.formTextarea:focus{outline:none;border-color:#034694}.formHelpText{color:rgba(0,31,63,.6);font-size:.85rem;margin-top:5px}.submitButton{background:#034694;border:none;color:white;padding:12px 24px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px}.submitButton svg{max-height:16px}.submitButton:hover{background:#0066cc}.cancelButton{background:rgba(0,31,63,.1);color:#001f3f;padding:12px 24px;border-radius:6px;font-family:Montserrat,sans-serif;transition:background .2s;margin-right:10px}.cancelButton:hover{background:rgba(0,31,63,.2)}.buttonsContainer{display:flex;justify-content:flex-end}.successMessage{display:none;background:rgba(76,175,80,.1);border-left:4px solid #4caf50;padding:20px;border-radius:0 6px 6px 0;margin-bottom:20px}.successIcon{font-size:2rem;text-align:center}.successIcon,.successTitle{color:#4caf50;margin-bottom:10px}.successTitle{font-size:1.2rem;font-weight:500}.settingsGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px;gap:25px;width:100%}.settingsSection{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:25px}.toggleSwitch{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.2);border-radius:24px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(26px)}.avatarSection{gap:20px;margin-bottom:20px}.avatar,.avatarSection{display:flex;align-items:center}.avatar{width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.2);justify-content:center;font-size:2rem}.avatarUpload{display:flex;flex-direction:column;gap:10px}.textMuted{font-size:.8rem;color:rgba(255,255,255,.6)}select.inputField{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.fallbackAvatar{display:flex;justify-content:center;align-items:center;font-size:2rem;color:#ccc}.contentParagraph{margin-bottom:1rem;line-height:1.6}.contentList{padding-left:2rem;margin-bottom:1.5rem;line-height:1.6}.contentList li{margin-bottom:.75rem;position:relative}.contentList ol,.contentList ul{margin-top:.75rem}.nestedList{padding-left:1.5rem;margin:.5rem 0;list-style-type:circle}.contentList ol.nestedList{list-style-type:lower-alpha}.contentList ol.nestedList ol.nestedList{list-style-type:lower-roman}.contentList li span{display:block;margin-bottom:.25rem}.contentHeader{margin-top:1.5rem;margin-bottom:1rem;font-weight:600}h1.contentHeader{font-size:1.8rem}h2.contentHeader{font-size:1.5rem}h3.contentHeader{font-size:1.3rem}h4.contentHeader,h5.contentHeader,h6.contentHeader{font-size:1.1rem}.moduleBadge{font-size:.8rem;padding:4px 8px;border-radius:4px;background:rgba(244,67,54,.2);display:inline-block}.progressInfo{display:flex;align-items:center;gap:10px}.pageHeader .progressBar{width:180px;height:8px;background:rgba(255,255,255,.1);border-radius:4px}.progressFill{height:100%;background:#4caf50;border-radius:4px;transition:width .3s ease}.contentWrapper{display:flex;gap:30px}.moduleSidebar{width:300px;padding:20px;align-self:flex-start}.moduleContent,.moduleSidebar{background:rgba(255,255,255,1);border-radius:12px;color:#001f3f}.moduleContent{flex:1 1;padding:30px}.sidebarTitle{font-size:1.2rem;font-weight:500;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,31,63,.2);color:#001f3f}.moduleUnits{list-style:none}.moduleUnit{padding:12px;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:10px;color:#001f3f}.moduleUnit:hover{background:rgba(0,31,63,.1)}.moduleUnit.active{background:rgba(0,31,63,.15)!important}.moduleUnit.completed{color:rgba(0,31,63,.7)}.moduleUnit.completed svg{color:#4caf50}.unitIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.unitIcon.completed{color:#4caf50}.contentTitle{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:#001f3f}.contentSubtitle{font-size:1.3rem;font-weight:500;margin-top:30px;margin-bottom:15px;color:#001f3f}.keyPoints{background:rgba(0,31,63,.05);border-left:4px solid rgba(76,175,80,.7);padding:15px 20px;margin:20px 0;border-radius:0 8px 8px 0}.keyPointsTitle{font-weight:600;font-size:1.1rem;margin-bottom:10px;display:flex;align-items:center;gap:8px}.keyPointsList{list-style:none}.keyPoint{margin-bottom:10px;padding-left:20px;position:relative}.navigationButtons{display:flex;justify-content:space-between;margin-top:40px}.navButton{background:rgba(0,31,63,.1);color:#001f3f;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s;font-family:Montserrat,sans-serif;font-weight:500}.navButton:hover{background:rgba(0,31,63,.2)}.navButton:disabled{opacity:.5;cursor:not-allowed}.quizContainer{background:rgba(0,31,63,.05);padding:20px;border-radius:8px;margin:30px 0}.quizTitle{font-size:1.3rem;font-weight:500;margin-bottom:20px;color:#001f3f}.quizQuestion{margin-bottom:15px;font-weight:500}.quizOptions{list-style:none}.quizOption{padding:12px 15px;border:1px solid rgba(0,31,63,.2);gap:12px}.quizOption:hover{background:rgba(0,31,63,.05)}.errorTitle{font-size:1.5rem;font-weight:500;margin-bottom:10px;color:#f44336}.errorMessage{margin-bottom:20px;line-height:1.5}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%}.page-title{font-size:2rem;font-weight:600}.back-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;padding:8px 15px;border-radius:6px;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.back-button svg{max-height:10px}.back-button:hover{background:rgba(255,255,255,.15)}.procedure-container{display:flex;flex-direction:column;gap:30px;width:100%}.steps-section{background:rgba(255,255,255,1);border-radius:12px;padding:25px;width:100%;color:#001f3f;position:relative;overflow:hidden}.steps-section.visible{overflow:visible}.steps-title{font-size:1.3rem;font-weight:500;display:flex;align-items:center;gap:10px}.steps-title svg{max-height:20px}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;gap:15px}.step-number{background:rgba(0,31,63,.2);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;flex-shrink:0}.step-content{flex:1 1}.step-heading{font-weight:500;margin-bottom:5px}.step-description{font-size:.95rem;color:rgba(0,31,63,.8);line-height:1.5}.info-title{font-size:1.3rem;font-weight:500;margin-bottom:15px}.info-content{color:rgba(255,255,255,.8);line-height:1.5}.notes-box{background:rgba(0,31,63,.05);border-left:4px solid rgba(0,31,63,.3);padding:15px;margin-top:15px;border-radius:0 8px 8px 0}.notes-title{font-weight:500;margin-bottom:5px;display:flex;align-items:center;gap:5px}.notes-content{font-size:.95rem;line-height:1.5;color:rgba(0,31,63,.8)}.sub-checklist{display:flex;flex-direction:column;gap:6px;margin:15px 0;padding-left:20px}.checklist-item{display:flex;align-items:flex-start;gap:8px;font-size:.95rem;color:rgba(0,31,63,.8)}.checklist-icon{margin-top:3px;color:#034694;flex-shrink:0}.section-controls{display:block;width:24px;left:-30px;top:0;position:absolute}.section-controls .section-delete-button,.section-controls button{width:24px;height:24px;border-radius:50%;background-color:#d6d6d6;border:none;margin-bottom:10px;cursor:pointer}.section-controls .section-delete-button:hover,.section-controls button:hover{background-color:#ffffff}.delete-button svg{max-height:15px}.collapsible-section{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collapsible-section .collapse-icon{transition:transform .3s ease}.collapsible-section.collapsed .collapse-icon{transform:rotate(-90deg)}.collapsible-content{transition:max-height .5s ease}.collapsible-section.collapsed+.collapsible-content{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden}.important-note{background:rgba(220,53,69,.1);border-left:4px solid rgba(220,53,69,.5);padding:15px;margin-top:15px;border-radius:0 8px 8px 0;color:#721c24}.important-note div:focus-visible,.important-note span:focus-visible,.notes-box div:focus-visible,.notes-box span:focus-visible{outline:none}.fieldBlue{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:12px;width:100%;color:white;line-height:1.6;border:none;min-height:-moz-fit-content;min-height:fit-content;height:auto;overflow:auto;white-space:pre-line;font-size:1rem}.fieldBlue::placeholder{color:rgba(255,255,255,.65)}select.fieldBlue{padding:15px 25px 15px 12px}.checklist-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.9rem;min-width:1000px}.checklist-table th{background-color:rgba(0,31,63,.1);padding:12px 10px;text-align:left;font-weight:600;border:1px solid rgba(0,31,63,.2)}.checklist-table td{padding:10px;border:1px solid rgba(0,31,63,.2);vertical-align:top}.checklist-table tr:nth-child(2n){background-color:rgba(0,31,63,.03)}.checklist-table ul{list-style-type:none;margin-left:0;padding-left:0}.checklist-table li{margin-bottom:5px;padding-left:15px;position:relative}.checklist-table ol li{padding-left:0}.checklist-table ol{padding-left:15px}.checklist-table ul li:before{content:"•";position:absolute;left:0;color:#034694}.table-content{width:100%;overflow-x:auto;display:block}.table-content td{min-width:100px}.table-content td:first-child{min-width:450px!important}.video-container{padding:20px;background-color:rgba(255,255,255,.1);border-radius:12px}.procedure-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(800px,1fr));grid-gap:20px;gap:20px}.loading-videos{color:#ffffff}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#000}.video-error-message{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);color:white;gap:.5rem}.video-wrapper.video-error .video-error-message{display:flex}.video-wrapper.video-error video{opacity:.3}.hidden{display:none}.additional-info{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:25px;width:100%}.document-link{display:inline-flex;align-items:center;gap:5px;color:#4dabf7;text-decoration:none;margin-top:10px;transition:color .2s}.document-link:hover{color:#74c0fc}.navigation-section{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:25px;width:100%}.navigation-buttons{display:flex;justify-content:space-between}.nav-button{background:#034694;border:none;color:white;padding:12px 20px;border-radius:8px;font-family:Montserrat,sans-serif;font-size:1rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.nav-button:hover{background:#0066cc}.nav-button:disabled{opacity:.5;cursor:not-allowed}.drop-area{padding:20px;text-align:center;border-radius:12px;margin-bottom:15px;background-color:rgba(255,255,255,.1);transition:all .3s ease;display:flex;justify-content:center;flex-direction:column;align-items:center}.drop-area.drag-over{background-color:rgba(74,144,226,.05)}.drop-area.uploading{background-color:rgba(255,255,255,.1)}.upload-button{background-color:#4a90e2;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;margin-bottom:10px;transition:background-color .2s}.upload-button:hover{background-color:#357abd}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.upload-hint{margin:10px 0 5px;color:#ffffff}.upload-format{margin:0;color:rgba(255,255,255,.5);font-size:14px}.overall-progress{margin-top:15px;padding-top:10px;border-top:1px solid #eee}.progress-percentage{margin-top:8px;font-size:14px;color:#27ae60;font-weight:500}.video-list{margin-top:15px}.video-item{display:flex;align-items:center;padding:10px 15px;border-radius:12px;margin-bottom:10px;background-color:rgba(255,255,255,.1);transition:all .2s}.video-item:hover{box-shadow:0 2px 5px rgba(0,0,0,.1)}.video-item.completed,.video-item.error{background-color:rgba(255,255,255,.1)}.video-item.uploading{background-color:rgba(255,255,255,.25)}.video-item-icon{margin-right:15px;color:rgba(255,255,255,.5);font-size:20px}.video-item-details{flex:1 1}.video-item-name{margin-bottom:5px;font-weight:500}.progress-container{height:8px;background-color:#eee;margin-top:5px;overflow:hidden;border-radius:4px;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 0,transparent 50%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 75%,transparent 0,transparent);background-size:15px 15px;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:15px 0}to{background-position:0 0}}.progress-text{position:absolute;right:0;top:-18px;font-size:12px;color:#666}.video-status{font-size:14px;margin-top:5px;display:flex;align-items:center;gap:5px}.video-status.completed{color:#52c41a}.video-status.error{color:#ff4d4f}.remove-button{background:none;border:none;color:#ffffff;cursor:pointer;font-size:16px;padding:5px 10px;transition:all .2s}.remove-button:hover{color:#ff4d4f}.remove-button:disabled{color:#ccc;cursor:not-allowed;background-color:transparent}.video-item-container{border-radius:8px;overflow:hidden;background:white;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.procedure-video-player{width:100%;display:block;border:none;aspect-ratio:16/9}.video-placeholder{width:100%;background-color:#eee;display:flex;align-items:center;justify-content:center;color:#666;flex-direction:column;gap:1rem;aspect-ratio:16/9;padding:1rem}.video-info{display:flex;justify-content:space-between;padding:.5rem .75rem;font-size:.8rem;color:#666;border-top:1px solid #ddd}.loading-videos{padding:2rem;text-align:center;grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:#666;gap:.5rem}.mb20,.video-uploader{margin-bottom:20px}.success-message{background-color:rgba(46,204,113,.2);border-left:4px solid #2ecc71;color:#fff;padding:16px 20px;margin-top:20px;border-radius:8px;font-size:1rem;display:flex;align-items:center;animation:slideIn .3s ease-out;box-shadow:0 2px 10px rgba(46,204,113,.2);width:100%;gap:10px}.success-icon{color:#2ecc71;font-size:1.2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.actions-container{display:flex;gap:20px;justify-content:center}.save-draft-btn{background-color:#2c3e50!important;transition:background-color .2s}.save-draft-btn:hover{background-color:#34495e!important}.publish-btn{background-color:#27ae60!important;transition:background-color .2s}.publish-btn:hover{background-color:#2ecc71!important}.validation-error{color:#ff4757;font-size:.85rem;margin-top:5px;margin-left:2px;animation:fadeIn .3s ease-in-out}.error-field{border:1px solid #ff4757!important;box-shadow:0 0 0 1px rgba(255,71,87,.5)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.other-type-input{padding:12px;border-radius:12px;animation:fadeIn .3s ease-in-out}.type-selection-container{display:flex;flex-direction:column;width:100%;gap:10px}.type-selection-container select{width:100%;background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px top 50%;background-size:12px auto;padding:12px 30px 12px 12px}.type-selection-container select:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.3)}.type-selection-container select option{background-color:#001f3f;color:white}.procedure-type{display:flex;flex-direction:column;width:100%;gap:8px;font-size:1rem;font-weight:500;color:white}.codex-editor{margin-top:30px}input.section-title-input{border:none;font-size:1.3rem;font-weight:500;width:100%}input.section-title-input:focus{outline:none}.tab-content{margin-top:20px}.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 80px)!important}.cdx-block,.cell-editor-container .ce-block__content,.cell-editor-container .ce-toolbar__content{max-width:100%!important}.cdx-list,.cdx-list__item-children{gap:1px!important}.cdx-list-unordered .cdx-list__item:before{content:url(/tick.svg)!important;width:15px;height:15px}ul.cdx-list-unordered.cdx-list__item-children .cdx-list__item:before{content:url(/dot.svg)!important;width:10px;height:10px}.ce-toolbar__plus,.ce-toolbar__settings-btn{background-color:#ffffff}.ce-block__content .step-heading:hover{outline:none}.collapsible-content .ce-popover__items [data-item-name=list],.collapsible-content .ce-settings .ce-popover-item:nth-child(2),.collapsible-content .ce-settings .ce-popover-item:nth-child(3){display:none!important}.collapsible-content .ce-settings .ce-popover-item[data-item-name=delete],.collapsible-content .ce-settings .ce-popover-item[data-item-name=move-down],.collapsible-content .ce-settings .ce-popover-item[data-item-name=move-up]{display:flex!important}.ce-video-tool__button{background-color:#0066cd!important;color:white!important;border:none!important;border-radius:6px;padding:10px 15px;cursor:pointer;font-size:14px;box-shadow:0 1px 5px rgba(0,0,0,.3)}.ce-video-tool__button:hover{background-color:#004492;box-shadow:none}.collapsible-content .ce-settings [data-item-name=list]:first-child,.collapsible-content .ce-toolbox [data-item-name=list]:nth-child(-n+2){display:flex!important}.table-section .collapse-icon{transition:transform .3s ease;margin-left:auto}.table-section.collapsed .collapse-icon{transform:rotate(-90deg)}.table-section.collapsed .table-content{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden}.checklist-table .staff-column{width:100px;text-align:center;color:#034694;font-weight:500}.checklist-table .yn-column{width:60px;text-align:center}.checklist-table .date-column{width:100px;text-align:center}.checklist-table .completed-column{width:120px}.checklist-table .status-column{width:200px}.categorySection{margin-bottom:40px}.sectionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sectionCount{background:rgba(255,255,255,.1);border-radius:20px;padding:3px 15px;font-size:.8rem}.assetsGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;width:100%}.assetCard{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:20px;transition:transform .2s,background .2s}.assetCard svg{max-height:15px}.assetPreview svg{max-height:50px;height:50px}.assetCard:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.assetPreview{background:rgba(255,255,255,.05);border-radius:8px;height:160px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.imageWrapper{position:relative;width:100%;height:100%}.responsiveImage{width:100%!important;height:100%!important;object-fit:cover}.assetPreview img{max-width:100%;max-height:100%;object-fit:contain}.assetPreview.documentPreview{padding:20px;font-size:3rem;color:rgba(255,255,255,.8)}.assetTitle{font-size:1.1rem;font-weight:500;margin-bottom:10px}.assetMeta{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:rgba(255,255,255,.8);margin-bottom:15px;align-items:flex-start}.statusBadge{font-size:.8rem;padding:4px 8px;border-radius:4px;font-weight:500}.assetMetaItem{align-items:center}.assetActions,.assetMetaItem{display:flex;gap:8px}.mb8{margin-bottom:8px}.formatTag{font-size:.8rem;padding:4px 8px;border-radius:4px;background:rgba(255,255,255,.2);display:inline-block;margin-right:5px;margin-bottom:5px}.thumbnailContainer{margin-top:10px;width:100%}.thumbnailPreview{position:relative;display:inline-block;overflow:hidden;border-radius:8px;line-height:0}.removeThumbnail{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.6);color:white;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.removeThumbnail:hover{background:rgba(220,53,69,.8)}.uploadBtn{background:rgba(255,255,255,.1);color:white;padding:8px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s;border:none;font-size:1rem}.uploadBtn:hover{background:rgba(255,255,255,.2)}.formatsContainer{margin-top:10px}.formatsList{list-style:none;padding:0;margin:0 0 20px}.formatItem{display:flex;align-items:center;background:rgba(255,255,255,.05);border-radius:4px;padding:10px 15px;margin-bottom:8px}.formatBadge{background:rgba(255,255,255,.1);border-radius:4px;padding:5px 8px;font-size:.85rem;color:white;margin-right:15px;min-width:50px;text-align:center}.formatUrl{flex-grow:1;color:rgba(255,255,255,.8);word-break:break-all}.removeFormat{background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;padding:5px;margin-left:10px;transition:color .2s}.removeFormat:hover{color:rgba(220,53,69,.8)}.addFormat{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.formatInput{flex:0 0 120px}.formatInput,.urlInput{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 12px;color:white}.urlInput{flex:1 1;min-width:200px}.addFormatBtn{background:rgba(255,255,255,.1);color:white;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.addFormatBtn:hover{background:rgba(255,255,255,.2)}.newCategoryContainer{display:flex;align-items:center;gap:10px;margin-top:10px}.newCategoryInput{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 12px;color:white;flex:1 1}.createCategoryBtn{background:rgba(255,255,255,.1);color:white;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s;font-size:.9rem}.createCategoryBtn:hover{background:rgba(255,255,255,.2)}.uploadAssetContainer{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.05);border-radius:8px;padding:20px}.uploadAssetBtn{background:rgba(255,255,255,.1);color:white;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s;font-size:1rem}.uploadAssetBtn:hover:not(:disabled){background:rgba(255,255,255,.2)}.uploadAssetBtn:disabled{opacity:.6;cursor:not-allowed}.uploadNote{margin-top:8px;font-size:.85rem;color:rgba(255,255,255,.6)}.progressContainer{width:100%;height:8px;background-color:rgba(255,255,255,.1);border-radius:4px;margin-top:15px;position:relative;overflow:hidden}.progressText{font-size:.85rem;color:rgba(255,255,255,.8)}.divider{display:flex;align-items:center;color:rgba(255,255,255,.5);margin:30px 0;font-size:.9rem}.divider:after,.divider:before{content:"";flex:1 1;border-bottom:1px solid rgba(255,255,255,.1)}.divider span{margin:0 15px}.errorMessage{color:#ff6b6b;font-size:.85rem;margin-top:5px;display:block}.error-field,.error-field:focus{border-color:#ff6b6b!important}.caseStudy{background:rgba(33,150,243,.1);border-left:4px solid #2196f3;padding:20px;border-radius:0 8px 8px 0;margin:30px 0}.caseStudyTitle{font-size:1.1rem;font-weight:500;margin-bottom:10px;color:#2196f3}.keyPoint:before{content:"•";position:absolute;left:0;color:#4caf50}.quizOption{padding:12px;background:rgba(0,31,63,.05);border-radius:6px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:10px;color:rgba(0,31,63,.9);transition:background .2s}.quizOption:hover{background:rgba(0,31,63,.1)}.optionMarker{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,31,63,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resources{margin-top:40px}.resourcesTitle{font-size:1.2rem;font-weight:500;margin-bottom:15px;color:#001f3f}.resourcesList{list-style:none}.resourceItem{padding:12px;background:rgba(0,31,63,.05);border-radius:6px;margin-bottom:10px;display:flex;align-items:center;gap:10px;color:#034694;text-decoration:none;transition:background .2s}.resourceItem:hover{background:rgba(0,31,63,.1)}.formField{margin-bottom:1rem;position:relative}.formSuccessMessage{background-color:#e7f7ed;color:#2e7d32;border-left:4px solid #2e7d32}.formErrorContainer,.formSuccessMessage{padding:12px 16px;margin-top:16px;border-radius:4px}.formErrorContainer{background-color:#ffebee;color:#c62828;border-left:4px solid #c62828}.passwordInputContainer{position:relative;display:flex;align-items:center}.passwordInputContainer .formInput{padding-right:2.5rem}.passwordToggleBtn{position:absolute;right:.75rem;background:none;border:none;color:#718096;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.passwordToggleBtn:hover{color:#4a5568}.wFull{width:100%}.formField.inline{display:flex;align-items:center}.formField.inline .formLabel{flex-shrink:0;margin-right:1rem;margin-bottom:0}.notAuthorizedContainer{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem}.notAuthorizedContent{max-width:500px;text-align:center;background-color:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.notAuthorizedIcon{color:#e53935;margin-bottom:1.5rem}.notAuthorizedTitle{font-size:2rem;color:#333;margin-bottom:1rem}.notAuthorizedMessage{color:#555;font-size:1.1rem;margin-bottom:2rem}.notAuthorizedBackButton{display:inline-flex;align-items:center;gap:.5rem;background-color:#034694;color:white;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s}.notAuthorizedBackButton:hover{background-color:#023b7d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eaeaea}.modal-title{font-size:1.25rem;font-weight:600;color:#333}.modal-close{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:24px;overflow-y:auto;color:#000}.fade-in{animation:fadeIn .3s ease-in-out}.scale-in{animation:scaleIn .3s ease-in-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modalActions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.message{font-size:.9rem}.message,.message2{padding:12px 16px;border-radius:8px;margin-bottom:20px}.message2{font-size:1.1rem;color:#333;line-height:1.6}.success{background-color:#f0fff4;color:#276749;border:1px solid #c6f6d5;padding:5px}.error{background-color:#fff5f5;color:#c53030;border:1px solid #fed7d7;padding:5px}.inputError{border-color:#e53e3e!important;background-color:#fff5f5!important}.errorText{margin-top:6px;font-weight:500;padding-left:4px;display:flex;align-items:center;gap:6px}.errorIcon,.errorText{color:#e53e3e;font-size:.85rem}.errorIcon{margin-right:4px}.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.loginButton{background:#034694;border:none;color:white;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 8px rgba(3,70,148,.2)}.loginButton svg{max-height:16px}.loginButton:hover{background:#0066cc}.cancelButton{padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;background-color:#f0f0f0;color:#333;border:none;transition:background-color .2s}.cancelButton:hover{background-color:#e0e0e0}.tableContainer{background-color:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:block;overflow-x:auto;white-space:nowrap;width:100%}.usersTable{width:100%;border-collapse:collapse;font-size:15px}.usersTable th{background-color:#f7fafc;text-align:left;font-weight:600;color:#4a5568}.usersTable td,.usersTable th{padding:12px 16px;border-bottom:1px solid #e2e8f0}.usersTable td{color:#2d3748}.usersTable tr:last-child td{border-bottom:none}.fullNameTd{white-space:nowrap;width:auto;max-width:none}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badgeADMIN{background-color:#805ad5;color:white}.badgeEMPLOYEE{background-color:#4299e1;color:white}.badgeACTIVE{background-color:#48bb78;color:white}.badgePENDING{background-color:#ecc94b;color:#744210}.badgeSUSPENDED{background-color:#f56565;color:white}.badgeDELETED{background-color:#a0aec0;color:white}.deleteButton,.editButton{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none}.editButton{background-color:#ebf8ff;color:#3182ce}.enableButton{background:rgba(46,204,113,.15);color:#17af56}.deleteButton{background-color:#fff5f5;color:#e53e3e}.editButton:hover{background-color:#bee3f8}.enableButton:hover{background:rgba(46,204,113,.33)}.deleteButton:hover{background-color:#fed7d7}.formContainer{background:rgba(255,255,255,1);padding:30px;margin:0 auto;color:#001f3f}.benefitsSection,.formContainer{border-radius:12px;width:100%;max-width:800px}.benefitsSection{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:25px;margin-top:30px;margin-left:auto;margin-right:auto}.benefitsTitle{font-size:1.3rem;font-weight:500;margin-bottom:15px}.benefitsList{list-style:none}.benefitItem{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.benefitIcon{background:rgba(76,175,80,.2);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#4caf50}.benefitText{font-size:.95rem;color:rgba(255,255,255,.9);line-height:1.5}.inputGroup{margin-bottom:20px}.inputLabel{display:block;margin-bottom:8px;font-size:.9rem;color:rgba(255,255,255,.9)}.inputField{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px;color:white;font-family:Montserrat,sans-serif;transition:all .2s}.inputField::placeholder{color:rgba(255,255,255,.65)}.inputField:focus{outline:none;border-color:rgba(255,255,255,.5)}.inputField:focus,.saveButton{background:rgba(255,255,255,.15)}.saveButton{border:none;color:white;padding:10px 20px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:.9rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:5px;margin-top:20px}.saveButton:hover{background:rgba(255,255,255,.25)}.bodyBlock{min-width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center}.loginContainer{background:white;border-radius:12px;padding:40px;width:400px;max-width:90%;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);color:#000}.w100{width:100%}.loginHeader{text-align:center;margin-bottom:30px}.loginTitle{font-size:2rem;font-weight:600;margin-bottom:10px;color:#034694}.loginSubtitle{font-size:1rem;color:#555}.passwordContainer{position:relative}.togglePassword{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9aa3b2;cursor:pointer;height:14px;width:15px}.rememberForgot{justify-content:space-between;margin-bottom:25px;font-size:.85rem}.rememberForgot,.rememberMe{display:flex;align-items:center}.rememberMe{gap:8px;color:#555}.checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#f5f8ff;border:1px solid #dde5f4;border-radius:4px;cursor:pointer;position:relative}.checkbox:checked{background:#034694;border-color:#034694}.checkbox:checked:after{content:"✓";position:absolute;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%);color:white}.forgotLink{color:#034694;text-decoration:none;font-weight:500;transition:opacity .2s}.forgotLink:hover{opacity:1}.loginFooter{text-align:center;font-size:.9rem;color:#555}.registerLink{color:#034694;text-decoration:none;font-weight:500}@media (max-width:480px){.loginContainer{padding:30px 20px;width:100%;max-width:95%;margin:15px}.loginTitle{font-size:1.5rem}.loginSubtitle{font-size:.9rem}.rememberForgot{flex-direction:column;align-items:flex-start;gap:10px}.formInput{font-size:16px}}.section-title{font-size:1.5rem;font-weight:500;margin-bottom:20px;display:flex;align-items:center;gap:10px}.error-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;background-color:#f5f8ff;padding:20px;border-radius:10px;width:100%;max-width:600px;margin:0 auto;color:#000}.mt-20{margin-top:-20px}.mb10{margin-bottom:10px}.pageHeader.tc{justify-content:center}.tr{text-align:right}.tc{text-align:center}.usersTable td.descriptionTd{max-width:300px;text-wrap:wrap}.ce-video-tool__video-container video{max-width:100%}.sortableItem{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:4px;background-color:#f9fafb;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:8px}.sortableContent{flex-grow:1;display:flex;flex-direction:column}.sortableContent span{display:block}.procedureCount{font-size:12px;color:#6b7280;margin-top:4px}.sortableActions{display:flex;align-items:center;gap:12px}.dragHandle{cursor:-webkit-grab;cursor:grab;color:#9ca3af;padding:8px}.dragHandle:active{cursor:-webkit-grabbing;cursor:grabbing}.deleteTypeButton{background:none;border:none;color:#ef4444;cursor:pointer;padding:8px;transition:color .2s}.deleteTypeButton:hover{color:#dc2626}.editTypeButton{background:none;border:none;color:#3b82f6;cursor:pointer;padding:8px;transition:color .2s}.editTypeButton:hover{color:#2563eb}.saveEditButton{background:none;border:none;color:#10b981;cursor:pointer;padding:8px;transition:color .2s}.saveEditButton:hover{color:#059669}.cancelEditButton{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;transition:color .2s}.cancelEditButton:hover{color:#4b5563}.editNameInput{width:100%;padding:6px 10px;background-color:white;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#111827}.editNameInput:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3)}.deleteInstructions{font-style:italic;display:block;margin-top:8px}.modalHeader h2{color:#111827;font-size:1.25rem;font-weight:600}.reorderInstructions{color:#374151;font-size:.875rem;margin-bottom:1rem}.procedureTypeReorderModal{max-width:500px}.txtBlack{color:#000}.modal .avatar{background-color:#efefef}.flexB{display:flex;gap:10px}.quick-link-item{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:8px;width:100%;margin-bottom:10px;cursor:-webkit-grab;cursor:grab;background-color:rgba(255,255,255,.05)}.quick-link-item:hover{background-color:rgba(255,255,255,.1);box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}.codex-editor.codex-editor--toolbox-opened{z-index:999}