@charset "UTF-8";@font-face{font-family:Nunito;src:url(/assets/Nunito-Light-BHavxxZ2.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Regular-D5cIVsV_.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Medium-DhU4EXe0.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-SemiBold-eboRYCNB.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Bold-DQtQh58p.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Nunito,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--swal-z: 1000000;--swal-max-width: 520px;--swal-padding: 20px;--swal-border-radius: 14px;--swal-shadow: 0 6px 20px rgba(0, 0, 0, .15);--swal-backdrop: rgba(17, 24, 39, .55);--swal-backdrop-blur: 4px;--swal-bg: #ffffff;--swal-color: #1f2937;--swal-font: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--swal-title-color: #2563eb;--swal-title-size: 26px;--swal-html-color: #334155;--swal-html-size: 18px;--swal-confirm-bg: #2563eb;--swal-confirm-color: #ffffff;--swal-confirm-hover-bg: #1d4ed8;--swal-cancel-bg: #e5e7eb;--swal-cancel-color: #111827;--swal-cancel-hover-bg: #d1d5db;--swal-actions-gap: 10px;--swal-button-radius: 10px;--swal-button-padding: 10px 16px;--swal-button-font-weight: 600;--swal-icon-size: 64px;--swal-icon-success: #16a34a;--swal-icon-error: #ef4444;--swal-icon-warning: #f59e0b;--swal-icon-info: #0ea5e9;--swal-input-bg: #ffffff;--swal-input-border: #cbd5e1;--swal-input-color: #0f172a;--swal-input-radius: 10px;--swal-input-padding: 10px 12px;--swal-input-focus-border: #2563eb;--swal-input-focus-ring: 0 0 0 3px rgba(37, 99, 235, .15);--swal-timer-bar-bg: rgba(37, 99, 235, .25);--swal-timer-bar-fill: #2563eb}[data-theme=dark]{--swal-bg: #0b1220;--swal-color: #e5e7eb;--swal-title-color: #f8fafc;--swal-html-color: #cbd5e1;--swal-cancel-bg: #111827;--swal-cancel-color: #e5e7eb;--swal-cancel-hover-bg: #1f2937;--swal-input-bg: #0f172a;--swal-input-border: #334155;--swal-input-color: #e5e7eb}.swal2-container{background:var(--swal-backdrop)!important;backdrop-filter:blur(var(--swal-backdrop-blur));-webkit-backdrop-filter:blur(var(--swal-backdrop-blur));z-index:var(--swal-z)!important}.swal2-popup{background:var(--swal-bg)!important;color:var(--swal-color)!important;border-radius:var(--swal-border-radius)!important;box-shadow:var(--swal-shadow);width:auto!important;border:#c2c2c2 2px solid;padding:var(--swal-padding)!important;font-family:var(--swal-font)}.swal2-title{color:var(--swal-title-color)!important;font-size:var(--swal-title-size)!important;font-weight:700!important}.swal2-html-container{color:var(--swal-html-color)!important;font-size:var(--swal-html-size)}.swal2-actions{gap:var(--swal-actions-gap)}.swal2-styled.swal2-confirm{background:var(--swal-confirm-bg)!important;color:var(--swal-confirm-color)!important;border:none!important;border-radius:var(--swal-button-radius)!important;padding:var(--swal-button-padding)!important;font-weight:var(--swal-button-font-weight);box-shadow:none;transition:background .2s ease,transform .05s ease}.swal2-styled.swal2-confirm:hover{background:var(--swal-confirm-hover-bg)!important}.swal2-styled.swal2-confirm:active{transform:translateY(1px)}.swal2-styled.swal2-cancel{background:var(--swal-cancel-bg)!important;color:var(--swal-cancel-color)!important;border:none!important;border-radius:var(--swal-button-radius)!important;padding:var(--swal-button-padding)!important;font-weight:var(--swal-button-font-weight);box-shadow:none;transition:background .2s ease,transform .05s ease}.swal2-styled.swal2-cancel:hover{background:var(--swal-cancel-hover-bg)!important}.swal2-styled.swal2-cancel:active{transform:translateY(1px)}.swal2-icon{width:var(--swal-icon-size)!important;height:var(--swal-icon-size)!important}.swal2-icon.swal2-success{border-color:var(--swal-icon-success)!important;color:var(--swal-icon-success)!important}.swal2-icon.swal2-error{border-color:var(--swal-icon-error)!important;color:var(--swal-icon-error)!important}.swal2-icon.swal2-warning{border-color:var(--swal-icon-warning)!important;color:var(--swal-icon-warning)!important}.swal2-icon.swal2-info{border-color:var(--swal-icon-info)!important;color:var(--swal-icon-info)!important}.swal2-icon.swal2-success [class^=swal2-success- i]{border-color:var(--swal-icon-success)!important}.swal2-icon.swal2-success .swal2-success-ring{border-color:color-mix(in srgb,var(--swal-icon-success) 30%,transparent)!important}.swal2-input,.swal2-textarea,.swal2-select,.swal2-file{background:var(--swal-input-bg)!important;color:var(--swal-input-color)!important;border:1px solid var(--swal-input-border)!important;border-radius:var(--swal-input-radius)!important;padding:var(--swal-input-padding)!important;box-shadow:none!important}.swal2-input:focus,.swal2-textarea:focus,.swal2-select:focus{outline:none!important;border-color:var(--swal-input-focus-border)!important;box-shadow:var(--swal-input-focus-ring)!important}.swal2-timer-progress-bar{background:var(--swal-timer-bar-bg)!important}.swal2-timer-progress-bar>div{background:var(--swal-timer-bar-fill)!important}.swal2-toast{background:var(--swal-bg)!important;color:var(--swal-color)!important;border-radius:12px!important;box-shadow:var(--swal-shadow);font-family:var(--swal-font)}.login-main-container{width:100%;height:100vh;display:flex;flex-direction:row;align-items:center;background-color:#fff}.login-left-div{width:62%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-right-div{width:38%;height:100vh;background-size:contain;background-repeat:no-repeat;background-position:right center;position:relative;display:flex;align-items:flex-end;justify-content:flex-end}.login-copyright-text{position:absolute;bottom:15px;right:15px;color:#fff;font-size:14px;font-weight:300}.login-box-container{width:40%;height:auto;display:flex;flex-direction:column;align-items:flex-start;padding:10px}.login-logo{width:60%;object-fit:contain}.login-form{width:100%;display:flex;flex-direction:column;margin-top:25px}.login-form-group{width:100%;margin-bottom:20px}.login-form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:300;color:#000}.forgot-password{width:fit-content;color:#9ea3a2;font-size:14px;font-weight:300}.forgot-password:hover{text-decoration:underline;cursor:pointer;color:#425ed9}.login-button{margin-top:20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px;background-color:#425ed9;border:none;color:#fff}.error-message{white-space:pre-line;color:#e74c3c;background-color:#fdf2f2;border:1px solid #e74c3c;padding:10px;border-radius:4px;margin-top:10px;font-size:14px;text-align:center}.text-input{width:100%;background-color:#edf5f4;color:#000;padding:14px;font-size:14px;font-weight:400;border:none;font-family:Nunito,sans-serif;border-radius:4px;box-sizing:border-box}.text-input:focus{outline:none;box-shadow:0 0 0 2px #0080804d}.text-input:disabled{background-color:#f0f0f0;color:#aaa}.password-input-container{position:relative;width:100%}.password-input{width:100%;background-color:#edf5f4;color:#000;padding:10px 14px;font-size:14px;font-weight:400;border:none;font-family:Nunito,sans-serif;border-radius:4px;box-sizing:border-box}.password-input:hover{border-color:#c5cfff}.password-input:focus{outline:none;box-shadow:0 0 0 1px #0080804d}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center}.password-toggle:focus{outline:none}.password-toggle:focus svg{stroke:#066}.reset-password-main-container{width:100%;height:100vh;display:flex;flex-direction:row;align-items:center;background-color:#fff}.reset-password-right-div{width:62%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.reset-password-left-div{width:38%;height:100vh;background-size:contain;background-repeat:no-repeat;background-position:left center;position:relative;display:flex;align-items:flex-end;justify-content:flex-end}.reset-password-copyright-text{position:absolute;bottom:15px;left:15px;color:#fff;font-size:14px;font-weight:300}.reset-password-box-container{width:40%;height:auto;display:flex;flex-direction:column;align-items:flex-start;padding:10px}.reset-password-logo{width:60%;object-fit:contain}.reset-password-form{width:100%;display:flex;flex-direction:column;margin-top:25px}.reset-password-form-group{width:100%;margin-bottom:20px}.reset-password-form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:300;color:#000}.reset-password-button{margin-top:10px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px;background-color:#425ed9;border:none;color:#fff;width:100%}.password-wrapper{position:relative}.validation-error,.error-message{color:#d92d20;font-size:.775rem;margin-top:4px}.reset-password-heading,.success-message{margin:24px 0 32px;font-size:.95rem;color:#002875;max-width:340px}.forgot-password-main-container{width:100%;height:100vh;display:flex;flex-direction:row;align-items:center;background-color:#fff}.forgot-password-right-div{width:62%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.forgot-password-left-div{width:38%;height:100vh;background-size:contain;background-repeat:no-repeat;background-position:left center;position:relative;display:flex;align-items:flex-end;justify-content:flex-end}.forgot-password-copyright-text{position:absolute;bottom:15px;left:15px;color:#fff;font-size:14px;font-weight:300}.forgot-password-box-container{width:40%;height:auto;display:flex;flex-direction:column;align-items:flex-start;padding:10px}.forgot-password-logo{width:60%;object-fit:contain}.welcome-text{color:#0a1c80;font-size:18px;font-weight:500}.forgot-password-form{width:100%;display:flex;flex-direction:column;margin-top:25px}.forgot-password-form-group{width:100%;margin-bottom:20px}.forgot-password-form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:300;color:#000}.forgot-password-button{margin-top:10px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px;background-color:#425ed9;border:none;color:#fff;width:100%}.keep-logged-in{color:#9ea3a2;font-size:14px;font-weight:300;margin-top:10px;display:flex;align-items:center}.keep-logged-in-checkbox{appearance:none;width:16px;height:16px;background-color:#edf5f4;border:1px solid #9EA3A2;border-radius:3px;margin-right:8px;cursor:pointer;position:relative}.keep-logged-in-checkbox:checked{background-color:#425ed9;border-color:#425ed9}.keep-logged-in-checkbox:checked:after{content:"✓";color:#edf5f4;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.validation-error{color:#e74c3c;font-size:12px;margin-top:4px;display:block}.error{border-color:#e74c3c}.error-message{color:#e74c3c;background-color:#fdf2f2;border:1px solid #e74c3c;padding:10px;border-radius:4px;margin-top:10px;font-size:14px;text-align:center}.go-back-link{width:fit-content;color:#9ea3a2;font-size:14px;font-weight:300;margin-top:20px;margin-left:160px}.go-back-link:hover{text-decoration:underline;cursor:pointer;color:#425ed9}.sidebar-container{width:100%;min-height:100vh;height:auto;background-color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:40px 20px 20px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #cdd3e5}.sidebar-logo{width:100%;object-fit:contain}.sidebar-menu{flex:1;display:flex;flex-direction:column;padding:10px 0}.sidebar-menu-item{padding:12px 20px;display:flex;align-items:center;cursor:pointer;color:#a6a6b4;transition:background .2s ease}.sidebar-menu-item:hover{background-color:#e3e9ff;color:#2f2f2f}.sidebar-menu-item.active{position:relative;color:#0a1c80;font-weight:700}.sidebar-menu-item.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:70%;width:3px;background-color:#0a1c80;border-radius:10px}.sidebar-icon{width:20px;height:20px;margin-right:12px;transition:all .2s ease}.sidebar-text{font-size:16px}.main-layout{display:flex;min-height:100vh;background-color:#f4f7fe}.main-layout-sidebar{width:15%;position:fixed;top:0;left:0;height:100vh;z-index:1000}.main-layout-content{margin-left:15%;width:85%;min-height:100vh;padding:30px;overflow-y:auto}.header-actions-left-container{display:flex;width:fit-content;height:45px;border-radius:7px;overflow:hidden;align-items:center;padding:0}.stage-container{padding:12px 25px;cursor:pointer;font-weight:500;font-size:14px;background-color:#fff;color:#4f4e6a;transition:all .3s ease;-webkit-user-select:none;user-select:none;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.active-stage{background-color:#425ed9;color:#fff}.header-searchbar-div{display:flex;flex-direction:row;align-items:center;width:300px;height:35px;background-color:#fff;border-radius:7px;padding:0 12px;gap:5px;box-sizing:border-box}.header-searchbar-icon{width:12px;height:12px;fill:#425ed9;flex-shrink:0}.header-searchbar-input{border:none;outline:none;font-size:14px;width:100%;background-color:transparent;height:100%;color:#4f4e6a}.header-searchbar-input::placeholder{color:#777;font-size:14px}.header-actions-container{display:flex;justify-content:space-between;align-items:center;width:100%}.header-actions-right-container{display:flex;align-items:center;gap:12px;position:relative;margin-left:auto}.header-button-wrapper{width:100px}.header-filter-btn{min-width:35px;height:35px;padding:0;border-radius:7px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #425ED9;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.header-filter-btn svg{width:30px;height:30px;fill:#425ed9;transition:fill .2s ease}.header-filter-btn:hover{background-color:#e9ecef}.header-filter-btn.selected{background-color:#425ed9;border-color:#425ed9}.header-filter-btn.selected svg{fill:#fff}.custom-btn{font-family:inherit;font-size:16px;padding-top:5px;padding-bottom:5px;width:100%;border-radius:6px;border:none;cursor:pointer;transition:background .2s,color .2s,border .2s;font-weight:300;outline:none;margin:.25em}.btn-primary{background:#425ed9;color:#fff;border:1.5px solid #425ED9}.btn-primary:hover{background:#2e47a1;border-color:#2e47a1}.btn-secondary{background:#fff;color:#0b278d}.btn-secondary:hover{background:transparent;border:1.5px solid #425ED9}.btn-tertiary{background:transparent;color:#425ed9;border:1.5px solid transparent}.btn-tertiary:hover{background:#eaf0ff}.btn-cancel{background:transparent;color:#666;border:2px solid #E5E7EB}.btn-cancel:hover{background:#f0f4ff;border-color:#c8d0f2}.btn-disabled{opacity:.5;cursor:not-allowed}.profile-toggle{padding:8px 12px;background:#1a237e;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Arial,sans-serif;font-size:14px}.profile-dropdown{position:absolute;top:100%;right:50px;width:200px;background-color:#fff;border-radius:8px;box-shadow:0 6px 16px #0000000c;padding:12px 0;display:none;z-index:9999;margin-top:8px}.profile-dropdown.show{display:block}.profile-dropdown:before{content:"";position:absolute;top:-8px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;z-index:10000}.profile-dropdown:after{content:"";position:absolute;top:-9px;right:15px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid rgba(0,0,0,.1);z-index:9999}.profile-dropdown-header{font-weight:700;padding:8px 16px;font-size:14px;color:#333}.profile-dropdown-divider{height:1px;background-color:#e0e0e0;margin:0 16px}.profile-dropdown-list{list-style:none;padding:0;margin:8px 0 0}.profile-dropdown-list li{padding:8px 16px}.profile-dropdown-list li:hover{background-color:#f8f9fa;cursor:pointer}.profile-dropdown-list li a{color:#1a237e;text-decoration:none;font-size:14px}.header-title-container{display:flex;justify-content:space-between!important;align-items:center;width:100%;margin-top:20px;position:relative}.header-title h1{color:#0a1c80;font-size:30px;margin:0}.user-profile-container{display:flex;align-items:center;gap:5px}.user-profile-container h3{color:#0a1c80;font-size:18px;font-weight:600;margin:0}.profile-icon{width:50px;height:50px}.bell-icon-container{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#fff;border:2px solid #e4e4e4;border-radius:50%;transition:background-color .3s ease;position:relative}.bell-icon-container:hover{background-color:#e1e6f4;cursor:pointer}.bell-icon{width:24px;height:24px;color:#0a1c80}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:#dc2626;color:#fff;font-size:11px;font-weight:600;line-height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.5px}.filter-dropdown-container{position:relative;display:inline-block}.filter-dropdown-trigger{display:flex;align-items:center;gap:1px;padding:0 12px;background-color:#fff;border-radius:7px;cursor:pointer;min-width:120px;height:30px;-webkit-user-select:none;user-select:none;transition:all .2s ease;box-sizing:border-box}.filter-dropdown-trigger:hover{background-color:#e9ecef;border-color:#adb5bd}.filter-dropdown-title{font-size:14px;font-weight:600;color:#4f4e6a;flex-grow:1}.filter-dropdown-count{background-color:transparent;border:1px solid #425ED9;color:#425ed9;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;min-width:10px;flex-shrink:0}.filter-dropdown-arrow{color:#6c757d;font-size:20px;font-weight:600;transition:transform .2s ease;flex-shrink:0}.filter-dropdown-arrow.open{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #dee2e6;border-radius:7px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;margin-top:5px;min-width:250px;max-height:400px;overflow:visible}.filter-dropdown-search{padding:8px;border-bottom:1px solid #dee2e6}.filter-dropdown-search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#495057;outline:none;transition:border-color .2s ease;background-color:#eaf0f6;box-sizing:border-box}.filter-dropdown-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.filter-dropdown-options{max-height:240px;overflow-y:auto;padding:4px 0}.filter-dropdown-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;gap:8px}.filter-dropdown-option:hover{background-color:#f8f9fa}.filter-dropdown-checkbox{display:flex;align-items:center}.checkbox-square{width:16px;height:16px;border:2px solid #dee2e6;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#fff;flex-shrink:0}.checkbox-square.checked{background-color:#425ed9;border-color:#425ed9}.checkbox-tick{color:#fff;font-size:12px;font-weight:700;line-height:1}.filter-dropdown-option-label{font-size:14px;color:#495057;-webkit-user-select:none;user-select:none}.filter-dropdown-no-results{padding:12px;text-align:center;color:#6c757d;font-size:14px;font-style:italic}.filter-dropdown-options::-webkit-scrollbar{width:6px}.filter-dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}.filter-dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.filter-dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.filter-dropdown-date-container{padding:12px;min-width:200px}.filter-dropdown-date-pickers{display:flex;flex-direction:column;gap:12px}.filter-dropdown-date-picker-wrapper{display:flex;flex-direction:column;gap:4px}.filter-dropdown-date-label{font-size:12px;font-weight:600;color:#374151;margin-bottom:2px}.filter-dropdown-date-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:8px;border-top:1px solid #e5e7eb}.filter-dropdown-clear-dates-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.filter-dropdown-clear-dates-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.filter-dropdown-selected-text{font-size:11px;color:#6b7280;font-weight:400}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.filter-apply-btn{height:30px;font-family:inherit;font-size:14px;padding-top:5px;padding-bottom:5px;width:100%;border-radius:6px;border:none;cursor:pointer;transition:background .2s,color .2s,border .2s;font-weight:300;outline:none;margin:.25em;background:#425ed9;color:#fff;border:1.5px solid #425ED9}.filter-apply-btn:hover{background:#2e47a1;border-color:#2e47a1}.headerContainer{display:flex;flex-direction:column;gap:25px}.filter-container{display:flex;gap:10px;justify-content:end;align-items:center}.header-filter-clear-btn{min-width:30px;height:30px;border-radius:7px;background-color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.header-filter-clear-btn svg{width:18px;height:18px;fill:#425ed9;transition:fill .2s ease}.header-filter-clear-btn:hover{background-color:#425ed91a}.header-filter-apply-btn{width:70px}.dashboard-title-cards-div{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.dashboard-title-card{width:100%;max-width:300px;padding:10px;background-color:#fff;border-radius:10px;transition:all .2s ease;cursor:default}.dashboard-title-card h2{margin:0}.dashboard-title-card span{font-size:14px;color:#999}.clickable-card{cursor:pointer;box-shadow:0 2px 8px #0000001a}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026;border-color:#007bff}.clickable-card:active{transform:translateY(-2px)}.dashboard-graph-div{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;padding:20px;box-sizing:border-box;height:51vh}.dashboard-graph-top-div{width:100%;display:flex;justify-content:space-between;align-items:center}.dashboard-graph-top-div h2{margin:0;color:#0a1c80}.last-30-days-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:14px;font-weight:500}.last-30-days-button svg{color:#6c757d}.dashboard-graph-bottom-div{display:flex;flex-direction:row;width:100%;height:40vh}.dashboard-graph-count{width:10%}.dashboard-graph-count h1{margin:0}.dashboard-graph-canvas-div{position:relative;height:100%;width:80%;margin-top:20px}.time-range-div{display:flex;align-items:center;gap:4px;background-color:#f0f4ff;border-radius:4px;padding:5px 8px;color:#6b7280;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.time-range-div:hover{background-color:#e0eaff;color:#425ed9}.time-range-div:active{transform:scale(.98)}.time-range-overlay{position:fixed;inset:0;background-color:transparent;z-index:1000;pointer-events:none}.time-range-modal{background-color:#fff;border-radius:12px;padding:15px;width:300px;height:fit-content;box-shadow:0 4px 20px #00000026;pointer-events:auto}.time-range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.time-range-header h3{margin:0;font-size:14px;font-weight:600;color:#0a1c80}.close-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#0a1c80;transition:color .2s}.close-button:hover{color:#0a1c80}.quick-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.quick-select-btn{padding:10px 14px;background-color:#f4f7fe;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:500;color:#0a1c80;transition:all .2s}.quick-select-btn:hover{border-color:#425ed9;background-color:#f0f4ff}.quick-select-btn.active{border-color:#425ed9;background-color:#425ed9;color:#fff}.custom-range-section{margin-bottom:24px}.custom-range-section h3{margin:0 0 8px;font-size:14px;font-weight:600;color:#0a1c80}.dashboard-date-inputs{display:flex;flex-direction:column;gap:16px}.dashboard-date-input-group{flex:1;display:flex;flex-direction:column;gap:8px}.dashboard-date-input-group label{font-size:12px;font-weight:500;color:#0a1c80}.dashboard-date-input-wrapper{position:relative;display:flex;align-items:center}.dashboard-date-input{padding:7px 40px 7px 9px;border:1px solid #e5e7eb;border-radius:5px;font-size:14px;background:transparent;color:#0a1c80;transition:border-color .2s;width:100%}.dashboard-date-input:focus{outline:none;border-color:#425ed9}.dashboard-date-input-icon{position:absolute;right:12px;color:#0a1c80;pointer-events:none}.time-range-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn,.apply-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background-color:#fff;border:1px solid #e5e7eb;color:#0a0a0a}.cancel-btn:hover{background-color:#f9fafb}.apply-btn{background-color:#425ed9;border:none;color:#fff}.apply-btn:hover{background-color:#3451c4}.apply-btn:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.time-range-modal{width:95%;padding:20px;left:50%!important;transform:translate(-50%)}.quick-select-grid{grid-template-columns:1fr}.dashboard-date-inputs{flex-direction:column}}.dashboard-graph-divider{border:none;height:1px;background-color:#e5e7eb;margin:16px 0}.recent-incidents-table-container{width:100%;background-color:#fff;border-radius:10px;padding:20px;box-sizing:border-box}.recent-incidents-table-container h2{margin:0 0 15px;color:#0a1c80}.recent-incidents-table{width:100%;border-collapse:collapse}.recent-incidents-table th{padding:10px;text-align:left;font-size:14px;color:#6b7280;font-weight:600}.recent-incidents-table td{padding:10px;text-align:left;font-size:12px;font-weight:600}.recent-incidents-table td:nth-child(5){max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-incidents-table tr:hover{background-color:#f8f9fa}.skeleton-loader-container{width:100%;display:flex;flex-direction:column;gap:30px;animation:fadeIn .3s ease-in}.skeleton-title-cards{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.skeleton-card{width:100%;padding:20px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px}.skeleton-number{width:60px;height:30px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-text{width:80px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-graph{width:100%;background-color:#fff;border-radius:10px;padding:20px;box-sizing:border-box;height:50vh;display:flex;flex-direction:column;gap:20px}.skeleton-graph-header{display:flex;justify-content:space-between;align-items:center}.skeleton-graph-title{width:150px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-date-picker{width:120px;height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-graph-content{display:flex;flex:1;gap:20px}.skeleton-count{width:80px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-chart{flex:1;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite;position:relative;overflow:hidden}.skeleton-chart:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#425ed9;opacity:.3;animation:chartLine 2s ease-in-out infinite}.skeleton-table{width:100%;background-color:#fff;border-radius:10px;padding:20px;box-sizing:border-box}.skeleton-table-title{width:200px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:20px;animation:shimmer 1.5s infinite}.skeleton-table-content{display:flex;flex-direction:column;gap:15px}.skeleton-table-row{display:flex;gap:15px;align-items:center}.skeleton-table-cell{flex:1;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-table-row:first-child .skeleton-table-cell{height:20px;background:linear-gradient(90deg,#e8e8e8 25%,#d8d8d8,#e8e8e8 75%)}.spinner-loader-container{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:transparent}.spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.dashboard-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin 2s linear infinite}.spinner-ring:nth-child(1){border-top-color:#425ed9;animation-delay:0s}.spinner-ring:nth-child(2){border-top-color:#6b7fe8;animation-delay:-.4s;transform:scale(.8)}.spinner-ring:nth-child(3){border-top-color:#9ba4f0;animation-delay:-.8s;transform:scale(.6)}.spinner-text{text-align:center}.spinner-text h3{margin:0;color:#0a1c80;font-size:18px;font-weight:600}.spinner-text p{margin:5px 0 0;color:#6b7280;font-size:14px}.pulse-loader-container{width:100%;height:60vh;display:flex;align-items:center;justify-content:center}.pulse-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.pulse-dots{display:flex;gap:8px}.pulse-dot{width:12px;height:12px;border-radius:50%;background-color:#425ed9;animation:pulse 1.5s ease-in-out infinite}.pulse-dot:nth-child(2){animation-delay:.2s;background-color:#6b7fe8}.pulse-dot:nth-child(3){animation-delay:.4s;background-color:#9ba4f0}.pulse-dot:nth-child(4){animation-delay:.6s;background-color:#c5cbf3}.pulse-text{color:#0a1c80;font-size:16px;font-weight:500;text-align:center}@keyframes pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes chartLine{0%{width:0%}50%{width:70%}to{width:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.skeleton-title-cards{flex-wrap:wrap;gap:15px}.skeleton-card{min-width:calc(50% - 7.5px)}.skeleton-graph-content{flex-direction:column}.skeleton-count{width:100%;height:40px}.skeleton-table-row{flex-wrap:wrap}.skeleton-table-cell{min-width:120px}}.dashboard-main-container{width:100%;margin:0 auto}.dashboard-left-div{width:15%;position:fixed;top:0;left:0;min-height:100vh;z-index:1000}.dashboard-right-div{height:auto;width:100%;margin-left:15%;padding:30px}.dashboard-message{margin-top:25px}.dashboard-right-bottom-div{width:100%;margin-top:20px;display:flex;flex-direction:column;gap:30px}.dashboard-error{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background-color:#fff;border-radius:10px;padding:40px;box-sizing:border-box}.error-icon{font-size:48px;margin-bottom:10px}.error-text{text-align:center}.error-text h3{margin:0 0 10px;color:#dc2626;font-size:18px;font-weight:600}.error-text p{margin:0;color:#6b7280;font-size:14px}.default-page-main-div{height:auto;width:100%;margin-left:15%;display:flex;align-items:center;justify-content:center}.default-page-main-div span{color:#0a1c80}.customer-list-main-container{width:100%;margin:0 auto}.customer-header-div{width:100%;z-index:999;position:sticky}.customer-content-div{width:100%;height:100%;margin-top:10px;margin-bottom:20px;z-index:0}.list-view-main-div{width:100%;height:auto;padding-top:10px}.customer-table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0 8px;background-color:transparent;overflow:visible}.customer-table th,.customer-table td{padding:10px 12px;background:#fff;color:#4c4c4c;text-align:left;font-size:12px;white-space:nowrap;cursor:pointer;font-family:Nunito,sans-serif;font-weight:500}.customer-table thead th{position:relative;color:#4c4c6a;background-color:#f4f7fe;font-size:12px;font-weight:600}.customer-table tbody tr{border-radius:10px;transition:box-shadow .2s ease;position:relative;font-weight:400;font-size:14px}.customer-table tbody tr:hover{border-radius:10px;box-shadow:1px 17px 44px #00000014;z-index:5;background-color:#fff}.customer-table td{max-width:150px;height:45px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out;font-weight:600}.customer-table td:hover{background:#fff;z-index:1;position:relative;white-space:initial;overflow-wrap:break-word}.customer-table tbody td:first-child{position:relative;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden;padding-left:15px}.customer-table th:last-child,.customer-table td:last-child{overflow:visible;border-top-right-radius:12px;border-bottom-right-radius:12px}.customer-table .priority-cell{position:absolute;left:0;top:0;bottom:0;width:5px;margin-right:5px;background-color:red;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden}.customer-table .block-priority-cell{position:absolute;left:0;top:0;bottom:0;width:5px;margin-right:5px;background-color:#c40000;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden}.customer-table .semi-priority-cell{position:absolute;left:0;top:0;bottom:0;width:5px;margin-right:5px;background-color:#ff0;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden}.customer-table .block-priority-cell{position:absolute;left:0;top:0;bottom:0;width:5px;margin-right:5px;background-color:#6c0101;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden}.customer-table .action-cell{display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer}.customer-table .action-cell svg{width:1.5em;height:1.5em;transition:transform .2s ease;stroke:#0a1c80}.customer-table .action-cell:hover svg{transform:scale(1.3)}.action-dropdown{position:absolute;right:10px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:10;padding:8px;display:flex;flex-direction:column;gap:8px}.action-dropdown:empty{display:none}.action-button{display:block;width:90px;padding:6px 12px;text-align:center;border:none;background:none;cursor:pointer;font-size:12px;border-radius:6px;color:#4c4c6a;transition:background .2s ease}.action-button:hover{background:#f4f7fe}.action-button.approve{background:#d7fbdf;color:#28a745}.action-button.process{background:#fed9dd;color:#e71d36}.action-button.edit{background:#e0ebff;color:#5b93ff}.action-button.block,.action-button.unblock{background:#fff3d9;color:#ffbb27}.action-button.delete{background:#fed9dd;color:#e71d36}.pagination-container{display:flex;justify-content:center;margin-top:1rem}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:.5rem}.page-item{display:inline-block}.page-link{display:flex;align-items:center;justify-content:center;min-width:15px;padding:3px 6px;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.page-link:hover{background-color:#f3f4f6}.active .page-link{background-color:#425ed9;color:#fff;border-color:#425ed9}.disabled .page-link{color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.disabled .page-link:hover{background-color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:flex-end;z-index:99999;min-height:100vh;height:auto}.modal-container{width:30%;background-color:#fff;box-shadow:-2px 0 8px #0003;animation:slideIn .5s ease-out;display:flex;flex-direction:column;overflow-x:hidden;min-height:100vh;height:auto}.modal-container.modal-closing{animation:slideOut .5s ease-in forwards}.modal-header{display:flex;align-items:center;padding:10px 20px;margin-top:20px}.modal-header h1{color:#0a1c80;font-size:30px;font-weight:600;margin:0;font-family:Nunito,sans-serif}.modal-close-btn{background:none;border:none;font-size:30px;cursor:pointer;color:#0a1c80}.modal-form{padding:20px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:400;color:#000;font-family:Nunito,sans-serif}.required-star{color:red}.modal-footer-submit-btn{margin-top:50px;margin-bottom:70px;min-width:200px;max-width:250px;align-self:center}.form-error{color:#d93025;font-size:12px;line-height:1.4;font-family:Nunito,sans-serif}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.info-box{display:flex;align-items:flex-start;background-color:#e8f4fd;padding:10px;border-radius:8px;font-size:14px;color:#0d3b66;margin:0 20px}.info-icon{color:#fff;font-weight:700;width:18px;height:18px;text-align:center;line-height:18px;margin-right:3px;flex-shrink:0;font-size:12px}.info-icon:before{content:"ℹ️";background:none}.info-text{margin:0;font-size:12px}.dropdownv1-input-wrapper{position:relative;width:100%}.dropdownv1-input{width:100%;background-color:#edf5f4;color:#000;padding:14px 36px 14px 14px;font-size:14px;font-weight:400;border:none;font-family:Nunito,sans-serif;border-radius:4px;box-sizing:border-box;appearance:none}.dropdownv1-input:focus{outline:none;box-shadow:0 0 0 2px #0080804d}.dropdownv1-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:teal;pointer-events:none}.dropdownv1-input:disabled{background-color:#f0f0f0;color:#aaa}.dropdownv1-input-container{position:relative;width:100%;font-family:Nunito,sans-serif}.dropdownv1-input-container.disabled{opacity:.6;cursor:not-allowed}.dropdownv1-input-multi{width:100%;background-color:#edf5f4;border:1px solid transparent;border-radius:4px;padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:20px;box-sizing:border-box;transition:all .2s ease}.dropdownv1-input-multi:hover{border-color:#c5cfff}.dropdownv1-input-multi:focus-within,.dropdownv1-input-container:focus-within .dropdownv1-input-multi{outline:none;box-shadow:0 0 0 2px #0080804d;border-color:#c5cfff}.dropdownv1-input-container.disabled .dropdownv1-input-multi{cursor:not-allowed;background-color:#f8f9fa}.selected-content{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:20px}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.selected-chip{background-color:#425ed9;color:#fff;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;max-width:200px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;transition:background-color .2s ease}.chip-remove:hover{background-color:#fff3}.chip-remove:disabled{cursor:not-allowed;opacity:.5}.dropdownv1-placeholder{color:#6b7280;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdownv1-controls{display:flex;align-items:center;gap:8px;margin-left:8px}.dropdownv1-clear-all-btn{display:none!important;background:none;border:none;color:#6b7280;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;width:18px;height:18px;transition:all .2s ease;margin-right:10px}.dropdownv1-clear-all-btn:hover{color:#dc2626;background-color:#dc26261a}.dropdownv1-clear-all-btn:disabled{cursor:not-allowed;opacity:.5}.dropdownv1-arrow.rotated{transform:rotate(180deg)}.dropdownv1-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:200px;overflow:hidden;margin-top:2px}.dropdownv1-options{max-height:200px;overflow-y:auto}.dropdownv1-option{padding:10px 14px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.dropdownv1-option:hover{background-color:#f8f9fa}.dropdownv1-option.selected{background-color:#e0f2fe;color:#0369a1}.option-selected-icon{color:#0369a1;flex-shrink:0}.dropdownv1-options::-webkit-scrollbar{width:6px}.dropdownv1-options::-webkit-scrollbar-track{background:#f1f1f1}.dropdownv1-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdownv1-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.selected-chip{font-size:11px;padding:3px 6px}.chip-label{max-width:120px}.dropdownv1-option{padding:12px 14px}.dropdownv1-input-multi{padding:10px 12px}}.text-area{width:100%;background-color:#edf5f4;color:#000;padding:14px;font-size:14px;font-weight:400;border:none;font-family:Nunito,sans-serif;border-radius:4px;box-sizing:border-box;resize:vertical}.text-area:focus{outline:none;box-shadow:0 0 0 2px #0080804d}.text-area:disabled{background-color:#f0f0f0;color:#aaa}.datetime-picker-container{position:relative;width:100%}.datetime-picker-label{display:block;margin-bottom:6px;font-weight:500;font-size:13px;color:#374151;line-height:1.4}.datetime-picker-label .required{color:#ef4444;margin-left:2px}.datetime-picker-input-wrapper{position:relative;display:flex;align-items:center}.datetime-picker-input{width:100%;padding:14px 40px 14px 14px;border:none;border-radius:4px;font-size:13px;color:#000;background-color:#edf5f4;transition:all .2s ease-in-out;cursor:pointer;outline:none;box-shadow:0 1px 2px #0000001a}.datetime-picker-input:hover{border-color:#d1d5db;box-shadow:0 3px 4px -1px #0000001a}.datetime-picker-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.datetime-picker-input.error{border-color:#ef4444}.datetime-picker-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.datetime-picker-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.datetime-picker-icon{position:absolute;right:10px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:4px;transition:all .2s ease-in-out}.datetime-picker-icon:hover{color:#374151;background-color:#f3f4f6}.datetime-picker-error{margin-top:4px;font-size:11px;color:#ef4444;font-weight:500}.datetime-picker-dropdown{position:absolute;top:100%;right:0;min-width:300px;max-width:300px;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;margin-top:4px;overflow:visible;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.datetime-picker-calendar{padding:12px;border-bottom:1px solid #e5e7eb;width:100%;box-sizing:border-box}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.nav-button{background:none;border:none;font-size:18px;font-weight:700;color:#6b7280;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.nav-button:hover{background-color:#f3f4f6;color:#374151}.month-year{font-weight:600;font-size:14px;color:#111827}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:8px}.weekday{text-align:center;font-size:10px;font-weight:600;color:#6b7280;padding:6px 2px;text-transform:uppercase;letter-spacing:.05em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;position:relative}.calendar-day:not(.empty):not(.disabled):hover{background-color:#eff6ff;color:#1d4ed8}.calendar-day.selected{background-color:#3b82f6;color:#fff}.calendar-day.selected:hover{background-color:#2563eb}.calendar-day.disabled{color:#d1d5db;cursor:not-allowed}.calendar-day.empty{cursor:default}.datetime-picker-time{padding:12px;position:relative;width:100%;box-sizing:border-box}.time-section label{display:block;font-weight:600;font-size:13px;color:#374151;margin-bottom:8px}.time-inputs{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:12px}.time-input-group{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.time-input{width:40px;padding:6px 4px;border:2px solid #e5e7eb;border-radius:6px;text-align:center;font-size:13px;font-weight:600;color:#374151;background-color:#fff;transition:all .2s ease-in-out;outline:none}.time-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.time-input::-webkit-outer-spin-button,.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input[type=number]{-moz-appearance:textfield}.time-label{font-size:9px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.time-separator{font-size:18px;font-weight:700;color:#6b7280;margin:0 2px}.period-selector{display:flex;flex-direction:column;gap:3px;margin-left:8px}.period-button{padding:4px 8px;border:2px solid #e5e7eb;border-radius:4px;background-color:#fff;color:#6b7280;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;outline:none}.period-button:hover{border-color:#d1d5db;background-color:#f9fafb}.period-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.datetime-picker-actions{display:flex;justify-content:space-between;gap:4px}.datetime-picker-actions button{flex:1;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;outline:none;border:none}.btn-clear{background-color:#f9fafb;color:#6b7280;border:2px solid #e5e7eb}.btn-clear:hover{background-color:#f3f4f6;border-color:#d1d5db}.btn-apply{background-color:#3b82f6;color:#fff;border:2px solid #3b82f6}.btn-apply:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-apply:disabled{background-color:#e5e7eb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.time-picker-dropdown{position:absolute;top:calc(100% + 4px);width:60px;max-height:120px;background:#fff;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;z-index:1001;overflow-y:auto;animation:slideDown .2s ease-out}.time-picker-list{display:flex;flex-direction:column}.time-picker-item{padding:6px 8px;text-align:center;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease-in-out}.time-picker-item:hover{background-color:#eff6ff;color:#1d4ed8}.time-picker-item.selected{background-color:#3b82f6;color:#fff}.time-picker-dropdown::-webkit-scrollbar{width:4px}.time-picker-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.time-picker-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.time-picker-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.datetime-picker-dropdown{left:0;right:0;min-width:280px;max-width:calc(100vw - 20px)}.datetime-picker-calendar,.datetime-picker-time{padding:10px}.time-inputs{flex-wrap:wrap;justify-content:center}.period-selector{flex-direction:row;margin-left:0;margin-top:6px}.time-picker-dropdown{width:50px;max-height:100px}}.time-input::-webkit-scrollbar{width:3px}.time-input::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.time-input::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.time-input::-webkit-scrollbar-thumb:hover{background:#94a3b8}.calendar-day{transition:all .15s cubic-bezier(.4,0,.2,1)}.calendar-day:not(.empty):not(.disabled):active{transform:scale(.95)}.nav-button:focus-visible,.period-button:focus-visible,.datetime-picker-actions button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.datetime-picker-container.error .datetime-picker-input-wrapper:after{content:"";position:absolute;right:40px;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ef4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.5 5.5 1 1m0 0 1 1m-1-1 1-1m-1 1-1 1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.datetime-picker-dropdown{animation:fadeIn .2s ease-out}.datetime-picker-actions button:active{transform:scale(.98)}.datetime-picker-loading{pointer-events:none;opacity:.6}.datetime-picker-loading .datetime-picker-input{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.datetime-picker-validation{width:100%;text-align:center;color:red;font-size:12px;margin-top:8px;padding-bottom:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dropdown-outer-container{position:relative;width:100%;cursor:pointer}.dropdown-container{max-width:100%;padding:10px;font-family:Nunito;background-color:#edf5f4;display:flex;box-sizing:border-box;border-radius:6px}.dropdown-control{width:100%;padding:10px;display:flex;justify-content:end;background-color:#edf5f4}.dropdown-label{height:auto;min-height:100%;display:flex!important;align-items:flex-start;flex-wrap:wrap;gap:5px;margin-bottom:0!important;cursor:pointer;font-size:14px;white-space:normal;overflow:hidden;text-overflow:unset;line-height:1.4}.dropdown-left-container{width:90%;cursor:pointer}.dropdown-right-container{flex:1;display:flex;justify-content:end;align-items:center}.dropdown-options{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid #ccc;border-top:0;border-radius:0 0 4px 4px;max-height:200px;z-index:1000;overflow-y:auto}.dropdown-disabled{opacity:.5;cursor:not-allowed}.dropdown-option:hover{background:#b2c0fe}.dropdown-option{padding:8px 10px;cursor:pointer}.dropdown-message-container{width:100%;text-align:center}.multi-option-div{box-sizing:border-box;padding:4px 8px;display:flex;align-items:center;gap:10px;background:#425ed9;color:#fff;margin:0 4px;border-radius:5px}.option-remove-button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;transition:background-color .2s ease}.dropdown-loader{width:100%;box-sizing:border-box;padding:10px;display:flex;justify-content:center;align-items:center}.dropdown-loader2{color:#425ed9;animation:spin 1s linear infinite}.attachment-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#555}.attachment-overlay>p{margin:0}.attachment-input-wrapper{min-height:200px;border-radius:6px;padding:20px;text-align:center;position:relative;background-color:#edf5f4;display:flex;justify-content:center;align-items:center}.attachment-error-message{color:red}.attachment-preview{display:flex;flex-direction:column;align-items:center;margin-top:10px;position:relative;width:100%}.attachment-preview>p{margin-top:0;margin-bottom:0}.attachment-title{font-family:Nunito;font-weight:700;color:#181d27}.attachment-preview-image{max-width:400px;max-height:400px;object-fit:cover;border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.attachment-filename{font-size:14px;color:#333}.browse-btn{padding:10px 15px;border-radius:6px;background:#425ed9;color:#fff;border:none;cursor:pointer}.preview-controls{display:flex;gap:10px;position:absolute;bottom:20px;padding-bottom:5px}.preview-controls>button,.add-more-container>button{background:#fff;color:#181d27;border:none;border-radius:5px;padding:5px 8px;cursor:pointer}.browse-dropdown-wrapper-plus>button{background:#fff;color:#181d27;border:none;border-radius:5px;padding:5px 8px;cursor:pointer}.image-skeleton{width:100%;height:200px;background-color:#e0e0e0;border-radius:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.attachment-preview-image.hidden{display:none}.browse-btn-container{position:relative;display:inline-block}.browse-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:6px;min-width:200px}.add-more-container{position:relative;display:inline-block}.preview-dropdown{position:absolute;top:100%;left:100%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:6px;min-width:200px}.file-source-buttons{display:flex;gap:12px;margin-top:16px;justify-content:center}.device-btn,.dropbox-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #007bff;background:transparent;color:#007bff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.device-btn:hover,.dropbox-btn:hover{background:#007bff;color:#fff}.dropbox-btn{border-color:#0078d4;color:#0078d4}.dropbox-btn:hover{background:#0078d4;color:#fff}.dropbox-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dropbox-modal{background:#fff;border-radius:12px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d}.dropbox-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5}.dropbox-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.close-modal-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.close-modal-btn:hover{background-color:#aeaeae}.dropbox-modal-content{padding:20px 24px;overflow-y:auto;flex:1}.back-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #ddd;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;color:#000}.back-btn:hover{background:#e9ecef;border-color:#bbb}.current-path{font-size:14px;color:#666;font-family:monospace}.dropbox-loading{text-align:center;padding:40px 20px;color:#666;font-size:16px}.dropbox-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:16px}.dropbox-file-item{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.dropbox-file-item:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.dropbox-file-item.folder:hover{border-color:#ffc107;box-shadow:0 4px 12px #ffc10726}.file-icon{margin-bottom:8px;font-size:24px}.folder-icon,.image-icon{font-size:32px}.file-details{text-align:center;width:100%}.file-name{font-size:12px;font-weight:500;color:#333;margin-bottom:4px;word-break:break-word;line-height:1.3;max-height:2.6em;overflow:hidden}.file-size{font-size:11px;color:#666}.no-files{text-align:center;padding:40px 20px;color:#999;font-style:italic}.preview-controls button[aria-label="Add files from device"],.preview-controls button[aria-label="Add files from Dropbox"]{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.dropbox-modal{width:95%;max-height:85vh}.dropbox-files-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.file-source-buttons{flex-direction:column;align-items:center}.device-btn,.dropbox-btn{width:140px;justify-content:center}}.browse-dropdown-wrapper{position:relative;display:inline-block}.browse-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:20;min-width:180px;padding:4px 0;margin-top:5px}.browse-dropdown-option-btn{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;transition:background .2s ease-in-out}.browse-dropdown-option-btn:hover{background:#f5f5f5}.browse-dropdown-option-icon{margin-right:8px;font-size:16px;color:#425ed9}.browse-dropdown-option-text{font-size:14px;color:#000}.dropbox-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.dropbox-modal{background:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;width:90vw;max-width:700px;height:80vh;max-height:800px;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.dropbox-modal-header{background-color:#fff;color:#fff;padding:0;flex-shrink:0;width:100%}.dropbox-modal-header-content{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px}.dropbox-modal-title{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px;color:#0a1c80}.dropbox-header-icon{width:28px;height:28px;color:#0a1c80;background:#fff;border-radius:6px;padding:4px}.dropbox-modal-close-btn{background:#ffffff26;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:all .2s ease;color:#0a1c80;display:flex;align-items:center;justify-content:center}.dropbox-modal-close-btn:hover{background:#f1f1f140;transform:scale(1.05)}.dropbox-modal-content-single{display:flex;flex-direction:column;height:100%;overflow:hidden}.dropbox-content-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#f4f7fe;flex-shrink:0}.dropbox-breadcrumb{display:flex;align-items:center;gap:3px;font-size:14px;flex-wrap:wrap}.dropbox-breadcrumb-item{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#1e293b}.dropbox-breadcrumb-item:hover{background:#e2e8f0;color:#0a1c80}.dropbox-breadcrumb-separator{color:#94a3b8;font-weight:400}.dropbox-current-folder{font-size:14px;font-weight:500;color:#1e293b}.dropbox-toolbar{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between}.dropbox-search-container{flex:1;position:relative;max-width:300px;height:38px}.dropbox-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#717182;pointer-events:none}.dropbox-search-input{width:100%;height:38px;padding:0 12px 0 38px;border:none;border-radius:6px;font-size:14px;outline:none;transition:all .2s ease;background:#f4f7fe;color:#717182}.dropbox-toolbar-controls{display:flex;align-items:center;gap:8px;height:38px}.dropbox-sort-container{position:relative;display:flex;align-items:center;gap:8px;height:38px}.dropbox-dropdowntrigger{width:140px;height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#f4f7fe;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dropbox-dropdowntrigger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.dropbox-dropdowntrigger:hover:before{opacity:1}.dropbox-dropdowntrigger:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.dropbox-dropdowntrigger:active{transform:translateY(0)}.dropbox-dropdownvalue{display:flex;align-items:center;gap:8px;color:#000;font-weight:500;font-size:14px}.dropbox-dropdownicon{color:#000;flex-shrink:0}.dropbox-dropdownlabel{color:#000;white-space:nowrap}.dropbox-dropdownchevron{color:#000;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropbox-dropdownmenu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;overflow:hidden;z-index:100;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);min-width:140px}.dropbox-dropdownoption{width:100%;padding:12px 14px;display:flex;align-items:center;gap:10px;background:#fff;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;color:#334155;position:relative;text-align:left}.dropbox-dropdownoption:hover{color:#000;background:#f4f7fe}.dropbox-dropdownoption.active{color:#425ed9;font-weight:500}.dropbox-dropdownoption.active svg{color:#000}.dropbox-dropdownoption:not(:last-child){border-bottom:1px solid #f1f5f9}.dropbox-dropdownoption svg{color:#64748b;transition:color .2s ease;flex-shrink:0}.dropbox-toolbar-btn{display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;background:#f4f7fe;color:#425ed9;cursor:pointer;transition:all .2s ease;width:38px;height:38px;border:none;flex-shrink:0}.dropbox-toolbar-btn:hover{background:#f9fafb;color:#374151}.dropbox-toolbar-btn.active{background:#425ed9;border-color:#425ed9;color:#fff}.dropbox-toolbar-view-btn{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;background:transparent;color:#425ed9;cursor:pointer;transition:all .2s ease;width:30px;height:30px;border:none;flex-shrink:0}.dropbox-toolbar-view-btn:hover{background:#f9fafb;color:#425ed9}.dropbox-toolbar-view-btn.active{background:#fff;color:#425ed9;box-shadow:0 2px 6px #00000026}.dropbox-items-container{flex:1;overflow-y:auto;padding:24px;background:#fff}.dropbox-images-section{margin-bottom:24px}.dropbox-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px}.dropbox-images-list{display:flex;flex-direction:column;gap:12px}.dropbox-images-list .dropbox-image-item{display:flex;flex-direction:row;align-items:center;padding:5px 12px 5px 5px;gap:16px;min-height:auto}.dropbox-images-list .dropbox-image-item.folder-item{min-height:auto;flex-direction:row}.dropbox-images-list .dropbox-folder-thumbnail{min-height:auto;width:80px;height:60px;flex:0 0 80px;padding:0;margin:0;background:transparent}.dropbox-images-list .dropbox-folder-thumbnail svg{width:32px;height:32px}.dropbox-images-list .dropbox-image-thumbnail{width:80px;height:60px;flex-shrink:0}.dropbox-images-list .dropbox-image-details{flex:1;text-align:left;padding-top:0;margin-top:0}.dropbox-images-list .dropbox-image-details .dropbox-image-name{flex:1;text-align:left;color:#0a1c80;font-size:14px;padding:0}.dropbox-images-list .dropbox-image-details .dropbox-image-date{flex:1;text-align:left;color:#a3aed0;font-size:12px}.dropbox-images-list .dropbox-image-selection-indicator{position:relative;top:auto;right:auto}.dropbox-image-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}.dropbox-image-item:hover{border-color:#425ed9;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.dropbox-image-item.selected{border-color:#425ed9;background:#ecf2ff;transform:translateY(-2px)}.dropbox-image-item.folder-item{display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.dropbox-image-item.folder-item:hover{background:#f9fafb;border-color:#425ed9}.dropbox-folder-thumbnail{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:90px;background:transparent;border-radius:6px;padding:0}.dropbox-image-selection-indicator{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:3px;background:#425ed9;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:2}.dropbox-image-item.selected .dropbox-image-selection-indicator{opacity:1}.dropbox-image-selection-indicator svg{color:#fff}.dropbox-image-thumbnail{width:100%;height:110px;object-fit:cover;border-radius:6px;background:#f3f4f6}.dropbox-image-details{padding-top:0;margin-top:auto}.dropbox-image-name{font-size:12px;font-weight:500;color:#0a1c80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-align:center;padding:4px 2px}.dropbox-content-loading,.dropbox-content-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.dropbox-empty-icon{width:48px;height:48px;opacity:.4}.dropbox-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #425ED9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.dropbox-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:10px 24px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.dropbox-pagination-btn{display:flex;align-items:center;gap:6px;background:#fff;border:none;padding:3px 14px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;color:#374151}.dropbox-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.dropbox-pagination-btn:disabled{opacity:.4;cursor:not-allowed;color:#a3aed0}.dropbox-pagination-info{font-size:14px;color:#2b3674;font-weight:400}.dropbox-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;background:#f4f7fe;border-top:1px solid #e2e8f0;flex-shrink:0}.dropbox-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:100px;text-align:center}.dropbox-btn-secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.dropbox-btn-secondary:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.dropbox-btn-primary{background:#425ed9;color:#fff;border-color:#425ed9}.dropbox-btn-primary:hover:not(:disabled){background:#425ed9;border-color:#425ed9;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.dropbox-btn-primary:disabled{background:#d1d5dc;border:none;cursor:not-allowed}@media (max-width: 1024px){.dropbox-modal{width:98vw;height:90vh}.dropbox-images-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.dropbox-modal{width:100vw;height:100vh;border-radius:0;max-height:none}.dropbox-toolbar{flex-direction:column;align-items:stretch;gap:12px}.dropbox-search-container{max-width:100%}.dropbox-toolbar-controls{justify-content:flex-end}.dropbox-content-header{padding:16px 20px}.dropbox-items-container{padding:16px}.dropbox-images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.dropbox-modal-footer,.dropbox-pagination{padding:16px 20px}}@media (max-width: 480px){.dropbox-modal-header-content{padding:16px 20px}.dropbox-modal-title{font-size:1.25rem}.dropbox-images-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.dropbox-btn{padding:8px 16px;font-size:13px;min-width:80px}}.dropbox-items-container::-webkit-scrollbar{width:8px}.dropbox-items-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px;margin:8px 0}.dropbox-items-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;transition:background .3s ease}.dropbox-items-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropbox-items-container::-webkit-scrollbar-thumb:active{background:#64748b}.dropbox-items-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.dropbox-items-container{scroll-behavior:smooth}.dropbox-items-container:before,.dropbox-items-container:after{content:"";position:sticky;left:0;right:0;height:20px;pointer-events:none;z-index:1}.dropbox-items-container:before{top:0;background:linear-gradient(to bottom,#fafafa 0%,transparent 100%)}.dropbox-items-container:after{bottom:0;background:linear-gradient(to top,#fafafa 0%,transparent 100%)}.cloud-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.cloud-modal{background:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;width:90vw;max-width:700px;height:80vh;max-height:800px;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cloud-modal-header{background-color:#fff;color:#fff;padding:0;flex-shrink:0;width:100%}.cloud-modal-header-content{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px}.cloud-modal-title{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px;color:#0a1c80}.cloud-header-icon{width:28px;height:28px;color:#0a1c80;background:#fff;border-radius:6px;padding:4px}.cloud-modal-close-btn{background:#ffffff26;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:all .2s ease;color:#0a1c80;display:flex;align-items:center;justify-content:center}.cloud-modal-close-btn:hover{background:#f1f1f140;transform:scale(1.05)}.cloud-modal-content-single{display:flex;flex-direction:column;height:100%;overflow:hidden}.cloud-content-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#f4f7fe;flex-shrink:0}.cloud-breadcrumb{display:flex;align-items:center;gap:3px;font-size:14px;flex-wrap:wrap}.cloud-breadcrumb-item{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#1e293b}.cloud-breadcrumb-item:hover{background:#e2e8f0;color:#0a1c80}.cloud-breadcrumb-separator{color:#94a3b8;font-weight:400}.cloud-current-folder{font-size:14px;font-weight:500;color:#1e293b}.cloud-toolbar{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between}.cloud-search-container{flex:1;position:relative;max-width:300px;height:38px}.cloud-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#717182;pointer-events:none}.cloud-search-input{width:100%;height:38px;padding:0 12px 0 38px;border:none;border-radius:6px;font-size:14px;outline:none;transition:all .2s ease;background:#f4f7fe;color:#717182}.cloud-toolbar-controls{display:flex;align-items:center;gap:8px;height:38px}.cloud-sort-container{position:relative;display:flex;align-items:center;gap:8px;height:38px}.cloud-dropdowntrigger{width:140px;height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#f4f7fe;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cloud-dropdowntrigger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.cloud-dropdowntrigger:hover:before{opacity:1}.cloud-dropdowntrigger:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.cloud-dropdowntrigger:active{transform:translateY(0)}.cloud-dropdownvalue{display:flex;align-items:center;gap:8px;color:#000;font-weight:500;font-size:14px}.cloud-dropdownicon{color:#000;flex-shrink:0}.cloud-dropdownlabel{color:#000;white-space:nowrap}.cloud-dropdownchevron{color:#000;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.cloud-dropdownmenu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;overflow:hidden;z-index:100;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);min-width:140px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cloud-dropdownoption{width:100%;padding:12px 14px;display:flex;align-items:center;gap:10px;background:#fff;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;color:#334155;position:relative;text-align:left}.cloud-dropdownoption:hover{color:#000;background:#f4f7fe}.cloud-dropdownoption.active{color:#425ed9;font-weight:500}.cloud-dropdownoption.active svg{color:#000}.cloud-dropdownoption:not(:last-child){border-bottom:1px solid #f1f5f9}.cloud-dropdownoption svg{color:#64748b;transition:color .2s ease;flex-shrink:0}.check-indicator{margin-left:auto;color:#425ed9;font-weight:700;font-size:16px;animation:checkBounce .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cloud-toolbar-btn{display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;background:#f4f7fe;color:#425ed9;cursor:pointer;transition:all .2s ease;width:38px;height:38px;border:none;flex-shrink:0}.cloud-toolbar-btn:hover{background:#f9fafb;color:#374151}.cloud-toolbar-btn.active{background:#425ed9;border-color:#425ed9;color:#fff}.view-toggle{display:flex;align-items:center;background:#f4f7fe;padding:4px;border-radius:6px;height:30px;gap:2px}.cloud-toolbar-view-btn{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;background:transparent;color:#425ed9;cursor:pointer;transition:all .2s ease;width:30px;height:30px;border:none;flex-shrink:0}.cloud-toolbar-view-btn:hover{background:#f9fafb;color:#425ed9}.cloud-toolbar-view-btn.active{background:#fff;color:#425ed9;box-shadow:0 2px 6px #00000026}.cloud-items-container{flex:1;overflow-y:auto;padding:24px;background:#fff}.cloud-images-section{margin-bottom:24px}.cloud-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px}.cloud-images-list{display:flex;flex-direction:column;gap:12px}.cloud-images-list .cloud-image-item{display:flex;flex-direction:row;align-items:center;padding:5px 12px 5px 5px;gap:16px;min-height:auto}.cloud-images-list .cloud-image-item.folder-item{min-height:auto;flex-direction:row}.cloud-images-list .cloud-folder-thumbnail{min-height:auto;width:80px;height:60px;flex:0 0 80px;padding:0;margin:0;background:transparent}.cloud-images-list .cloud-folder-thumbnail svg{width:32px;height:32px}.cloud-images-list .cloud-image-thumbnail{width:80px;height:60px;flex-shrink:0}.cloud-images-list .cloud-image-details{flex:1;text-align:left;padding-top:0;margin-top:0}.cloud-images-list .cloud-image-details .cloud-image-name{flex:1;text-align:left;color:#0a1c80;font-size:14px;padding:0}.cloud-images-list .cloud-image-details .cloud-image-date{flex:1;text-align:left;color:#a3aed0;font-size:12px}.cloud-images-list .cloud-image-selection-indicator{position:relative;top:auto;right:auto}.cloud-image-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}.cloud-image-item:hover{border-color:#425ed9;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.cloud-image-item.selected{border-color:#425ed9;background:#ecf2ff;transform:translateY(-2px)}.cloud-image-item.folder-item{display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.cloud-image-item.folder-item:hover{background:#f9fafb;border-color:#425ed9}.cloud-folder-thumbnail{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:90px;background:transparent;border-radius:6px;padding:0}.cloud-image-selection-indicator{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:3px;background:#425ed9;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:2}.cloud-image-item.selected .cloud-image-selection-indicator{opacity:1}.cloud-image-selection-indicator svg{color:#fff}.cloud-image-thumbnail{width:100%;height:110px;object-fit:cover;border-radius:6px;background:#f3f4f6}.cloud-image-details{padding-top:0;margin-top:auto}.cloud-image-name{font-size:12px;font-weight:500;color:#0a1c80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-align:center;padding:4px 2px}.cloud-content-loading,.cloud-content-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.cloud-empty-icon{width:48px;height:48px;opacity:.4}.cloud-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #425ED9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.cloud-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:10px 24px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.cloud-pagination-btn{display:flex;align-items:center;gap:6px;background:#fff;border:none;padding:3px 14px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;color:#374151}.cloud-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.cloud-pagination-btn:disabled{opacity:.4;cursor:not-allowed;color:#a3aed0}.cloud-pagination-info{font-size:14px;color:#2b3674;font-weight:400}.cloud-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;background:#f4f7fe;border-top:1px solid #e2e8f0;flex-shrink:0}.cloud-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:100px;text-align:center}.cloud-btn-secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.cloud-btn-secondary:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.cloud-btn-primary{background:#425ed9;color:#fff;border-color:#425ed9}.cloud-btn-primary:hover:not(:disabled){background:#425ed9;border-color:#425ed9;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.cloud-btn-primary:disabled{background:#d1d5dc;border:none;cursor:not-allowed}@media (max-width: 1024px){.cloud-modal{width:98vw;height:90vh}.cloud-images-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.cloud-modal{width:100vw;height:100vh;border-radius:0;max-height:none}.cloud-toolbar{flex-direction:column;align-items:stretch;gap:12px}.cloud-search-container{max-width:100%}.cloud-toolbar-controls{justify-content:flex-end}.cloud-content-header{padding:16px 20px}.cloud-items-container{padding:16px}.cloud-images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.cloud-modal-footer,.cloud-pagination{padding:16px 20px}}@media (max-width: 480px){.cloud-modal-header-content{padding:16px 20px}.cloud-modal-title{font-size:1.25rem}.cloud-images-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.cloud-btn{padding:8px 16px;font-size:13px;min-width:80px}}.cloud-items-container::-webkit-scrollbar{width:8px}.cloud-items-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px;margin:8px 0}.cloud-items-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;transition:background .3s ease}.cloud-items-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cloud-items-container::-webkit-scrollbar-thumb:active{background:#64748b}.cloud-items-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.cloud-items-container{scroll-behavior:smooth}.cloud-items-container:before,.cloud-items-container:after{content:"";position:sticky;left:0;right:0;height:20px;pointer-events:none;z-index:1}.cloud-items-container:before{top:0;background:linear-gradient(to bottom,#fafafa 0%,transparent 100%)}.cloud-items-container:after{bottom:0;background:linear-gradient(to top,#fafafa 0%,transparent 100%)}.customer-edit-main-container{width:100%;margin:0 auto}.customer-edit-header-div{width:100%;z-index:999;position:sticky}.customer-edit-content-div{width:100%;height:100%;margin-top:10px;margin-bottom:20px;z-index:0}.customer-edit-details-area{width:100%;height:auto;padding-bottom:20px;background-color:#fff;border-radius:10px}.customer-edit-details-area h2{font-size:18px;padding-left:20px;padding-top:20px}.customer-field-details{width:100%;height:auto;display:grid;padding:30px;column-gap:30px;box-sizing:border-box;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;row-gap:30px}.customer-edit-field{width:100%}.customer-edit-field label.required{font-size:15px;font-weight:500;color:#000}.customer-edit-field label.required:after{content:"*";color:red;margin-left:4px}.site-management-container{width:100%;margin:0 auto}.site-management-header{width:100%;z-index:999;position:sticky}.site-management-content{width:100%;height:100%;margin-top:10px;margin-bottom:20px;z-index:0}.email-tags-input-container{width:100%}.email-tags-input-label{display:block;font-size:15px;font-weight:500;color:#000;margin-bottom:3px}.email-tags-input-wrapper{min-height:20px;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;background-color:#fff;transition:all .2s;cursor:text}.email-tags-input-wrapper.disabled{background-color:#f9fafb;cursor:not-allowed}.email-tags-input-wrapper.focused{outline:1px solid #3b82f6;border-color:#3b82f6}.email-tags-input-wrapper.error{border-color:#ef4444}.email-tags-input-wrapper.error.focused{outline-color:#ef4444}.email-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.email-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;transition:background-color .2s}.email-tag.disabled{background-color:#eaeaea;color:#374151}.email-tag.enabled{background-color:#edf5f4;color:#1e40af}.email-tag-icon{flex-shrink:0;width:14px;height:14px}.email-tag-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-tag-remove-btn{padding:.125rem;border:none;background:transparent;border-radius:50%;color:#000;cursor:pointer;transition:background-color .2s}.email-input-field-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.email-input-field{flex:1;outline:none;font-size:.875rem;background:transparent;border:none;color:#111827}.email-input-field::placeholder{color:#9ca3af}.email-add-btn{flex-shrink:0;padding:.375rem;background-color:#3b82f6;color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.email-add-btn:hover{background-color:#2563eb}.email-empty-state{color:#9ca3af;font-size:.875rem;font-style:italic}.email-error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.email-helper-text{color:#6b7280;font-size:.75rem;margin-top:.25rem}.user-list-main-container{width:100%;margin:0 auto}.user-header-div{width:100%;z-index:999;position:sticky}.user-content-div{width:100%;height:100%;margin-top:10px;margin-bottom:20px;z-index:0}.spinner-center{display:flex;justify-content:center;align-items:center;height:200px;width:100%}.permission-spinner-center{display:flex;justify-content:center;align-items:center;height:25px;width:100%}.user-edit-main-container{width:100%;margin:0 auto}.user-edit-header-div{width:100%;z-index:999;position:sticky}.user-edit-content-div{width:100%;height:100%;margin-top:20px;z-index:0;display:flex;flex-direction:column;gap:20px;background-color:#fff}.user-edit-details-area{width:100%;height:auto;background-color:#fff;border-radius:10px;padding:20px;box-sizing:border-box}.user-edit-details-area h2{font-size:18px}.user-edit-permissions-area{width:100%;height:auto;background-color:#fff;border-radius:10px;padding:20px;box-sizing:border-box}.user-edit-permissions-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.user-edit-permissions-header h2{font-size:18px}.permission-checkbox{width:20px;height:20px;appearance:none;border:2px solid #425ED9;border-radius:4px;background-color:#f0f0f0;cursor:pointer;position:relative}.permission-checkbox:checked{background-color:#425ed9;border-color:#425ed9}.permission-checkbox:checked:after{content:"✔";color:#fff;font-size:14px;position:absolute;top:0;left:4px}.user-field-details{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;row-gap:20px;column-gap:40px;margin-bottom:40px}.user-edit-field{width:100%}.customer-sites-section{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.customer-sites-section h2{margin-bottom:1.5rem;color:#333;font-size:1.25rem;font-weight:600}.customer-sites-all-access{padding-left:20px;padding-right:20px;padding-top:1rem;padding-bottom:1rem}.all-access-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:center}.all-access-item{padding:.75rem 1.5rem;background-color:#f5f5f5;border:2px solid #ddd;border-radius:6px;font-weight:600;color:#333;text-align:center;width:90%;box-sizing:border-box}.customer-sites-tree{display:flex;flex-direction:column;gap:1rem}.customer-site-row{display:flex;align-items:stretch;gap:1rem;min-height:80px;background-color:#fff;border-radius:8px;padding:1rem}.customer-site-left{flex:1;display:flex;align-items:center;padding:.75rem;background-color:#f5f5f5;border-radius:6px;border:1px solid #ddd;min-height:60px}.customer-site-right{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:#f9f9f9;border-radius:6px;border:1px solid #ddd;min-height:60px;justify-content:center}.customer-name{font-weight:600;color:#333;font-size:.95rem;line-height:1.4}.site-name{padding:.25rem 0;color:#555;font-size:.9rem;line-height:1.3;border-bottom:1px solid #e0e0e0}.site-name:last-child{border-bottom:none}.no-customer-sites{padding:2rem;text-align:center;color:#666;font-style:italic;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;margin-left:20px;margin-right:20px}.role-dropdown-disabled{cursor:not-allowed!important}@media (max-width: 768px){.customer-site-row{grid-template-columns:1fr;gap:.75rem}.all-access-row{grid-template-columns:1fr;gap:1rem}.all-access-item,.customer-site-left,.customer-site-right{width:100%}}.customer-sites-section .spinner-center{display:flex;justify-content:center;align-items:center;padding:3rem}.playback-customers-container{padding:1.5rem;background:linear-gradient(135deg,#f8faff,#f1f5ff);border-radius:10px;border:1px solid #e2e8f0;margin-top:1rem}.playback-customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.playback-customer-card{background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #425ed914;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:15px;transition:all .3s ease;position:relative;overflow:hidden}.playback-customer-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #425ed926;border-color:#425ed9}.playback-customer-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#0a1c80;border-radius:0 2px 2px 0}.customer-card-content{display:flex;align-items:center;gap:.875rem;flex:1}.customer-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.customer-icon svg{filter:brightness(0) invert(1)}.customer-card-info{flex:1;min-width:0}.customer-card-name{font-weight:600;font-size:14px;color:#1a202c;line-height:1.4;word-break:break-word}.customer-card-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:500;padding:2px 4px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.customer-card-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:50%;font-weight:700;font-size:14px;color:#425ed9;flex-shrink:0}.playback-customers-summary{background:#fff;border-radius:5px;padding:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.summary-stats{display:flex;align-items:center;justify-content:center;gap:2rem}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-number{font-size:1.5rem;font-weight:700;color:#425ed9;line-height:1}.stat-label{font-size:.875rem;font-weight:500;color:#64748b}.stat-icon-success{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f0fdf4;border-radius:50%}.no-playback-customers-container{padding:3rem 2rem;background:linear-gradient(135deg,#fafbff,#f4f6ff);border:2px dashed #cbd5e0;text-align:center;margin-top:1rem;border-radius:8px}.no-playback-content{max-width:450px;margin:0 auto}.no-playback-icon{display:flex;justify-content:center;align-items:center;width:72px;height:72px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:50%;margin:0 auto 1.5rem;border:2px solid #e2e8f0}.no-playback-text h3{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.no-playback-text p{font-size:.875rem;color:#718096;margin:0 0 1.5rem;line-height:1.5}.no-playback-suggestion{display:inline-block;background:linear-gradient(135deg,#425ed9,#5b73e8);color:#fff;font-size:.8rem;font-weight:500;padding:.5rem 1rem;border-radius:5px;text-transform:none;letter-spacing:.3px}@media (max-width: 768px){.playback-customers-grid{grid-template-columns:1fr}.playback-customers-container,.playback-customer-card{padding:1rem}.customer-card-content{gap:.75rem}.customer-icon{width:36px;height:36px}.customer-icon svg{width:20px;height:20px}.summary-stats{flex-direction:column;gap:1rem}.no-playback-customers-container{padding:2rem 1rem}}@media (max-width: 480px){.playback-customers-grid{gap:.75rem}.customer-card-name{font-size:.875rem}.customer-card-badge{font-size:.7rem;padding:.2rem .4rem}}.playback-customers-section{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.playback-customers-section h2{margin-bottom:1.5rem;color:#333;font-size:1.25rem;font-weight:600}.playback-customers-list{display:flex;flex-direction:column;gap:1rem}.playback-customer-row{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:.75rem;border:1px solid #ddd;min-height:50px}.playback-customer-name{font-weight:600;color:#333;font-size:.95rem;line-height:1.4;padding:.25rem 0}.no-playback-customers{padding:2rem;text-align:center;color:#666;font-style:italic;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;margin-left:20px;margin-right:20px}@media (max-width: 768px){.playback-customer-row{flex-direction:column;align-items:flex-start}.playback-customer-name{width:100%}}.playback-customers-section .spinner-center{display:flex;justify-content:center;align-items:center;padding:3rem}.user-swal-size{min-width:500px;min-height:200px}.user-edit-field label.required:after{content:"*";color:red;margin-left:5px}.required-custproperty{color:red;font-weight:300}.playback-permissions-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;margin-bottom:10px}.playback-permissions-container-title{display:flex;flex-direction:row;gap:10px;align-items:center}.playback-permissions-container-note{font-size:12px;color:#666;margin-bottom:12px}.playback-permissions-container-buttons{display:flex;flex-direction:row;gap:40px;align-items:center}.playback-permission-item{display:flex;align-items:center;gap:12px}.permission-label{font-size:16px;font-weight:500;color:#000}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#4169e1}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.toggle-switch input:disabled+.toggle-slider:before{cursor:not-allowed}.toggle-switch:not(:has(input:disabled)):hover .toggle-slider{box-shadow:0 0 4px #4169e180}.profile-div-main-container{width:100%;margin:0 auto}.profile-div-main-header{width:100%;z-index:999;position:sticky}.profile-div-main-content{width:100%;height:100%;margin-top:10px;margin-bottom:20px;z-index:0}.profile-edit-details-area{width:100%;height:auto;padding-bottom:20px;background-color:#fff;border-radius:10px}.profile-edit-details-area-top{width:100%;height:auto;padding-left:20px;padding-top:20px;display:flex}.profile-image-div{width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.profile-image-div img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.profile-edit-details-area-bottom{width:100%;height:auto;margin-top:50px;display:grid;padding-left:20px;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;row-gap:30px}.profile-edit-field{width:90%}.changepass-div-main-container{width:100%;margin:0 auto}.changepass-div-main-header{width:100%;z-index:999;position:sticky}.changepass-div-main-content{width:100%;height:100%;margin-top:10px;margin-bottom:20px;z-index:0}.changepass-edit-details-area{width:100%;height:auto;padding-bottom:20px;padding-left:20px;background-color:#fff;border-radius:10px}.changepass-edit-details-area h2{font-size:16px;font-weight:400;padding-top:20px;color:#333;padding-bottom:20px}.changepass-edit-field{width:90%;margin-bottom:20px}.incident-details-container{width:100%;min-height:100vh;display:flex}.incident-details-right-container{flex:1}.no-data-container{min-height:55vh;display:flex;justify-content:center;align-items:center}.no-data-container>p{font-size:20px;color:red}.spinner-container{flex:1;width:100%;display:flex;justify-content:center;align-items:center;min-height:65vh}.details-stages-container{display:flex;justify-content:space-between;align-items:center;background-color:transparent;border-radius:8px;margin-top:-40px;width:fit-content}.details-stages-container:has(.details-action-buttons-container){width:100%;padding:5px 10px 5px 5px;margin-top:5px}.details-stage-buttons-container{display:flex;flex-direction:row;border-radius:5px;background-color:#fff}.details-stage-button{padding:12px 25px;height:40px;color:#425ed9;background-color:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:14px;font-weight:500}.details-stage-button:hover{color:#374151;background-color:#f9fafb}.details-stage-button.active{color:#fff;background-color:#425ed9}.details-stage-button:first-child{border-radius:5px 0 0 5px}.details-stage-button:last-child{border-radius:0 5px 5px 0}.details-action-buttons-container{display:flex;gap:10px;align-items:center}.details-action-button{display:flex;align-items:center;gap:6px;padding:8px 16px;height:30px;border:none;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.approve-button{background-color:#10b981;color:#fff}.approve-button:hover{background-color:#059669}.edit-button{background-color:#3b82f6;color:#fff}.edit-button:hover{background-color:#2563eb}.block-button{background-color:#f59e0b;color:#fff}.block-button:hover{background-color:#d97706}.delete-button{background-color:#ef4444;color:#fff}.delete-button:hover{background-color:#dc2626}.comment-main-container{width:100%;flex-direction:column;align-items:center;display:flex;height:72vh;background-color:#fff;border-radius:10px}.comment-header{width:100%;display:flex;border:1px solid #e4e4e4;align-items:center;border-top-right-radius:10px;border-top-left-radius:10px;justify-content:space-between;padding:12px 18px 14px;box-sizing:border-box;font-family:Nunito}.comment-header-left p{margin:0;font-weight:700;font-size:16px;color:#23408f}.comment-main-container-messages{width:100%;height:90%;overflow-y:auto;font-family:Nunito;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.comment-main-container-messages::-webkit-scrollbar{width:6px}.comment-main-container-messages::-webkit-scrollbar-track{background:transparent}.comment-main-container-messages::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.comment-main-container-messages::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.messages-wrapper{display:flex;flex-direction:column;gap:12px;padding:16px}.message-row{display:flex;align-items:flex-start;gap:10px}.message-row.left{justify-content:flex-start}.message-row.right{justify-content:flex-end}.message-row.right .avatar{order:2}.message-row.right .bubble{order:1}.avatar{width:36px;height:36px;border-radius:50%;background:#23408f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 36px}.bubble{max-width:min(70%,720px);background:#f4f7fe;border:1px solid #e4e4e4;padding:10px 12px;border-radius:12px}.bubble.left{border-top-left-radius:4px}.bubble.right{border-top-right-radius:4px;background:#e9f0ff}.bubble .name{margin:0 0 4px;font-size:12px;font-weight:700;color:#23408f}.role{margin-left:6px;font-size:.85em;font-style:italic!important;opacity:.8;color:#d14343}.bubble-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.menu{position:relative}.kebab-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px}.kebab-btn:hover{background:#0000000f}.kebab-btn .dot{width:3px;height:3px;background:#23408f;border-radius:50%}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e4e4e4;box-shadow:0 6px 20px #00000014;border-radius:8px;min-width:120px;padding:6px;z-index:5}.dropdown-item{width:100%;text-align:left;border:none;background:#e9f0ff;padding:8px 10px;border-radius:6px;font-size:14px;color:#23408f;cursor:pointer}.dropdown-item:hover{background:#e9f0ff}.dropdown-item+.dropdown-item{margin-top:6px}.dropdown-item.danger{background:#ffe9e9;color:#d14343}.bubble .text{margin:0;font-size:14px;color:#23408f;line-height:1.5}.bubble .meta{margin:6px 0 0;font-size:11px;color:#6b7caf;text-align:left}.bubble.right .meta{text-align:right}.comment-main-container-input{width:98%;gap:10px;display:flex;align-items:flex-end;margin-bottom:5px;border-radius:10px;font-family:Nunito;border:1.5px solid #e4e4e4;padding:6px}.comment-input{width:100%;border:none;background-color:#f4f7fe;color:#000;max-height:160px;padding:6px 10px;border-radius:5px;font-family:Nunito;line-height:1.4;resize:none;overflow:auto;box-sizing:border-box}.comment-input:focus{outline:none;background-color:#e7eeff}.comment-main-container-input button{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:5px;background-color:#425ed9;transition:all .3s ease}.comment-main-container-input button:hover{background-color:#23408f}.comment-main-container-input button img{transform:scale(.7)}.loader-container{height:50vh;display:flex;align-items:center}.loader{border:5px solid #f3f3f3;border-top:5px solid #425ED9;border-radius:50%;width:35px;height:35px;animation:spin 1s linear infinite;margin:auto}.note-main-container{width:100%;flex-direction:column;align-items:center;display:flex;height:72vh;background-color:#fff;border-radius:10px}.note-header{width:100%;display:flex;border:1px solid #e4e4e4;align-items:center;border-top-right-radius:10px;border-top-left-radius:10px;justify-content:space-between;padding:12px 18px 14px;box-sizing:border-box;font-family:Nunito}.note-header-left p{margin:0;font-weight:700;font-size:16px;color:#23408f}.note-main-container-messages{width:100%;height:90%;overflow-y:auto;font-family:Nunito;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.note-main-container-messages::-webkit-scrollbar{width:6px}.note-main-container-messages::-webkit-scrollbar-track{background:transparent}.note-main-container-messages::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.note-main-container-messages::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.note-messages-wrapper{display:flex;flex-direction:column;gap:12px;padding:16px}.note-message-row{display:flex;align-items:flex-start;gap:10px;justify-content:flex-start}.note-avatar{width:36px;height:36px;border-radius:50%;background:#23408f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 36px}.note-bubble{width:100%;background:#f4f7fe;border:1px solid #e4e4e4;padding:10px 12px;border-radius:4px 12px 12px}.note-name{margin:0 0 4px;font-size:12px;font-weight:700;color:#23408f}.note-role{margin-left:6px;font-size:.85em;font-style:italic!important;opacity:.8;color:#d14343}.note-bubble-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-menu{position:relative}.note-kebab-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px}.note-kebab-btn:hover{background:#0000000f}.note-dot{width:3px;height:3px;background:#23408f;border-radius:50%}.note-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e4e4e4;box-shadow:0 6px 20px #00000014;border-radius:8px;min-width:120px;padding:6px;z-index:5}.note-dropdown-item{width:100%;text-align:left;border:none;background:#e9f0ff;padding:8px 10px;border-radius:6px;font-size:14px;color:#23408f;cursor:pointer}.note-dropdown-item:hover{background:#e9f0ff}.note-dropdown-item+.note-dropdown-item{margin-top:6px}.note-dropdown-item.note-danger{background:#ffe9e9;color:#d14343}.note-text-meta-container{display:flex;align-items:flex-start;gap:12px;width:100%}.note-text{margin:0;font-size:14px;color:#23408f;line-height:1.5;word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0}.note-meta{font-size:11px;color:#6b7caf;text-align:right;white-space:nowrap;flex-shrink:0;margin:0 0 0 12px}.note-main-container-input{width:98%;gap:10px;display:flex;align-items:flex-end;margin-bottom:5px;border-radius:10px;font-family:Nunito;border:1.5px solid #e4e4e4;padding:6px}.note-input{width:100%;border:none;background-color:#f4f7fe;color:#000;max-height:160px;padding:6px 10px;border-radius:5px;font-family:Nunito;line-height:1.4;resize:none;overflow:auto;box-sizing:border-box}.note-input:focus{outline:none;background-color:#e7eeff}.note-main-container-input button{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:5px;background-color:#425ed9;transition:all .3s ease}.note-main-container-input button:hover{background-color:#23408f}.note-main-container-input button img{transform:scale(.7)}.print-modal-overlay{width:100vw;height:100vh;position:fixed;inset:0;z-index:1000;background-color:#00000080;display:flex;justify-content:end}.print-modal-outer-container{width:33%;height:100%;background:#f5f5f5;overflow-y:auto;box-sizing:border-box}.print-modal-container{box-sizing:border-box;width:100%;background:#fff;height:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.print-modal-title-container{width:100%;display:flex;justify-content:space-between}.print-modal-title{display:flex;gap:10px}.print-modal-title-container>.modal-header{padding:0;margin:0}.download-icon-container{display:flex;align-items:center;justify-content:center}.print-modal-header{width:100%;background:#f8fbfa;padding:20px 15px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px}.print-header-top-div{display:flex}.print-report-div{width:100%;display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.print-report-title>p{display:flex;justify-content:end;margin:0;color:#0a1c80;font-size:22px;font-weight:700}.print-header-content{display:flex;flex-direction:column}.print-header-content>p{margin:0;font-size:13px;color:#1f2229;font-weight:700}.print-header-content>p:nth-child(2){margin:0;font-size:13px;color:#828691;font-weight:600}.print-header-bottom-div{width:100%;display:flex;justify-content:space-between}.print-modal-contents-container{box-sizing:border-box;padding:5px;display:flex;flex-direction:column;gap:25px}.print-modal-data-container{width:100%;display:flex;flex-direction:column}.print-data-container{display:flex;justify-content:space-between;gap:25px;padding:10px;border-bottom:1px solid #E7E8EC}.print-data-container>p{margin:0;font-size:13px;flex:1}.print-data-container>p:nth-child(2){text-align:right}.print-modal-detail-container{display:flex;flex-direction:column;gap:5px}.print-modal-detail-container>p:nth-child(1){margin:0;font-size:13px;font-weight:700}.print-modal-detail-container>p:nth-child(2){margin:0;font-size:14px;color:#828691}.print-modal-attachments-container{display:flex;flex-direction:column;gap:5px}.print-modal-attachments-container>p{margin:0;font-size:13px;color:#1f2229;font-weight:700}.print-attachments-container{width:100%;display:flex;flex-direction:column;gap:15px}.print-attachments-container>img{width:100%;max-height:300px;object-fit:cover}.print-modal-footer{display:flex;flex-direction:column;gap:10px}.print-footer-line{width:100%;border:1px solid #E7E8EC}.print-footer-address-container{width:100%;display:flex;justify-content:space-between;gap:15px}.print-address-container{display:flex;flex-direction:column;gap:5px}.print-footer-address-container>.print-address-container:nth-child(2){align-items:end}.print-address-container>p{margin:0;font-size:13px;color:#828691}.print-modal-button-container{width:100%;display:flex;justify-content:center;box-sizing:border-box;padding:30px 20px}.download-icon{cursor:pointer}.loader-icon{color:#425ed9;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-main-container{width:100%;margin:0 auto}.notifications-header-div{width:100%;z-index:999;position:sticky}.notifications-content-div{width:100%;height:100%;margin-top:10px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;z-index:0;border:1px solid #E7E8EC;background-color:#fff;border-radius:15px}.notifications-content-div.notifications-empty-state{border:none;background-color:transparent}.recent-incidents-heading{padding:12px 16px;background-color:transparent;border-bottom:1px solid #E7E8EC}.recent-incidents-heading h2{margin:0;font-size:18px;font-weight:800;color:#0a1c80}.date-and-bubble-div{width:100%;height:auto;border-bottom:1px solid #E7E8EC}.date-and-bubble-div:last-child{border-bottom:none}.notification-bubble-ui-main{width:100%;display:flex;transition:all .3s ease;align-items:center;background-color:transparent;box-sizing:border-box;padding:10px 10px 10px 20px}.notification-bubble-ui-main:hover{cursor:pointer;background-color:#f7f9ff}.notify-left{width:90%}.notification-bubble-ui-main-top{width:100%;height:auto;display:flex;align-items:center;gap:10px}.notification-bubble-ui-main-top h1{font-size:16px;font-weight:700;padding:0;margin:0}.name-text{color:#0a1c80}.getNotificationText-text{color:#0a1c80;font-weight:500}.ref-text{color:#425ed9}.notification-bubble-ui-main-bottom{width:100%;height:auto;margin-top:0}.notification-bubble-ui-main-bottom p{font-size:12px;font-weight:400;color:#828691;padding:0;margin:0}.type-avm-div{display:inline-block;border-radius:3px;padding:4px 10px 2px;background-color:#fdd;color:#ef4444;margin-bottom:10px}.type-avm-div-text{font-size:10px;font-weight:800;padding:0;margin:0}.notify-right{width:10%;height:100%;display:flex;align-items:end;white-space:nowrap;text-align:end}.date-bottom-bubble{width:100%;display:flex;padding:0;margin:0;justify-content:end}.notify-right h2{font-size:12px;color:#4c4c4c}.notificationSettings-header{margin-bottom:28px}.notificationSettings-span{font-size:14px;color:#666}.notificationSettings-content{display:flex;flex-direction:column;gap:0;background-color:#fff;padding:20px 20px 10px;margin-top:20px;border-radius:15px}.notificationSettings-infoBanner{display:flex;align-items:flex-start;gap:10px;background-color:#f0f4ff;border:1px solid #c8d0f2;border-radius:8px;padding:14px 18px;margin-bottom:24px}.notificationSettings-infoBanner--bottom{margin-top:24px;margin-bottom:0}.notificationSettings-infoIcon{flex-shrink:0;margin-top:1px;display:flex;align-items:center}.notificationSettings-infoBannerTitle{font-size:14px;font-weight:600;color:#0a1c80;margin-bottom:3px}.notificationSettings-infoBannerText{font-size:14px;color:#666;line-height:1.5}.notificationSettings-fieldGroup{background:#fff}.notificationSettings-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.notificationSettings-required{color:#e53e3e;margin-left:2px}.notificationSettings-dropdownWrapper{position:relative}.notificationSettings-dropdownTrigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #E5E7EB;border-radius:6px;padding:10px 14px;font-size:14px;color:#374151;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;outline:none}.notificationSettings-dropdownTrigger:hover{border-color:#425ed9}.notificationSettings-dropdownChevron{transition:transform .2s ease;flex-shrink:0}.notificationSettings-dropdownChevron--open{transform:rotate(180deg)}.notificationSettings-dropdownList{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 4px 16px #0000001a;z-index:100;list-style:none;margin:0;padding:4px 0;overflow:hidden}.notificationSettings-dropdownItem{padding:10px 14px;font-size:14px;color:#374151;cursor:pointer;transition:background-color .1s}.notificationSettings-dropdownItem:hover{background-color:#f3f4f6}.notificationSettings-dropdownItem--selected{color:#425ed9;background-color:#f0f4ff;font-weight:500}.notificationSettings-helperText{font-size:14px;color:#6b7280;margin:8px 0 0}.notificationSettings-descriptionsBox{margin-top:20px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px;padding:16px 18px}.notificationSettings-descriptionsTitle{font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.notificationSettings-descriptionsList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.notificationSettings-descriptionsItem{font-size:14px;color:#4b5563;line-height:1.5;padding-left:14px;position:relative}.notificationSettings-descriptionsItem:before{content:"•";position:absolute;left:0;color:#425ed9}.notificationSettings-descriptionsLabel{font-weight:600;color:#374151}.notificationSettings-footer{display:flex;justify-content:flex-end;border-top:1px solid #e5e7eb;gap:12px;margin-top:32px;padding-top:0;width:100%;margin-left:auto}.notificationSettings-buttons-div{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:0;width:300px;margin-left:auto}.notificationSettings-buttons-div .custom-btn{font-size:14px;font-weight:500}.confirmation-overlay{width:100vw;height:100vh;background:#00000080;position:fixed;inset:0;z-index:100000;display:flex;justify-content:center;align-items:center}.confirmation-container{width:768px;min-height:275px;background:#fff;border-radius:8px;display:flex;flex-direction:column}.confirmation-header{background:#0a1c80;color:#fff;padding:15px 0;text-align:center;border-top-left-radius:8px;border-top-right-radius:8px}.confirmation-header>p{margin:0;font-size:18px;font-family:Nunito;font-weight:700}.confirmation-content-overlay{flex:1;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.confirmation-content-container{display:flex;gap:10px}.confirmation-content>p{margin:0}.checkbox{width:18px;height:18px;margin-top:4px;cursor:pointer}.confirmation-button-container{width:100%;display:flex;justify-content:center;gap:8px}.confirmation-button-container>button{min-width:75px;padding:8px 15px;border-radius:8px}.cancel-button{color:#71717a;background-color:#fff;border:1px solid #71717A;cursor:pointer}.continue-button{color:#fff;background-color:#0a1c80;border:none;cursor:pointer}.continue-disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.details-content-overlay{width:100%;margin:0 auto}.details-contents-container{width:100%;box-sizing:border-box;padding:30px 0;display:grid;grid-template-columns:52% 48%;align-items:stretch;gap:15px}.details-contents-container.full-width{grid-template-columns:100%}.details-contents-left-container{display:flex;flex-direction:column;gap:15px}.details-contents-right-container{display:flex;min-height:0;contain:size}.report-details-container{width:100%;background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding:18px}.report-details-container-title>p{margin:0;font-family:Nunito;font-size:20px;font-weight:700;color:#007cd8}.report-details-inputs-container{flex:1;display:flex;gap:25px;flex-wrap:wrap;justify-content:space-between}.playback-input-container{flex:0 0 calc(50% - 25px);display:flex;flex-direction:column;gap:10px}.playback-input-container>p{margin:0;font-size:15px;font-family:Nunito;font-weight:700}.playback-input-container>input{padding:10px;border-radius:8px;border:none;background:#f3f3f3;color:#23408f;outline:0}.playback-data-details{padding:12px;border-radius:8px;border:none;background:#f3f3f3;color:#23408f;font-size:14px;margin-top:10px}.playback-data-details>p{margin:0}.playback-details-container,.summary-container{width:100%;background:#fff;border-radius:10px;box-sizing:border-box;padding:18px}.details-attachment-container{flex:1;background:#fff;box-sizing:border-box;padding:18px;border-radius:10px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.attachment-images-container{flex:1;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.attachment-images-container::-webkit-scrollbar{width:7px}.attachment-images-container::-webkit-scrollbar-track{background:#f4f7fe}.attachment-images-container::-webkit-scrollbar-thumb{background:#787878}.attachment-image-container>img{height:auto;width:100%;max-height:300px;object-fit:cover}.playback-details{color:#23408f;font-family:Nunito}.no-attachments-container{flex:1;display:flex;justify-content:center;align-items:center}.no-attachments-container>p{color:red;margin:0;font-size:20px;font-weight:700}.image-skeleton{width:100%;height:200px;background:#eee;display:flex;align-items:center;justify-content:center;color:#777;font-size:14px;border-radius:8px}.spinner-center{width:100%;height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center}