@font-face{font-family:lexend;src:url(/assets/Lexend-VariableFont_wght-301935ee.ttf)}*{box-sizing:border-box}:root{font-family:lexend;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-color: #494848;--light-color: #909090;--accent: #d4d4d4;--darker-blue: #074A73;--dark-blue: #015c93;--blue: #53a6d8;--red: #ea868f;--light-red: #fb97a0;--green: #75b798;--yellow: #ffda6a;--sea-blue: #2d82b5;--light-blue: #88cdf6;--sky-blue: #bcE6ff}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-family:inherit;place-items:center;background-color:var(--sky-blue);width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.row,.col{margin:0;padding:0}strong{padding:0!important;font-weight:600}h2{color:var(--dark-color);font-family:lexend;font-size:28px;font-style:normal;font-weight:400;line-height:normal}h3{color:var(--dark-color);font-family:lexend;font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:2em}.input-container{display:flex;flex-direction:row}.form-label{font-size:14px;margin:1px 10px 0 0;font-weight:400;text-wrap:nowrap}.form-value{font-size:14px;font-weight:300}.form-control,.form-check-container{color:var(--dark-color)}span.required-note{font-size:12px;color:var(--light-color)}span.required-span{color:var(--red)}.fade-into{animation:fade-into .5s ease-in}.fade-to-screen{animation:fade-to-screen .8s ease-in}.fade-image{animation:fade-image 1.2s ease-in}.fade-cards{animation:fade-cards .8s ease-in}.slide-and-fade{animation:slide-and-fade 1.2s ease-in-out}@keyframes fade-to-screen{0%{opacity:.6}to{opacity:1}}@keyframes fade-image{0%{opacity:0}to{opacity:1}}@keyframes fade-cards{0%{opacity:.4}to{opacity:1}}@keyframes fade-into{0%{opacity:0;margin-top:-20px}to{opacity:1;margin-top:0}}@keyframes slide-and-fade{0%{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@media (max-width: 991px){.left-links{flex-direction:column;align-items:flex-start}.navbar-nav{padding-left:0;flex-direction:column;gap:1rem}.navbar-nav .left-links{width:fit-content;align-items:flex-start}.profile-dropdown{display:none}}@media (min-width: 992px){.lg-hidden,.banner-logout-button{display:none}}.navbar{z-index:999;margin:0;border-bottom:2px solid var(--dark-blue);padding:0 1rem;position:sticky;top:0}.navbar .banner{display:flex;align-items:center}.navbar-brand{display:flex;align-items:center;gap:.5rem}.navbar img{max-height:4rem;-webkit-user-select:none;user-select:none;pointer-events:none}.navbar-brand span{font-weight:600}.white-bg{position:absolute;top:0;left:0;width:100%;background:white;height:90%;z-index:-1;box-shadow:0 4px 6px #0003}.navbar-toggler:focus{box-shadow:none}.navbar-nav{display:flex;justify-content:space-between;padding-left:1rem}.navbar-nav a{color:#000;text-decoration:none;padding:.5rem .8rem;border-radius:.2rem}.navbar-nav a:hover{color:#fff;background-color:var(--light-blue);transition-duration:.2s}.left-links{display:flex;align-items:center;gap:1rem}.left-links a:active{transform:scale(.98)}.lg-hidden{background-color:#fff;border:0;text-align:left;border-radius:.2rem;padding:.4rem .8rem;transition-duration:.5s}.lg-hidden:hover{background-color:var(--light-blue);color:#fff}.lg-hidden:active{transform:scale(.98)}.banner-logout-button{color:var(--red);background-color:#fff;border:0;text-align:left;border-radius:.2rem;padding:.4rem .8rem;transition-duration:.5s}.banner-logout-button:hover{background-color:var(--red);color:#fff}.banner-logout-button:active{transform:scale(.98)}.offcanvas-header{display:flex;align-items:center;padding:1.5rem 1.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.1)}.offcanvas-header .btn-close{margin-bottom:.03rem}.offcanvas-title{display:flex;align-items:center;gap:.5rem}.offcanvas-title i{font-size:35px}.offcanvas-title .name-role-container{display:flex;flex-direction:column}.offcanvas-title .name-role-container .first-name{font-size:20px}.offcanvas-title .name-role-container .user-role{font-size:14px;font-weight:300}.profile-dropdown-toggle{border:0;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:160px}.profile-dropdown-toggle:hover>.name-role-container span,.profile-dropdown-toggle:hover>i{color:#fff}.profile-dropdown-toggle:active span{color:#fff}#profile-dropdown-toggle:hover{background-color:var(--sky-blue)}#profile-dropdown-toggle:focus{background:var(--sky-blue)}#profile-dropdown-toggle:focus>.name-role-container span,#profile-dropdown-toggle:focus>i{color:#fff}#profile-dropdown-toggle:active{background:var(--sky-blue)}.profile-dropdown-toggle i{color:#000;font-size:28px}.profile-dropdown-toggle .name-role-container{display:flex;flex-direction:column;align-items:start;gap:0}.profile-dropdown-toggle .first-name{color:#000;font-weight:600}.profile-dropdown-toggle .user-role{font-weight:300;color:var(--dark-color);font-size:12px;margin-top:-.3rem}.profile-dropdown-menu{max-width:50px;margin-right:20rem}.profile-dropdown-option{color:#000}.profile-dropdown-option:last-of-type{color:var(--red);display:flex;align-items:center;gap:.5rem}.profile-dropdown-option:last-of-type:hover,.profile-dropdown-option:last-of-type:active,.profile-dropdown-option:last-of-type:focus{background-color:var(--red)}.logout-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#8a8aa866;z-index:9999;animation:fade-in .5s ease-in 1}.logout-modal{background-color:#fff;padding-bottom:1rem;position:fixed;top:30%;left:50%;z-index:999;transform:translate(-50%,-50%);border-radius:.5rem;box-shadow:0 0 4rem #0006;display:flex;flex-direction:column;min-width:20rem;overflow:hidden;animation:fade-in-down .5s ease-in-out 1}.logout-header{padding:1rem 2rem;background-color:var(--sea-blue)}.logout-header p{font-size:1.2rem;color:#fff;margin:0;text-align:center}.decision-container{width:100%;display:flex;justify-content:center;gap:1.5rem;padding:1.5rem 1rem .5rem}.decision-button{flex:1}.decision-button:hover{transition-duration:.3s;transform:scale(1.02)}.decision-button:active{transform:scale(.98)}.decision-logout{background-color:var(--red);color:#fff;border:0}.decision-logout:hover{background-color:var(--light-red)}.decision-cancel{box-shadow:0 2px 4px #0000001a;border:1px solid rgba(100,100,100,.05);color:var(--light-color)!important;background-color:#fff}.decision-cancel:hover{background-color:#f9f9f9;border:1px solid rgba(100,100,100,.05)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px) translate(-50%,-50%)}to{opacity:1;transform:translateY(0) translate(-50%,-50%)}}.mfa-main-container{padding:0;width:100vw;height:100vh;background-color:#fff}.mfa{display:flex;justify-items:center;overflow:hidden}.mfa .left-container{width:50%;padding-left:2rem;padding-right:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:100vh}.mfa .mfa-header,.mfa .forgot-pw-header{color:var(--sea-blue);font-size:48px;font-style:normal;font-weight:700}.mfa form.mfa-form,form.forgot-pw-form{max-width:450px;width:100%}.mfa #floatingInput.form-control{font-size:14px;width:100%}.mfa #floatingInput.form-control[name=password]{padding-right:48px}.mfa .form-control{border:1px solid #484848}.mfa .left-container .sub-header{color:#484848;font-size:18px}.mfa-button-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:.1rem}.mfa-button{font-size:14px;font-style:normal;font-weight:400;flex:2;border:1px solid transparent;background-color:var(--blue);color:#fff}.mfa-button:hover,.mfa-button:disabled{background-color:#fff;border:1px solid var(--blue);color:var(--blue)}.mfa-button:active{background-color:#fff;border:1px solid var(--blue);color:var(--blue)!important}.mfa-resend-code-row{display:flex;flex-direction:row;justify-content:center;gap:1rem;align-items:center;margin-top:.5rem}.mfa-resend-code-row span{font-size:14px;width:fit-content}.mfa-resend-code-row span:last-of-type{color:var(--sea-blue);font-weight:700;cursor:pointer;text-decoration:underline}.mfa-resend-code-row span:last-of-type:hover{color:var(--light-blue)}.mfa .disabled{pointer-events:none;color:gray;text-decoration:none!important;font-weight:300!important;font-style:italic}.mfa .error-message{font-size:14px;color:var(--red);font-weight:300;text-align:center}.mfa .back-to-login-button{font-size:14px;color:var(--sea-blue);font-weight:700;text-decoration:underline}.mfa .back-to-login-button:hover{color:var(--light-blue);text-decoration:underline;cursor:pointer}.mfa .back-to-login-row{margin-top:1rem}.mfa .footer{width:100%;position:absolute;bottom:2rem;font-weight:300}.mfa .footer p{margin:0;font-size:10px;text-align:center}.mfa .footer span{color:var(--sea-blue)}.mfa .mfa-group{width:100%;display:flex;flex-direction:row;align-items:center;gap:.5rem}.mfa-group .mfa-input{min-height:4.5rem;text-align:center}@media (max-width: 767.98px){.mfa{align-content:center;gap:5%;justify-content:center}.mfa .left-container{padding-top:2rem;margin-left:0%;width:100%}.mfa .mfa-form-buttons{display:flex;gap:14px}.mfa .right-container{display:none}}#sow-docs{padding:0;width:100vw;min-height:100vh}#sow-docs .page-header{margin:28px 0 14px}#qec-audits{padding:0;width:100vw;min-height:100vh}#qec-audits .page-header{margin:28px 0 14px}#master-contracts{padding:0;width:100vw;min-height:100vh}#master-contracts .page-header{margin:28px 0 14px}#archive{padding:0;width:100vw;min-height:100vh}#archive .page-header{margin:28px 0 14px}#archive .buttons-container button:not(:last-child){margin-right:14px}#users-list{padding:0;width:100vw}#users-list .heading-container{align-items:center;font-size:14px;margin:14px 0}#users-list .users-list-filter-container{display:flex;flex-direction:row;gap:6px;align-items:center;font-size:14px}.form-check-input:checked{background-color:var(--green);border:1px solid transparent}#users-list-modal .modal-header{align-items:center}#users-list-modal .modal-title{color:var(--dark-color);font-family:lexend;font-size:24px;font-style:normal;font-weight:400;line-height:normal}#users-list-modal .input-container{flex-direction:column}#users-list-modal .is-active-container{display:flex;flex-direction:row}.input-group-text{padding:0}#users-list-modal button:has(.bi-eye-icon){border:1px solid #ced4da;background-color:var(--bs-gray-100);height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:14px;line-height:1.5;border-radius:.2rem}#users-list-modal button:has(.bi-eye-icon):hover{background-color:var(--bs-gray-200);border:1px solid #ced4da}#ps-doc-view{padding:0;width:100vw}#ps-doc-view .content-container>*:not(:last-child){padding:20px 0;border-bottom:1px solid var(--light-color)}.ps-doc-nav{position:sticky;top:0;z-index:999}.ps-doc-nav .navbar{position:relative}.ps-doc-nav .deal-name-number-container{margin:0;padding:.5rem 1rem 0px;background:#f4f4f4;border-bottom:1px solid var(--dark-color);gap:14px}.ps-doc-nav .deal-name-number-container .row,.ps-doc-nav .deal-name-number-container .col{margin:0;padding:0}.section-offset{scroll-margin-top:210px}.ps-doc-nav .section-scroll-buttons-container{display:flex;gap:10px;width:100%;padding:0}.ps-doc-nav .col:has(.section-scroll-buttons-container){flex-basis:100%}.ps-doc-nav .section-scroll-buttons-container .nav-link{color:var(--dark-color);text-wrap:nowrap;font-size:14px;text-decoration:none;font-weight:300;background-color:transparent;border:1px solid transparent;border-bottom:2px solid var(--dark-color);padding:8px 8px 6px;transition:.25s}.ps-doc-nav .section-scroll-buttons-container .nav-link:hover{background-color:var(--accent)}.ps-doc-nav .navbar-toggler{border:0px;margin:0px 0px .5rem .5rem;padding:2px}.ps-doc-nav .edit-mode-alert{width:100%;margin:0;padding:4px;display:inline;text-align:center;background-color:var(--yellow);font-size:14px}.sow-status-card,.srb-status-card{background-color:#f4f4f4;border:1px solid var(--light-color);padding:.375rem .75rem;height:fit-content}#ps-doc-view .deal-name,#ps-doc-view .ps-number{margin-bottom:.5rem}#ps-doc-view .ps-number-body:hover{cursor:pointer;color:var(--blue)}#ps-doc-view .profile-distribution-container .form-label{width:10em}#ps-doc-view .profile-distribution-container .input-container{margin-bottom:14px}#ps-doc-view .srb-review-requirements .form-label{text-wrap:nowrap;min-width:240px}@media (max-width: 991.98px){.ps-doc-nav .col:has(.section-scroll-buttons-container){flex-basis:auto}.section-scroll-buttons-container .navbar-collapse{position:absolute;background-color:#f4f4f4;border:1px solid var(--dark-color);top:38px;right:0}.ps-doc-nav .section-scroll-buttons-container .nav-link{border:1px solid transparent}}@media (max-width: 767.98px){#ps-doc-view .input-container{display:flex;flex-direction:column}#ps-doc-view .srb-review-requirements .form-label{text-wrap:wrap;width:100%;min-width:0px}#ps-doc-view .form-bottom-container{flex-wrap:wrap;gap:14px;align-items:start}#ps-doc-view .form-bottom-container .form-buttons{flex-direction:column;align-items:end;flex-grow:1}}@media (max-width: 575.98px){#ps-doc-view .profile-distribution-container{flex-direction:column;gap:20px}#ps-doc-view .profile-distribution-container>.col:first-child{padding-bottom:20px;border-bottom:1px solid var(--light-color)}}#mc-doc-view{padding:0;width:100vw}#mc-doc-view .content-container>*:not(:last-child){padding:20px 0;border-bottom:1px solid var(--light-color)}.contract-title{margin-bottom:0}#mc-doc-view .contract-title,#mc-doc-view .mc-number{margin-bottom:.5rem}.mc-doc-nav{position:sticky;top:0;z-index:999}.mc-doc-nav .navbar{position:relative}.mc-doc-nav .doc-title-number-container{margin:0;height:auto;padding:.5rem 1rem;background:#f4f4f4;border-bottom:1px solid var(--dark-color);gap:20px}.mc-doc-nav .doc-title-number-container .row,.mc-doc-nav .doc-title-number-container .col{margin:0;padding:0}.mc-doc-nav .edit-mode-alert{width:100%;margin:0;padding:4px;display:inline;text-align:center;background-color:var(--yellow);font-size:14px}.mc-doc-nav .buttons{display:flex;flex-direction:row-reverse}#contract-information form{padding:0}#contract-information .form-label{min-width:9rem}@media (max-width: 767.98px){#mc-doc-view .input-container{display:flex;flex-direction:column}}#qec-doc-view{padding:0;width:100vw}#qec-doc-view .content-container>*:not(:last-child){padding:20px 0;border-bottom:1px solid var(--light-color)}.meeting-type{margin-bottom:0}#qec-doc-view .meeting-type,#qec-doc-view .mm-number{margin-bottom:.5rem}.qec-doc-nav{position:sticky;top:0;z-index:999}.qec-doc-nav .navbar{position:relative}.qec-doc-nav .meeting-type-container{margin:0;height:auto;padding:.5rem 1rem;background:#f4f4f4;border-bottom:1px solid var(--dark-color);gap:20px}.qec-doc-nav .meeting-type-container .row,.qec-doc-nav .meeting-type-container .col{margin:0;padding:0}.qec-doc-nav .edit-mode-alert{width:100%;margin:0;padding:4px;display:inline;text-align:center;background-color:var(--yellow);font-size:14px}.qec-doc-nav .buttons{display:flex;flex-direction:row-reverse}#meeting-minutes form{padding:0}#meeting-minutes .form-label{min-width:9rem}#meeting-minutes .dropdown__control{width:15rem}#meeting-minutes input.form-control[name=date],#meeting-minutes input.form-control[name=time]{max-width:15rem}@media (max-width: 767.98px){#qec-doc-view .input-container{display:flex;flex-direction:column}}.otp-page{height:100vh}.otp-page .right-container{margin-left:10%}.otp-page .otp-header{color:#015c93;font-size:42px;font-style:normal;font-weight:700}.otp-page form.otp-form{max-width:400px}.otp-page .otp-group{display:flex;flex-direction:row;gap:4px;flex-wrap:wrap}.otp-page .otp-group .form-control{width:3rem;height:3rem;text-align:center}.otp-page .continue-button{width:100%}.otp-page .error-message{font-size:14px;color:var(--red);font-weight:300;text-align:center}@media (max-width: 767.98px){.otp-page{align-content:center;gap:5%}.otp-page .right-container{margin-left:0%}}#not-found-page{height:100vh}#not-found-page .aws-s2m-logo{max-width:80%;margin-bottom:2rem}#not-found-page .col{display:flex;flex-direction:column;gap:14px;align-items:center}.first-login{height:100vh}.first-login .right-container{width:400px;margin-left:10%}.first-login .first-login-header{color:#015c93;font-size:36px;font-style:normal;font-weight:700}.first-login .message,.first-login .continue-button{width:100%}.first-login .error-message{font-size:14px;color:var(--red);font-weight:300;text-align:center}@media (max-width: 767.98px){.first-login{align-content:center;gap:5%}.first-login .right-container{margin-left:0%}}.dropdown-main{width:100%;height:100%;padding:9px 16px}.dropdown-menu{background-color:#fff;width:calc(100% - 32px)}.dropdown-item{color:var(--dark-color)}.dropdown-item:hover{color:var(--light-color)}.dropdown-item:active{color:var(--dark-color);background-color:var(--light-color)}.dropdown-toggle{color:var(--dark-color);background-color:#fff;border-color:var(--dark-color)}.dropdown-toggle{width:100%}.dropdown-toggle.show{background-color:var(--dark-color)!important;border-color:var(--dark-color)!important}.dropdown-toggle:hover{background-color:var(--light-color);border-color:var(--dark-color)}.dropdown-toggle.btn:active{background-color:#fff!important;color:var(--dark-color)!important}.alert{font-size:14px;color:var(--dark-color);display:flex;flex-direction:row;gap:8px;align-items:center}.alert-primary{background-color:#fff3cd;border:1px solid var(--yellow)}.alert .close{height:fit-content;padding:auto 1.25rem;font-size:18px;line-height:120%}.custom-toolbar{gap:10px}.filter-dropdown-container{max-width:18rem;display:flex;flex-direction:row;gap:6px;align-items:center;font-size:14px;min-width:50%}.filter-dropdown-container span{text-wrap:nowrap}.filter-dropdown-container>*:last-child{flex-grow:1;max-width:12rem}.row-view-button{padding:0 6px;background-color:var(--blue);border:1px solid transparent;width:100%;margin:2px 0}.row-view-button:hover{background-color:#2d83b6}.MuiDataGrid-root,.MuiButtonBase-root{font-family:lexend,Helvetica,sans-serif!important;font-size:14px;font-weight:300!important;margin-bottom:5%;border-radius:25rem}.MuiDataGrid-cell:focus-within,.MuiDataGrid-columnHeader:focus-within{outline:none!important}.MuiTablePagination-input,.MuiTablePagination-displayedRows,.MuiTablePagination-selectLabel{font-family:lexend,Helvetica,sans-serif!important;font-weight:300!important}.MuiDataGrid-row:nth-child(2n){background-color:#f4f4f4}.MuiDataGrid-scrollbar--vertical{display:none!important}.MuiTablePagination-selectLabel,.MuiTablePagination-displayedRows{margin-bottom:0}.MuiInputBase-root.MuiInput-root{border:1px solid var(--bs-border-color);border-radius:.2rem;padding:0 5px}.MuiInputBase-root.MuiInput-root:focus-within{transition:all .1s;border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.MuiFormControl-root{padding-bottom:0!important}.MuiInputBase-root input{font-family:lexend!important;font-size:14px;font-weight:300;padding:0}.MuiInput-underline:before,.css-1eed5fa-MuiInputBase-root-MuiInput-root:after{display:none!important}.MuiDataGrid-cell[data-field=viewButton]{display:flex;justify-items:center}.Mui-checked{color:var(--blue)!important}.form-button{width:fit-content;min-width:100px;font-size:14px;font-style:normal;font-weight:400;margin-left:3px;border:1px solid transparent}.form-button.red{background-color:var(--red)}.form-button.blue{background-color:var(--blue)}.form-button.green{background-color:var(--green)}.form-button:hover,.form-button:not(:disabled):not(.disabled):active{background-color:#fff}.form-button.red:hover,.form-button.red:not(:disabled):not(.disabled):active{border:1px solid var(--red);color:var(--red)}.form-button.blue:hover,.form-button.blue:not(:disabled):not(.disabled):active{border:1px solid var(--blue);color:var(--blue)}.form-button.green:hover,.form-button.green:not(:disabled):not(.disabled):active{border:1px solid var(--green);color:var(--green)}.form-button.disabled{color:var(--dark-color);background-color:var(--accent);border:1px solid transparent}.modal-header .btn-close{display:none}.modal-header{justify-content:center}.modal-title.h4{font-size:16px;text-align:center}.modal-body{font-size:14px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#8a8aa866;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{display:flex;flex-direction:column;align-items:center}.spinner{width:50px;height:50px;color:#007bff}.loading-text{margin-top:10px;font-size:1.2rem;color:#fff;font-weight:700;animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}80%{opacity:1}to{opacity:.6}}.form-text-input{border:1px solid #ced4da;transition:border-color .2s ease-in-out}.form-text-input.empty{border-color:var(--red)}textarea.form-control{min-height:6rem}.form-text-area{border:1px solid #ced4da;transition:border-color .2s ease-in-out}.form-text-area.required,.form-text-area.empty{border-color:var(--red)}.form-radio-container{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-left:0;padding-left:0}.form-radio-container .form-radio{margin:0 14px 0 0;font-size:14px;color:var(--dark-color);padding-left:20px}.form-radio-container .form-radio>span{display:block;margin-top:2px}.form-radio-container .form-check-input{align-self:center;background-color:var(--bs-gray-100)}.form-radio-container .form-radio-input:hover{background-color:var(--bs-gray-300)}.form-radio-container .form-check-input:checked{background-color:var(--blue);border:1px solid var(--blue)}input[type=date]::-webkit-calendar-picker-indicator{display:block;background:url(/assets/calendar-icon-file-7855858c.svg) no-repeat;background-position:10px center;width:20px;height:20px}.form-control{border:1px solid #ced4da;transition:border-color .2s ease-in-out}.form-control.empty{border-color:var(--red)}.form-check-container{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-left:0;padding-left:0}.form-check-container .form-check{margin:0 14px 0 0;font-size:14px;color:var(--dark-color)}.form-check-container .form-check>span{display:block;margin-top:2px}.form-check-container .form-check-input{background-color:var(--bs-gray-100);align-self:center}.form-check-container .form-check-input:hover{background-color:var(--bs-gray-300)}.form-check-container .form-check-input:checked{background-color:var(--blue);border:1px solid var(--blue)}.form-file-upload.form-control{border:1px solid #ced4da;height:fit-content;font-size:14px;cursor:pointer;padding:.25rem .5rem}.file-upload-container{display:flex;flex-direction:column;width:100%;gap:7px}.file-isUploading,.file{border-radius:.25rem;border:1px solid #ced4da;padding:.25rem .5rem;color:var(--dark-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;font-size:14px}.file-isUploading{color:var(--accent)}.file-isUploading span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex-grow:2}.file-isUploading .progress{min-width:20%}.file-isUploading .progress-bar{background-color:var(--blue);text-align:start;padding-left:5px}.file-isUploading .deleteIcon,.file .deleteIcon{min-width:fit-content;cursor:pointer}.dropdown__control{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem;border:var(--bs-border-width) solid var(--bs-border-color);height:fit-content;line-height:1.5;min-height:0px!important}.dropdown__control:focus-within{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.dropdown.empty{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.dropdown__value-container{gap:4px}.dropdown__multi-value{color:#fff;font-weight:400;padding:2px 6px;background-color:var(--blue);border-radius:.2rem}.dropdown__menu,.dropdown__noOptionsMessage{border:var(--bs-border-width) solid var(--bs-border-color);background-color:#fff;border-radius:.2rem;font-size:14px;box-shadow:0 3px 10px #9090902e}.dropdown__option{padding:.25rem .5rem;border-radius:.2rem}.dropdown__option:hover{background-color:var(--blue);color:#fff}.multiselect{width:100%}.multiselect__control{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem;border:var(--bs-border-width) solid var(--bs-border-color)}.multiselect.empty{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.multiselect__control:focus-within{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.multiselect__value-container{gap:4px}.multiselect__multi-value{color:#fff;font-weight:400;padding:2px 6px;background-color:var(--blue);border-radius:.2rem}.multiselect__menu,.multiselect__noOptionsMessage{border:var(--bs-border-width) solid var(--bs-border-color);background-color:#fff;border-radius:.2rem;font-size:14px}.multiselect__option{padding:.25rem .5rem;border-radius:.2rem}.multiselect__option:hover{background-color:var(--blue);color:#fff}#srb-review-requirements{padding:0}#srb-review-requirements .form-label{min-width:14rem}#srb-review-requirements input.form-control[name=outlook-cm-plan]{max-width:12rem}#srb-review-requirements .dropdown__control{width:12rem}#srb-review-requirements .form-bottom-container{padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start}#srb-review-requirements .form-bottom-container .form-buttons{display:flex;gap:14px}#srb-review-result{padding:0}#srb-review-result .form-label{min-width:10rem}#srb-review-result .input-container:has(>.form-control[name=meetingMinutes]){flex-direction:column}#srb-review-result .dropdown__control{width:12rem}#srb-review-result input.form-control[name=srbReviewDate],#srb-review-result input.form-control[name=gpPercent],#srb-review-result input.form-control[name=cmPercent],#srb-review-result input.form-control[name=contingencyPercent],#srb-review-result input.form-control[name=revenueYen],#srb-review-result input.form-control[name=cmValueYen],#srb-review-result input.form-control[name=gpValueYen]{max-width:12rem}#srb-review-result .form-bottom-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start}#srb-review-result .form-bottom-container .form-buttons{display:flex;gap:14px}#sow-review-draft{padding:0}#sow-review-draft .form-label{min-width:10rem}#sow-review-draft>div:nth-child(5)>label{min-width:15rem}#sow-review-draft .dropdown{flex-grow:1}#sow-review-draft .master-contract-row{gap:14px}#sow-review-draft .form-check-container.sowComplianceCheck{display:flex;flex-direction:column;align-items:flex-start}#sow-review-draft .form-bottom-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start}#sow-review-draft .form-bottom-container .form-buttons{display:flex;gap:14px}@media (max-width: 575.98px){.master-contract-row{justify-content:flex-end}}.revision-history{padding:20px 0 50px;font-size:14px}.revision-history>div{overflow-x:auto}.revision-history table{border:1px solid #ced4da;margin-bottom:0;color:var(--dark-color)}.revision-history tr,.revision-history td,.revision-history thead th{border:0px}.revision-history th{font-weight:500;padding:2px 10px}.revision-history th.rh-date{min-width:250px}.revision-history th.rh-updated-by{min-width:350px}.revision-history th.rh-remarks{width:100%;min-width:220px}.revision-history td{font-weight:300;padding:2px 10px}.sow-sub-headers{color:var(--dark-color);text-decoration:underline;font-size:14px;margin:2rem 0px 0px}#sow-review-validation{padding:0}#sow-review-validation .form-label{min-width:10rem}#sow-review-validation .form-bottom-container{padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start}#sow-review-validation .form-bottom-container .form-buttons{display:flex;gap:14px}#sow-review-fin-review{padding:0}#sow-review-fin-review .form-label{min-width:10rem}#sow-review-fin-review input.form-control[name=firstBillingDate]{max-width:12rem}#sow-review-fin-review .dropdown{width:100%}#sow-review-fin-review .form-bottom-container{padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start}#sow-review-fin-review .form-bottom-container .form-buttons{display:flex;gap:14px}#sow-review-cfo-review{padding:0}#sow-review-cfo-review .form-label{min-width:10rem}#sow-review-cfo-review .form-bottom-container{padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start}#sow-review-cfo-review .form-bottom-container .form-buttons{display:flex;gap:14px}#sow-review-for-signature{padding:0}#sow-review-for-signature .form-label{min-width:10rem}#sow-review-for-signature input.form-control[name=dateSigned]{max-width:12rem}@media (max-width: 576px){.admin-dashboard .admin-cards{grid-template-columns:repeat(1,1fr)}.admin-cards .frequently-used{grid-column-start:1;grid-column-end:4}}@media (min-width: 577px) and (max-width: 992px){.admin-cards .totals{grid-template-columns:repeat(2,1fr)}.admin-cards .frequently-used{grid-column-start:1;grid-column-end:4}}@media (min-width: 993px){.admin-dashboard .admin-cards{grid-template-columns:repeat(4,1fr)}.admin-cards .totals{grid-template-columns:repeat(2,1fr)}}.admin-dashboard-container{width:100%;position:absolute;top:0;left:0;padding:0;background-color:#fff;min-height:100vh}.admin-dashboard-container .container{margin:4rem 0 0;max-width:100%;padding:0 2rem;overflow-x:hidden}.admin-dashboard .admin-cards{display:grid;gap:2rem}.admin-cards .totals{display:grid;gap:2rem;grid-column-start:1;grid-column-end:4}.admin-dashboard .table-row{margin-top:2rem}.total-card{border-radius:1rem;background-color:#fafafa;border:1px solid var(--accent)}.total-card .card-body{display:flex;flex-direction:column;justify-content:space-between}.title-and-desc-container{display:flex;flex-direction:column}.title-and-desc-container .card-title{font-size:20px;margin:0;font-weight:600}.title-and-desc-container .card-text{font-size:15px;font-weight:300}.total-card .data{font-weight:600;font-size:60px;text-align:right}.ranks{display:flex;flex-direction:column;gap:.2rem;color:var(--dark-color);font-size:20px;margin-top:1rem}@media (max-height: 576px){.user-activity-table{overflow-x:scroll}}.user-activity-table{border-radius:1rem;padding:0 1rem}@media (max-width: 576px){.most-visited-container h1{font-size:48px;gap:.5rem}.most-visited-card{max-height:190px;margin-bottom:.5rem;padding-bottom:1rem}.all-applications-container .applications{gap:.8rem}.header-and-search-container .searchbar-container{max-width:30rem}}@media (min-width: 575px) and (max-width: 768px){.most-visited-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.most-visited-card{max-height:210px}.all-applications-container .applications{grid-template-columns:repeat(2,1fr);gap:1rem}.header-and-search-container .searchbar-container{max-width:20rem}}@media (min-width: 769px){.most-visited-row{grid-template-columns:repeat(3,1fr);gap:1.5rem}.most-visited-container h1{font-size:60px}.most-visited-card{max-height:250px}.all-applications-container .applications{grid-template-columns:repeat(3,1fr);gap:2rem}.header-and-search-container .searchbar-container{max-width:20rem}}.dashboard{position:absolute;top:0;left:0;right:0;background-color:#fff;min-height:100%;width:100%;overflow-y:auto}.dashboard-container{scrollbar-width:inherit}.dashboard-container::-webkit-scrollbar{width:4px}.dashboard-container::-webkit-scrollbar-track{border-radius:4px}.dashboard-container::-webkit-scrollbar-thumb{background:#53A6D8;border-radius:4px;transition:background .2s ease}.dashboard-container::-webkit-scrollbar-thumb:hover{background:#4A95C7}.dashboard-container::-webkit-scrollbar-thumb:active{background:#3D7FA8}.bg-img{position:fixed;top:0;left:0;width:100%;max-height:90%;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.most-visited-container{margin-top:2rem}.most-visited-row{padding-left:1rem;padding-right:1rem;display:grid}.most-visited-container h1{color:#000;padding-left:1.5rem;margin-bottom:1rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:10;color:var(--dark-color)}.all-applications-container{margin-top:3rem;margin-left:1.5rem;margin-right:1.5rem}.all-applications-container .header-and-search-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;z-index:2;font-weight:700}.header-and-search-container h1{width:fit-content;z-index:20;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--dark-color)}.header-and-search-container .searchbar-container{position:relative;display:flex;align-items:center;padding:0;z-index:5}.header-and-search-container .form-control{background-color:#fff;border:0;width:100%;border-radius:3rem;border:1px solid var(--light-color);padding-right:2rem}.header-and-search-container .form-control:focus{border:2px solid transparent;outline:none}.header-and-search-container .searchbar-container .bi-x{font-size:25px;position:absolute;right:.5rem;cursor:pointer}.header-and-search-container .searchbar-container .bi-x:hover{transform:scale(1.1);color:var(--light-color);transition-duration:.1s}.header-and-search-container .searchbar-container .bi-x:active{transform:scale(.9);color:var(--dark-color)}.all-applications-container .applications{width:100%;display:grid;padding-bottom:2rem}.no-app-found{width:100%;border:2px solid red}.welcome-user h1{font-size:2.5rem;font-weight:600;color:#333;margin-top:1rem;z-index:1}@media (max-width: 378px){.card-applications{max-height:180px}.card-applications .card-body{flex-direction:column;gap:.2rem;align-items:center;text-align:center}}@media (min-width: 378px) and (max-width: 576px){.card-applications .card-body{gap:1rem;justify-content:space-between}}@media (min-width: 575px) and (max-width: 1200px){.card-applications .card-body{flex-direction:column;gap:.2rem;align-content:center;text-align:center}}@media (min-width: 1201px){.card-applications .card-body{gap:2rem;justify-content:space-between}}.card-applications{background-color:var(--darker-blue);border-radius:1rem;box-shadow:0 5px 8px #0006;cursor:pointer;display:flex;justify-content:center}.card-applications:hover{background-color:var(--sea-blue);transform:scale(1.02);transition-duration:.2s}.card-applications:active{transform:scale(.98);transition-duration:.2s}.card-applications .card-body{display:flex;align-items:center;z-index:5}.card-applications .card-text-container{color:#fff}.card-applications .card-text-container .card-title{font-weight:600;font-size:36px;margin-bottom:-.2rem;-webkit-user-select:none;user-select:none;pointer-events:none}.card-applications .card-text-container .card-text{font-weight:300;font-size:12px;-webkit-user-select:none;user-select:none;pointer-events:none}.card-applications .bi{color:#fff;font-size:30px;-webkit-user-select:none;user-select:none;pointer-events:none}.card-icon{max-width:60px;-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 378px){.card-applications-skeleton{max-height:180px}.card-applications-skeleton .card-body{flex-direction:column;gap:.2rem;align-items:center;text-align:center}.card-applications-skeleton .card-skeleton-container{align-items:center;justify-content:center}}@media (min-width: 378px) and (max-width: 576px){.card-applications-skeleton .card-body{gap:1rem;justify-content:space-between}.card-applications-skeleton .card-skeleton-container{align-items:center;justify-content:start}}@media (min-width: 575px) and (max-width: 1200px){.card-applications-skeleton .card-body{flex-direction:column;gap:.2rem;align-content:center;text-align:center}.card-applications-skeleton .card-skeleton-container{align-items:center;justify-content:center}}@media (min-width: 1201px){.card-applications-skeleton .card-body{gap:2rem;justify-content:space-between}.card-applications-skeleton .card-skeleton-container{align-items:center;justify-content:start}}.card-applications-skeleton{background-color:var(--darker-blue);border-radius:1rem;box-shadow:0 5px 8px #0006;cursor:pointer;display:flex;justify-content:center;padding:.1rem 0;opacity:.75}.card-applications-skeleton .card-body{display:flex;align-items:center;gap:1rem;z-index:5}.card-applications-skeleton .card-skeleton-container{color:#fff;display:flex;flex-direction:column;width:100%}.card-applications-skeleton .bi{color:#fff;font-size:30px;-webkit-user-select:none;user-select:none;pointer-events:none}.card-applications-skeleton .skeleton-icon{min-width:3.5rem;min-height:3.5rem;aspect-ratio:1/1}.card-applications-skeleton .skeleton{background-color:var(--dark-blue)}.card-applications-skeleton .skeleton-text{width:100%;max-width:20rem}.card-applications-skeleton .skeleton-arrow{display:flex;flex-direction:column;gap:.4rem;align-items:end}.announcements-container{background-color:#f0f9fd;border-radius:1rem;box-shadow:0 5px 8px #0006;padding:1.5rem;margin-top:1rem}.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.announcements-title{font-size:1.5rem;margin-bottom:0;font-weight:600;color:#2c3e50}.view-all-btn{color:#fff;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#53a6d8;border:none;text-decoration:underline;white-space:nowrap;flex-shrink:0}.view-all-btn:hover{background-color:var(--sea-blue);text-decoration:underline}.view-all-btn:active{background-color:#2c3e50}.announcements-scrollable{max-height:320px;overflow-y:auto;padding-right:8px;padding-left:8px;scrollbar-width:inherit}.announcements-scrollable::-webkit-scrollbar{width:4px}.announcements-scrollable::-webkit-scrollbar-track{background:#E3F2FD;border-radius:4px}.announcements-scrollable::-webkit-scrollbar-thumb{background:#53A6D8;border-radius:4px;transition:background .2s ease}.announcements-scrollable::-webkit-scrollbar-thumb:hover{background:#4A95C7}.announcements-scrollable::-webkit-scrollbar-thumb:active{background:#3D7FA8}.announcements-scrollable .announcement-card{margin-bottom:16px}.announcements-scrollable .announcement-card:last-child{margin-bottom:2}.announcement-card{border:none;background-color:#f8f9fa;border-radius:1rem;box-shadow:0 5px 8px #0006;margin-bottom:1rem}.announcement-card-body{padding:1rem}.announcement-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.announcement-title{font-size:1.1rem;margin-bottom:2px;font-weight:600;color:#2c3e50}.announcement-date{font-size:.875rem;color:#6c757d;white-space:nowrap}.announcement-preview{font-size:.9rem;color:#6c757d;margin-bottom:1.25rem;line-height:1.5}.announcement-bottom-row{display:flex;justify-content:space-between;align-items:center}.announcement-tags{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start;align-items:center}.announcements-container .announcement-tag{background-color:#cde7f6!important;color:#000;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem;border:none}.read-more-btn{color:#000;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline}.read-more-btn{background:none;border:none;color:#000;text-decoration:underline;font-size:.875rem;padding:0;cursor:pointer;font-family:inherit;white-space:nowrap}.read-more-btn:hover{color:var(--sea-blue);text-decoration:underline}.read-more-btn:focus{outline:2px solid;outline-offset:2px}.read-more-modal .modal-dialog{max-width:700px;max-height:80vh;margin:5vh auto;border:none}.read-more-modal .modal-content{height:100%;max-height:80vh;display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:1rem;box-shadow:0 5px 8px #0006}.read-more-modal-content p{padding:.5rem;color:#333;font-size:1rem;white-space:pre-wrap}.read-more-modal-header{border-bottom:1px solid #dee2e6;padding:1.5rem;flex-shrink:0}.read-more-modal-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.read-more-modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1}.read-more-modal-date{margin-top:1rem;margin-bottom:.5rem}.read-more-modal-date small{font-size:.9rem;color:#6c757d}.read-more-modal-tags{margin-bottom:1.5rem}.read-more-modal-tag{padding:.4rem .8rem;margin-right:.5rem;font-size:.875rem;display:inline-block;background-color:#cde7f6!important;color:#000;font-weight:500;border-radius:1rem;border:none}.read-more-modal-tag:last-child{margin-right:0}.read-more-modal-content{line-height:1.6}.read-more-modal-content p{margin-bottom:1rem;color:#333;font-size:1rem;white-space:pre-wrap}.read-more-modal-content p:last-child{margin-bottom:0}.read-more-modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem;justify-content:flex-end;flex-shrink:0}.read-more-modal-footer .btn{color:#fff;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#53a6d8;border:none;text-decoration:underline;white-space:nowrap;flex-shrink:0}.read-more-modal-footer .btn:hover{background-color:var(--sea-blue);text-decoration:underline}.read-more-modal-footer .btn:active{background-color:#2c3e50}@media (max-width: 768px){.read-more-modal .modal-dialog{max-width:95%;max-height:85vh;margin:2vh auto}.read-more-modal .modal-content{max-height:85vh}.read-more-modal-header,.read-more-modal-body,.read-more-modal-footer{padding:1rem}.read-more-modal-title{font-size:1.25rem}}@media (max-width: 480px){.read-more-modal .modal-dialog{max-width:100%;max-height:90vh;margin:1vh auto}.read-more-modal .modal-content{max-height:90vh;border-radius:.5rem}}.view-all-announcements-modal .modal-dialog{max-width:700px;max-height:80vh;margin:5vh auto;border:none}.view-all-announcements-modal .modal-content{height:100%;max-height:80vh;display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:1rem;box-shadow:0 5px 8px #0006}.view-all-announcements-modal-header{border-bottom:1px solid #dee2e6;padding:1.5rem;flex-shrink:0}.view-all-announcements-modal-title{font-size:1.5rem;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:10px}.view-all-announcements-modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1;scrollbar-width:inherit}.view-all-announcements-modal-body::-webkit-scrollbar{width:4px}.view-all-announcements-modal-body::-webkit-scrollbar-track{background:#E3F2FD;border-radius:4px}.view-all-announcements-modal-body::-webkit-scrollbar-thumb{background:#53A6D8;border-radius:4px;transition:background .2s ease}.view-all-announcements-modal-body::-webkit-scrollbar-thumb:hover{background:#4A95C7}.view-all-announcements-modal-body::-webkit-scrollbar-thumb:active{background:#3D7FA8}.view-all-announcements-modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem;justify-content:flex-end;flex-shrink:0}.view-all-announcements-modal-footer .btn{color:#fff;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#53a6d8;border:none;text-decoration:underline;white-space:nowrap;flex-shrink:0}.view-all-announcements-modal-footer .btn:hover{background-color:var(--sea-blue)!important;text-decoration:underline}.view-all-announcements-modal-footer .btn:hover{background-color:#2c5aa0;text-decoration:underline}.view-all-announcements-modal-footer .btn:active{background-color:#2c3e50}.announcements-list{display:flex;flex-direction:column;gap:1.5rem}.announcement-item{background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a;border:1px solid #dee2e6}.announcement-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.announcement-item-title{font-size:1.25rem;font-weight:600;color:#333;margin:0}.announcement-item-date{margin-bottom:.75rem;margin-top:0}.announcement-item-date small{font-size:.9rem;color:#6c757d}.announcement-item-tags{margin-bottom:1rem}.announcement-item-tag{padding:.4rem .8rem;margin-right:.5rem;font-size:.875rem;display:inline-block;background-color:#cde7f6!important;color:#000;font-weight:500;border-radius:1rem;border:none}.announcement-item-tag:last-child{margin-right:0}.announcement-item-content{line-height:1.6}.announcement-item-content p{margin-bottom:1rem;color:#333;font-size:1rem;white-space:pre-wrap}.announcement-item-content p:last-child{margin-bottom:0}.announcement-item-author{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.announcement-item-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#fff;flex-shrink:0}.announcement-item-author-info{display:flex;flex-direction:column}.announcement-item-author-name{font-weight:500;color:#333;font-size:.875rem;margin:0}.announcement-item-author-time{color:#6c757d;font-size:.8125rem;margin:0}@media (max-width: 768px){.view-all-announcements-modal .modal-dialog{max-width:95%;max-height:85vh;margin:2vh auto}.view-all-announcements-modal .modal-content{max-height:85vh}.view-all-announcements-modal-header,.view-all-announcements-modal-body,.view-all-announcements-modal-footer{padding:1rem}.view-all-announcements-modal-title{font-size:1.25rem}.announcement-item{padding:1rem}.announcement-item-title{font-size:1.125rem}}@media (max-width: 480px){.view-all-announcements-modal .modal-dialog{max-width:100%;max-height:90vh;margin:1vh auto}.view-all-announcements-modal .modal-content{max-height:90vh;border-radius:.5rem}}.attendance-summary-card{background-color:#f0f9fd;border-radius:1rem;box-shadow:0 5px 8px #0006;padding:1rem;margin-top:1rem}.attendance-summary-body{padding:.25rem}.attendance-summary-title{font-size:1.3rem;font-weight:600;color:#2c3e50}.attendance-summary-item{margin-bottom:1rem}.attendance-summary-item:last-child{margin-bottom:0}.attendance-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.attendance-summary-row{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.leave-type{min-width:100px;font-weight:500;color:#333}.progress-container{flex:1;display:flex;flex-direction:column}.attendance-progress-bar{height:10px;margin-bottom:8px}.attendance-progress-bar .bg-warning{background:linear-gradient(90deg,#ffc107,black)!important}.attendance-progress-bar .bg-danger{background:linear-gradient(90deg,#dc3545,black)!important}.attendance-progress-bar .bg-success{background:linear-gradient(90deg,#28a745,black)!important}.leave-count{font-size:12px;color:#666;text-align:right;margin-top:4px}@media (max-width: 768px){.attendance-summary-card{max-width:100%;margin-top:1rem}.attendance-summary-body{padding:1rem}.attendance-summary-title{font-size:1.1rem;margin-bottom:1rem}.attendance-summary-item{margin-bottom:1rem}}.attendance-progress-bar{animation:progress-bar 1s linear infinite}.birthday-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.birthday-card-title{font-size:1.125rem;font-weight:600;color:#2c3e50;margin:0;flex-shrink:0}.birthday-view-all-btn{color:#fff;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#53a6d8;border:none;text-decoration:underline;white-space:nowrap;flex-shrink:0}.birthday-view-all-btn:hover{background-color:var(--sea-blue);text-decoration:underline}.birthday-view-all-btn:active{background-color:#2c3e50}.birthday-list{display:flex;flex-direction:column;gap:.75rem;max-height:140px;overflow-y:auto;padding:4px;scrollbar-width:inherit}.birthday-list::-webkit-scrollbar{width:4px}.birthday-list::-webkit-scrollbar-thumb{background:#53A6D8;border-radius:4px;transition:background .2s ease}.birthday-list::-webkit-scrollbar-thumb:hover{background:#4A95C7}.birthday-list::-webkit-scrollbar-thumb:active{background:#3D7FA8}.birthday-item{background-color:#f0f9fd;padding:.5rem;display:flex;align-items:center;border-radius:1rem;box-shadow:0 5px 8px #0006}.birthday-item:hover{box-shadow:0 2px 8px #00000026}.birthday-avatar{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:.75rem;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.birthday-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.birthday-info{flex-grow:1;min-width:0}.birthday-name{font-weight:500;color:#1a202c;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-date{font-size:.875rem;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.birthday-card-title{font-size:1rem}.birthday-view-all-btn{font-size:.8rem;padding:.4rem .8rem}}.view-all-birthdays-modal .modal-dialog{max-width:700px;max-height:80vh;margin:5vh auto;border:none}.view-all-birthdays-modal .modal-content{height:100%;max-height:80vh;display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:1rem;box-shadow:0 5px 8px #0006}.view-all-birthdays-modal-header{border-bottom:1px solid #dee2e6;padding:1.5rem;flex-shrink:0}.view-all-birthdays-modal-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.view-all-birthdays-modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1;scrollbar-width:inherit}.view-all-birthdays-modal-body::-webkit-scrollbar{width:4px}.view-all-birthdays-modal-body::-webkit-scrollbar-track{background:#E3F2FD;border-radius:4px}.view-all-birthdays-modal-body::-webkit-scrollbar-thumb{background:#53A6D8;border-radius:4px;transition:background .2s ease}.view-all-birthdays-modal-body::-webkit-scrollbar-thumb:hover{background:#4A95C7}.view-all-birthdays-modal-body::-webkit-scrollbar-thumb:active{background:#3D7FA8}.view-all-birthdays-modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem;justify-content:flex-end;flex-shrink:0}.view-all-birthdays-modal-footer .btn{color:#fff;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#53a6d8;border:none;text-decoration:underline;white-space:nowrap;flex-shrink:0}.view-all-birthdays-modal-footer .btn:hover{background-color:var(--sea-blue)!important;text-decoration:underline}.view-all-birthdays-modal-footer .btn:hover{background-color:#2c5aa0;text-decoration:underline}.view-all-birthdays-modal-footer .btn:active{background-color:#2c3e50}.birthday-cards-container{max-height:500px;padding-right:4px}.birthday-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px}.birthday-card-simple{background:linear-gradient(135deg,#a8d5f0 0%,#c5e0f0 100%);border-radius:12px;padding:24px 16px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #b8d4ea;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:160px;position:relative}.birthday-card-simple:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001f;background:linear-gradient(135deg,#9dceed 0%,#bddced 100%)}.birthday-card-simple .birthday-card-avatar{flex-shrink:0}.birthday-card-simple .avatar-image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.birthday-card-simple .birthday-card-name{font-size:16px;font-weight:600;color:#1f2937;line-height:1.3;margin:0}.birthday-card-simple .birthday-card-date{font-size:14px;color:#4b5563;font-weight:500;margin:0}.no-birthdays-found{text-align:center;padding:60px 20px;color:#6b7280}.no-birthdays-found i{font-size:48px;margin-bottom:16px;opacity:.5;color:#9ca3af}.no-birthdays-found h6{font-size:18px;font-weight:600;margin-bottom:8px;color:#374151}.no-birthdays-found p{font-size:14px;margin:0}@media (max-width: 576px){.birthday-card-body{padding:1rem}.birthday-card-header{margin-top:1rem;gap:.5rem}.birthday-card-title{font-size:1rem}.birthday-view-all-btn{font-size:.75rem;padding:.35rem .7rem}.birthday-avatar{width:2rem;height:2rem;margin-right:.5rem}.birthday-item{padding:.4rem}.birthday-name{font-size:.9rem}.birthday-date{font-size:.8rem}}@media (max-width: 480px){.view-all-birthdays-modal .modal-dialog{max-width:100%;max-height:90vh;margin:1vh auto}.view-all-birthdays-modal .modal-content{max-height:90vh;border-radius:.5rem}.birthday-filters{flex-direction:column;gap:12px}.filter-group{min-width:100%}.birthday-cards-grid{grid-template-columns:1fr;gap:12px}.birthday-card-simple{padding:16px 10px;min-height:130px}.birthday-card-simple .birthday-card-name{font-size:14px}.birthday-card-simple .birthday-card-date{font-size:12px}.birthday-card-title{font-size:.95rem}.birthday-view-all-btn{font-size:.7rem;padding:.3rem .6rem}}@media (max-width: 400px){.birthday-card-title{font-size:.95rem}.birthday-view-all-btn{font-size:.7rem;padding:.3rem .6rem}}@media (max-width: 992px){.matrix-container{min-height:100vh}.management-table-container{padding-top:1rem}.content-container{gap:1rem;padding-right:1rem}.table-header-container{padding-right:.4rem}}@media (min-width: 993px){.matrix-container{height:100vh;overflow:hidden}.management-table-container{padding:1rem 0 2rem}.content-container{gap:3rem;padding-right:2rem}.table-header-container{padding-right:1rem}}.matrix-container{width:100%;position:absolute;top:0;left:0;padding:0;background-color:#fff;height:100vh;overflow:hidden}.content-container{position:relative;width:100%;display:flex;height:100%;overflow:hidden}.management-table-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:start;padding-bottom:2rem;height:90%;overflow:hidden}.table-header-container span{font-weight:600;margin-bottom:.5rem;font-size:1.2rem}.table-header-container{display:flex;width:100%;align-items:end;justify-content:space-between;margin-bottom:.5rem;padding-right:0}.table-header-container .btn-update-role-matrix{background-color:var(--sea-blue);color:#fff;box-shadow:0 2px 6px #0000004d;border:0;transition-duration:.2s;display:flex;align-items:center;gap:.5rem;max-height:2.3rem}.table-header-container .btn-update-role-matrix:hover{background-color:var(--light-blue);transform:scale(1.02)}.table-header-container .btn-update-role-matrix:active{transform:scale(.98)}.btn-update-role-matrix span{margin-top:.5rem}.table-component-container{height:auto;max-height:95%;width:100%}.table-data-container{height:100%;width:100%;overflow:auto}.sidebar-container{position:sticky;top:0;height:100vh;overflow-y:auto;z-index:1000}.toggle-button{position:fixed;top:16px;left:16px;z-index:1050;background-color:#89ccf7;border:none;border-radius:6px;padding:6px 10px}.toggle-button:hover{background-color:var(--sea-blue)!important;text-decoration:underline}.toggle-button:active{background-color:#2c3e50}.toggle-button i{font-size:1rem}.admin-sidebar{padding-top:2rem;background:linear-gradient(180deg,#89CCF7 0%,#2D83B6 100%);width:224px;height:100vh;position:sticky;top:0;overflow-y:auto;z-index:1000}.admin-sidebar .offcanvas-header{border-bottom:none;padding-bottom:8px}.admin-sidebar .offcanvas-title{color:#fff;font-weight:700}.admin-sidebar .offcanvas-body{padding:0}.section-header{width:224px;background:none;border:none;color:#fff;padding:12px 20px;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.section-header:hover{background-color:#ffffff1a}.section-header .header-content{display:flex;align-items:center;gap:10px}.section-header .header-content i{font-size:15px}.section-header .chevron{font-size:12px;transition:transform .2s}.section-item{width:224px;background:none;border:none;color:#fff;padding:12px 20px;text-align:left;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.section-item:hover{background-color:#ffffff1a}.section-item.active,.section-item.active:hover{background-color:#fff3}.section-item i{font-size:15px}.submenu-item{width:224px;background:none;border:none;color:#fff;padding:10px 40px;text-align:left;font-size:12px;cursor:pointer;transition:background-color .2s}.submenu-item:hover{background-color:#ffffff1a}.submenu-item.active,.submenu-item.active:hover{background-color:#fff3}@media (max-width: 576px){.admin-sidebar{width:200px;padding-top:1.6rem}.section-header,.section-item,.submenu-item{width:200px}.section-header{padding:10px 16px;font-size:13px}.section-header .header-content{gap:8px}.section-header .header-content i{font-size:14px}.section-header .chevron{font-size:10px}.section-item{padding:10px 16px;gap:8px;font-size:13px}.section-item i{font-size:14px}.submenu-item{padding:8px 32px;font-size:11px}.admin-sidebar .offcanvas-title{font-size:1rem}.admin-sidebar .offcanvas-header{padding-bottom:6px}}@media (max-width: 480px){.admin-sidebar{width:176px;padding-top:1.2rem}.section-header,.section-item,.submenu-item{width:176px}.section-header{padding:8px 12px;font-size:12px}.section-header .header-content{gap:6px}.section-header .header-content i{font-size:13px}.section-header .chevron{font-size:9px}.section-item{padding:8px 12px;gap:6px;font-size:12px}.section-item i{font-size:13px}.submenu-item{padding:6px 24px;font-size:10px}.toggle-button{top:12px;left:12px;padding:5px 8px}.toggle-button i,.admin-sidebar .offcanvas-title{font-size:.9rem}.admin-sidebar .offcanvas-header{padding-bottom:5px}}@media (max-width: 400px){.admin-sidebar{width:160px;padding-top:1rem}.section-header,.section-item,.submenu-item{width:160px}.section-header{padding:6px 10px;font-size:11px}.section-header .header-content{gap:5px}.section-header .header-content i{font-size:12px}.section-header .chevron{font-size:8px}.section-item{padding:6px 10px;gap:5px;font-size:11px}.section-item i{font-size:12px}.submenu-item{padding:5px 20px;font-size:9px}.toggle-button{top:10px;left:10px;padding:4px 6px}.toggle-button i,.admin-sidebar .offcanvas-title{font-size:.8rem}}input[type=password]::-webkit-textfield-decoration-container{display:none}input[type=password]::-moz-eye{display:none}input[type=password]::-ms-reveal{display:none}.login-main-container{padding:0;width:100vw;height:100vh;background-color:#fff}.login{display:flex;justify-items:center;overflow:hidden}.login .left-container{width:50%;padding-left:2rem;padding-right:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:100vh}.login .login-header,.login .forgot-pw-header{color:var(--sea-blue);font-size:48px;font-style:normal;font-weight:700}.login form.login-form,form.forgot-pw-form{max-width:450px;width:100%}.login #floatingInput.form-control{font-size:14px;width:100%}.login #floatingInput.form-control[name=password]{padding-right:48px}.login .form-control{border:1px solid #484848}.login .left-container .sub-header{color:#484848;font-size:18px}.forgot-pw-form .sub-header{margin-bottom:1rem}.login-button{width:fit-content;font-size:14px;font-style:normal;font-weight:400;margin-left:3px;border:1px solid transparent;width:100%;background-color:var(--blue);color:#fff}.login-button:hover,.login-button:disabled{background-color:#fff;border:1px solid var(--blue);color:var(--blue)}.login-button:active{background-color:#fff;border:1px solid var(--blue);color:var(--blue)!important}.login .error-message{font-size:14px;color:var(--red);font-weight:300;text-align:center}.login .forgot-pw-button,.login .back-to-login-button{margin-right:14px;font-size:14px;color:var(--sea-blue);font-weight:700}.login .forgot-pw-button:hover,.login .back-to-login-button:hover{color:var(--light-blue);text-decoration:underline;cursor:pointer}.right-container{width:50%;background-color:var(--sky-blue);border-radius:1rem 0 0 1rem;padding:0 1rem;object-fit:contain;display:flex;justify-content:center;align-items:center}.right-container img{position:relative;width:80%}.login .footer{width:100%;position:absolute;bottom:2rem;font-weight:300}.login .footer p{margin:0;font-size:10px;text-align:center}.login .footer span{color:var(--sea-blue)}@media (max-width: 767.98px){.login{align-content:center;gap:5%;justify-content:center}.login .left-container{padding-top:2rem;margin-left:0%;width:100%}.login .login-form-buttons{display:flex;gap:14px}.login .right-container{display:none}}.page-header h1{font-size:2.5rem;font-weight:600;color:#0b2151;margin-top:1.5rem;z-index:1;margin-bottom:1.5rem;margin-left:.5rem}.sidebar-col{position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;padding:0!important;margin:0!important;background-color:transparent!important}.admin-support-page{background-color:#f8f9fa;min-height:100vh}.admin-support-page .container-fluid{padding:0}.sidebar-col{background-color:#fff;min-height:100vh;border-right:1px solid #e9ecef}.main-col{background-color:#f8f9fa}.main-content{padding:2rem}.page-title{font-size:2rem;font-weight:600;color:#2c3e50;margin:0}.stats-row{margin-bottom:2.5rem;align-items:stretch;margin-right:1rem}.admin-chart-card{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.chart-container{height:200px;position:relative}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot-created{background-color:#dc3545}.legend-dot-closed{background-color:#28a745}.admin-data-table{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden}.table-header-section{padding:1.5rem;border-bottom:1px solid #e9ecef}.table-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.table-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.table-filters{display:flex;gap:1rem;align-items:center}.table-search{position:relative}.table-search input{padding:.5rem 2.5rem .5rem 1rem;border:1px solid #ddd;border-radius:8px;background:#f8f9fa;width:250px;font-size:.875rem}.table-search input:focus{outline:none;border-color:#007bff;background:white}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6c757d;background:#007bff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.table-filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid #ddd;border-radius:8px;background:#f8f9fa;font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem}.table-filter-select:focus{outline:none;border-color:#007bff;background-color:#fff}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa}.data-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;font-size:.875rem;color:#495057}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child td{border-bottom:none}.category-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.badge.bg-info{background-color:#17a2b8!important}.badge.bg-warning{background-color:#ffc107!important;color:#212529!important}.badge.bg-success{background-color:#28a745!important}.badge.bg-secondary{background-color:#6c757d!important}.table-pagination{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.pagination-info{font-size:.875rem;color:#6c757d;display:flex;align-items:center;gap:1rem}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 991.98px){.main-content{padding:1rem}.stats-row{padding:.25rem}.table-controls{flex-direction:column;align-items:stretch}.table-filters{justify-content:space-between}.table-search input{width:100%}}@media (max-width: 767.98px){.sidebar-col{display:none}.main-col{flex:0 0 100%;max-width:100%}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.75rem .5rem}.table-pagination{flex-direction:column;gap:1rem;text-align:center}}.stat-card{border:none;border-radius:1rem;box-shadow:0 5px 8px #0006;transition:transform .2s ease,box-shadow .2s ease;min-height:100px;background:linear-gradient(135deg,#CDE7F6 0%,#BAD6F3 100%);height:17.5rem}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-card .card-body{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.stat-title{font-size:.875rem;font-weight:600;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.5px;text-align:center}.stat-number{font-size:2.25rem;font-weight:700;color:#111827;margin:auto 0;line-height:1;flex-grow:1;display:flex;align-items:center}.stat-description{font-size:.75rem;color:#6b7280;margin:0;font-style:italic;text-align:center}@media (max-width: 991.98px){.main-content{padding:1rem;margin-bottom:1rem}.stats-row .col-lg-7,.stats-row .col-lg-5{padding:0;margin-bottom:2rem}.stat-card{margin-bottom:1.5rem}.stat-card:last-child{margin-bottom:0}.table-controls{flex-direction:column;align-items:stretch}.table-filters{justify-content:space-between}.table-search input{width:100%}}@media (max-width: 767.98px){.sidebar-col{display:none}.main-col{flex:0 0 100%;max-width:100%}.stat-card{margin-bottom:2rem;height:auto;min-height:120px}.stat-card:last-child{margin-bottom:0}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.75rem .5rem}.table-pagination{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 576px){.stat-card .card-body{padding:1rem}.stat-number{font-size:1.875rem}.stat-title{font-size:.75rem}.stat-description{font-size:.7rem}}.chart-card{border:none;border-radius:1rem;box-shadow:0 5px 8px #0006;background:#ffffff;transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.chart-card .card-body{padding:.75rem 1rem}.chart-legend{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;margin-bottom:1rem;padding-left:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.legend-dot-created{background-color:#dc3545!important}.legend-dot.legend-dot-closed{background-color:#28a745!important}.legend-text{font-size:.875rem;font-weight:500;color:#374151;margin:0}.chart-container{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}.chart-container .MuiChartsAxis-tick{stroke:#00001a}.chart-container .MuiChartsAxis-tickLabel{font-size:10px}.chart-container .MuiChartsGrid-root{stroke:#f3f4f6;stroke-dasharray:2,2}.chart-container .MuiLineElement-root{stroke-width:2}.chart-container .MuiMarkElement-root{r:3;stroke-width:2;fill:#fff}@media (max-width: 768px){.chart-card .card-body{padding:1rem}.chart-legend{gap:1rem;margin-bottom:.75rem}.legend-text{font-size:.75rem}.legend-dot{width:8px;height:8px}}@media (max-width: 576px){.chart-legend{flex-direction:column;align-items:flex-start;gap:.5rem}.chart-container{overflow-x:auto}}.queue-card{border:none;box-shadow:0 2px 8px #0000001a;border-radius:8px;margin-bottom:2rem}.queue-header{background-color:transparent;border-bottom:1px solid #e9ecef;padding:1.5rem;border-radius:8px 8px 0 0}.queue-title{color:#2c5282;font-weight:600;font-size:1.5rem;margin-top:.5rem}.input-group .search-input.form-control{position:absolute;right:0;border:1px solid #d1d5db!important;border-radius:25px!important;padding:8px 50px 8px 16px!important;font-size:14px!important;outline:none;width:300px;height:auto!important}.input-group .search-input.form-control:focus{border-color:#89ccf7!important;box-shadow:none!important}.input-group .search-btn.btn{position:absolute!important;right:0;top:0;background-color:#89ccf7!important;border:none!important;border-radius:50%!important;width:40px!important;height:38px!important;cursor:pointer;z-index:10}.input-group .search-btn.btn:hover{background-color:#89ccf7!important}.input-group{position:relative;display:inline-block;margin-bottom:1.5rem}.queue-body{padding:1.5rem}.filters-row{margin-bottom:1.5rem;align-items:center}.filter-select{border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;color:#6b7280}.filter-select:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem #60a5fa40}.filter-dropdown-wrapper{display:flex;align-items:center;gap:8px}.filter-label{font-weight:500;color:#495057;white-space:nowrap;min-width:fit-content}.filter-dropdown-toggle{flex:1;text-align:left;border:1px solid #89CCF7;background-color:#fff;min-width:120px;min-height:38px;display:flex;justify-content:space-between;align-items:center}.filter-dropdown-toggle:hover{background-color:#f8f9fa}.filter-dropdown-toggle:after{display:none}.dropdown-text{flex:1}.filter-dropdown-toggle .bi-chevron-down{font-size:14px;color:#6c757d}.filter-dropdown-menu{max-height:200px;overflow-y:auto;border:1px solid #ced4da;box-shadow:0 .125rem .25rem #00000013}.filter-dropdown-menu .dropdown-item{padding:8px 16px;font-size:14px}.filter-dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.filter-dropdown-menu .dropdown-item.active{background-color:#007bff;color:#fff}.pagination-col{display:flex;justify-content:flex-end;align-items:center}.custom-pagination{margin:0;display:flex;align-items:center;gap:.5rem}.custom-pagination .page-link{border:1px solid #d1d5db;color:#6b7280;padding:.5rem .75rem;border-radius:6px;font-size:.9rem;text-decoration:none;background-color:transparent;transition:all .2s}.custom-pagination .page-link:hover{background-color:transparent;border-color:#9ca3af;color:#374151}.custom-pagination .page-item.active .page-link{background-color:transparent;border:none;color:#374151;font-weight:500;padding:.5rem 1rem}.custom-pagination .page-item.disabled .page-link{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-nav-btn{border:1px solid #d1d5db;background-color:#fff;color:#6b7280;padding:.375rem .5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.pagination-nav-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.pagination-nav-btn:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#d1d5db;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:#374151;font-weight:500}.page-input{width:50px;height:32px;text-align:center;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-weight:500;color:#374151;background-color:transparent;padding:.25rem}.page-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa40}.table-container{border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.tickets-table{margin:0;border-collapse:separate;border-spacing:0}.tickets-table thead{background-color:transparent}.tickets-table th{border:none;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;font-weight:600;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;background-color:#f0f7fb}.tickets-table td{border:none;border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem;vertical-align:middle;font-size:.95rem;text-align:center}.ticket-row{transition:background-color .2s}.ticket-row:hover{background-color:#f8fafc}.ticket-row:last-child td{border-bottom:none}.ticket-id{font-weight:600;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.ticket-age{color:#6b7280;font-size:.9rem}.empty-row{height:60px}.empty-row td{border-bottom:1px solid #f3f4f6;padding:0}.empty-row:last-child td{border-bottom:none}.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.category-new{background-color:#dbeafe;color:#1d4ed8}.category-escalated{background-color:#fef3c7;color:#d97706}.category-resolved{background-color:#d1fae5;color:#059669}.category-closed{background-color:#f3f4f6;color:#6b7280}@media (max-width: 768px){.queue-header{padding:1rem;align-items:center}.queue-body{padding:1rem}.filters-row{margin-bottom:1rem}.pagination-col{justify-content:center;margin-top:1rem}.tickets-table th,.tickets-table td{padding:.75rem 1rem;font-size:.85rem}.queue-title{font-size:1.25rem;margin-bottom:1rem;text-align:center}}@media (max-width: 576px){.custom-pagination{flex-wrap:wrap;justify-content:center}.tickets-table{font-size:.8rem}.tickets-table th,.tickets-table td{padding:.5rem .75rem}}@media (max-width: 768px){.filter-dropdown-wrapper{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:.5rem}.filter-dropdown-toggle{width:100%}}
