@charset "UTF-8";:root,:root[data-theme=dark]{color-scheme:light;--bg-primary: #F4F7FE;--bg-secondary: #F3F3F3;--bg-card: #FFFFFF;--bg-input: #F4F7FE;--text-primary: #0A1C80;--text-secondary: #6b7280;--text-muted: #999999;--border-color: #e5e7eb;--divider-color: #cdd3e5;--accent-color: #425ED9;--accent-hover: #364bb3;--status-success: #16a34a;--status-success-bg: #dcfce7;--status-warning: #d97706;--status-warning-bg: #fef3c7;--status-danger: #dc2626;--status-danger-bg: #fee2e2;--status-info: #425ED9;--status-info-bg: #e3e9ff;--status-neutral: #6b7280;--status-neutral-bg: #f3f4f6;--priority-high: red;--priority-medium: yellow;--priority-low: rgb(196, 0, 0);--priority-block: rgb(139, 0, 0);--shadow-color: rgba(0, 0, 0, .1);--bg-app: var(--bg-primary);--bg-panel: var(--bg-card);--bg-panel-alt: var(--bg-card);--bg-subtle: var(--bg-secondary);--border-color-strong: var(--divider-color);--text-heading: var(--text-primary);--text-body: #000000;--accent-primary: var(--accent-color);--accent-primary-hover: var(--accent-hover);--scrollbar-track: var(--bg-primary);--scrollbar-thumb: #787878;--skeleton-base: #f0f0f0;--skeleton-highlight: #e0e0e0;--table-text: #4C4C4C;--table-header-text: #4C4C6A;--table-header-bg: #F4F7FE;--table-icon-muted: #A0A4B8;--table-checkbox-border: #dee2e6;--table-checkbox-bg: #ffffff}:root[data-theme=black]{color-scheme:dark;--bg-primary: #0B0E1A;--bg-secondary: #1F2433;--bg-card: #161A26;--bg-input: #1F2433;--text-primary: #FFFFFF;--text-secondary: #9096AC;--text-muted: #6B7280;--border-color: #2A2F3D;--divider-color: #2A2F3D;--accent-color: #425ED9;--accent-hover: #5A74E8;--status-success: #22c55e;--status-success-bg: rgba(34, 197, 94, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15);--status-danger: #ef4444;--status-danger-bg: rgba(239, 68, 68, .15);--status-info: #6b8afd;--status-info-bg: rgba(107, 138, 253, .15);--status-neutral: #9096AC;--status-neutral-bg: rgba(144, 150, 172, .15);--priority-high: #ef4444;--priority-medium: #f5c518;--priority-low: #c40000;--priority-block: #8b0000;--shadow-color: rgba(0, 0, 0, .4);--bg-app: var(--bg-primary);--bg-panel: var(--bg-card);--bg-panel-alt: #12151F;--bg-subtle: var(--bg-secondary);--border-color-strong: var(--divider-color);--text-heading: var(--text-primary);--text-body: #E8E9F0;--accent-primary: var(--accent-color);--accent-primary-hover: var(--accent-hover);--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: #3A4053;--skeleton-base: #1F2433;--skeleton-highlight: #2A3040;--table-text: var(--text-secondary);--table-header-text: var(--text-secondary);--table-header-bg: var(--bg-subtle);--table-icon-muted: var(--text-muted);--table-checkbox-border: var(--border-color-strong);--table-checkbox-bg: var(--bg-input)}@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:var(--text-body);background-color:var(--bg-app);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;background-color:var(--bg-app);color:var(--text-body);transition:background-color .2s ease,color .2s ease}: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=black]{--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:var(--bg-input);color:var(--text-body);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 #425ed94d}.text-input:disabled{background-color:var(--bg-subtle);color:var(--text-muted)}.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}:root[data-theme=dark] .password-input{background-color:var(--bg-input);color:var(--text-body)}:root[data-theme=dark] .password-input:hover{border-color:var(--border-color-strong)}:root[data-theme=black] .password-input{background-color:var(--bg-input);color:var(--text-body)}:root[data-theme=black] .password-input:hover{border-color:var(--border-color-strong)}.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%}.error-message-link{color:#425ed9;font-weight:600;text-decoration:underline}.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:var(--bg-panel-alt);display:flex;flex-direction:column;box-shadow:2px 0 10px var(--shadow-color)}.sidebar-header{padding:40px 20px 20px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--divider-color)}.sidebar-logo-plate{width:100%;box-sizing:border-box}.sidebar-logo{width:100%;display:block;object-fit:contain}:root[data-theme=black] .sidebar-logo-plate{background-color:#fff;border-radius:10px;padding:10px 14px}:root[data-theme=black] .sidebar-header{border-bottom:none}.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:var(--text-secondary);transition:background .2s ease,color .2s ease}.sidebar-menu-item:hover{background-color:var(--bg-input);color:var(--text-body)}.sidebar-menu-item.active{position:relative;color:var(--text-primary);font-weight:700}.sidebar-menu-item.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:70%;width:3px;background-color:var(--text-primary);border-radius:10px}:root[data-theme=black] .sidebar-menu-item{margin:3px 12px;padding:12px 16px;border-radius:8px}:root[data-theme=black] .sidebar-menu-item.active{color:#fff}:root[data-theme=black] .sidebar-menu-item.active:after{background-color:var(--accent-primary)}.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:var(--bg-app)}.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:var(--bg-panel);color:var(--text-secondary);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:var(--accent-primary);color:#fff}.header-searchbar-div{display:flex;flex-direction:row;align-items:center;width:300px;height:35px;background-color:var(--bg-panel);border-radius:7px;padding:0 12px;gap:5px;box-sizing:border-box}.header-searchbar-icon{width:12px;height:12px;fill:var(--accent-primary);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}:root[data-theme=dark] .header-searchbar-input{color:var(--text-body)}:root[data-theme=dark] .header-searchbar-input::placeholder{color:var(--text-secondary)}:root[data-theme=black] .header-searchbar-input{color:var(--text-body)}:root[data-theme=black] .header-searchbar-input::placeholder{color:var(--text-secondary)}.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:var(--bg-panel);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--accent-primary);transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.header-filter-btn svg{width:30px;height:30px;fill:var(--accent-primary);transition:fill .2s ease}.header-filter-btn:hover{background-color:var(--bg-subtle)}.header-filter-btn.selected{background-color:var(--accent-primary);border-color:var(--accent-primary)}.header-filter-btn.selected svg{fill:#fff}.header-sort-btn{min-width:35px;height:35px;padding:0;border-radius:7px;background-color:var(--bg-panel);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--accent-primary);transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.header-sort-btn svg{width:25px;height:25px;fill:var(--accent-primary);transition:fill .2s ease}.header-sort-btn:hover{background-color:var(--bg-subtle)}.header-sort-btn.selected{background-color:var(--accent-primary);border-color:var(--accent-primary)}.header-sort-btn.selected svg{fill:#fff}.header-btn-tooltip-wrapper{position:relative;display:inline-flex}.header-btn-tooltip{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100;background-color:var(--bg-panel);color:var(--text-body);font-size:12px;font-weight:400;white-space:nowrap;padding:5px 10px;border-radius:5px;box-shadow:0 4px 12px var(--shadow-color),0 1px 4px var(--shadow-color);border:1px solid var(--border-color);transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.header-btn-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--border-color)}.header-btn-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--bg-panel)}.header-btn-tooltip-wrapper:hover .header-btn-tooltip{visibility:visible;opacity:1}.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}:root[data-theme=dark] .btn-primary{background:var(--accent-primary);border-color:var(--accent-primary)}:root[data-theme=dark] .btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}:root[data-theme=dark] .btn-secondary{background:var(--bg-panel);color:var(--accent-primary)}:root[data-theme=dark] .btn-secondary:hover{border-color:var(--accent-primary)}:root[data-theme=dark] .btn-tertiary{color:var(--accent-primary)}:root[data-theme=dark] .btn-tertiary:hover{background:var(--bg-subtle)}:root[data-theme=dark] .btn-cancel{color:var(--text-secondary);border-color:var(--border-color)}:root[data-theme=dark] .btn-cancel:hover{background:var(--bg-subtle);border-color:var(--border-color-strong)}:root[data-theme=black] .btn-primary{background:var(--accent-primary);border-color:var(--accent-primary)}:root[data-theme=black] .btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}:root[data-theme=black] .btn-secondary{background:var(--bg-panel);color:var(--accent-primary)}:root[data-theme=black] .btn-secondary:hover{border-color:var(--accent-primary)}:root[data-theme=black] .btn-tertiary{color:var(--accent-primary)}:root[data-theme=black] .btn-tertiary:hover{background:var(--bg-subtle)}:root[data-theme=black] .btn-cancel{color:var(--text-secondary);border-color:var(--border-color)}:root[data-theme=black] .btn-cancel:hover{background:var(--bg-subtle);border-color:var(--border-color-strong)}.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:var(--bg-panel);border-radius:8px;box-shadow:0 6px 16px var(--shadow-color);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 var(--bg-panel);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:var(--text-body)}.profile-dropdown-divider{height:1px;background-color:var(--border-color);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:var(--bg-subtle);cursor:pointer}.profile-dropdown-list li a{color:var(--text-heading);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:var(--text-heading);font-size:30px;margin:0}.user-profile-container{display:flex;align-items:center;gap:5px}.user-profile-container h3{color:var(--text-heading);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:var(--bg-panel);border:2px solid var(--border-color);border-radius:50%;transition:background-color .3s ease;position:relative}.bell-icon-container:hover{background-color:var(--bg-input);cursor:pointer}.bell-icon{width:24px;height:24px;color:var(--text-heading)}.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 var(--bg-panel);-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.5px}.user-profile-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-timezone{color:var(--text-secondary);font-size:12px;font-weight:400}.filter-dropdown-container{position:relative;display:inline-block}.filter-dropdown-trigger{display:flex;align-items:center;gap:1px;padding:0 12px;background-color:var(--bg-panel);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:var(--bg-subtle);border-color:var(--border-color)}.filter-dropdown-title{font-size:14px;font-weight:600;color:var(--text-secondary);flex-grow:1}.filter-dropdown-count{background-color:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);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:var(--text-secondary);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:var(--bg-panel);border:1px solid var(--border-color);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 var(--border-color)}.filter-dropdown-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--text-body);outline:none;transition:border-color .2s ease;background-color:var(--bg-input);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:var(--bg-subtle)}.filter-dropdown-checkbox{display:flex;align-items:center}.checkbox-square{width:16px;height:16px;border:2px solid var(--border-color);border-radius:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:var(--bg-panel);flex-shrink:0}.checkbox-square.checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-tick{color:#fff;font-size:12px;font-weight:700;line-height:1}.filter-dropdown-option-label{font-size:14px;color:var(--text-body);-webkit-user-select:none;user-select:none}.filter-dropdown-no-results{padding:12px;text-align:center;color:var(--text-secondary);font-size:14px;font-style:italic}.filter-dropdown-options::-webkit-scrollbar{width:6px}.filter-dropdown-options::-webkit-scrollbar-track{background:var(--bg-subtle)}.filter-dropdown-options::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}.filter-dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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:var(--text-secondary);margin-bottom:2px}.filter-dropdown-date-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:8px;border-top:1px solid var(--border-color)}.filter-dropdown-clear-dates-btn{background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.filter-dropdown-clear-dates-btn:hover{background-color:var(--bg-input);border-color:var(--text-muted)}.filter-dropdown-selected-text{font-size:11px;color:var(--text-secondary);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:var(--accent-primary);color:#fff;border:1.5px solid var(--accent-primary)}.filter-apply-btn:hover{background:#2e47a1;border-color:#2e47a1}:root[data-theme=dark] .filter-apply-btn:hover,:root[data-theme=black] .filter-apply-btn:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.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:var(--bg-panel);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:grid;align-items:stretch;gap:10px}.dashboard-title-card{width:100%;min-width:0;padding:10px;background-color:var(--bg-panel);border-radius:10px;transition:all .2s ease;cursor:default;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.dashboard-title-card h2{margin:0}:root[data-theme=black] .dashboard-title-card h2{color:var(--text-heading)}.dashboard-title-card span{display:block;font-size:14px;color:var(--text-muted);white-space:normal;word-break:break-word}.clickable-card{cursor:pointer;box-shadow:0 2px 8px var(--shadow-color)}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-color);border-color:var(--accent-primary)}.clickable-card:active{transform:translateY(-2px)}.urgent-reports-banner{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-radius:12px;background:linear-gradient(90deg,#f4841f,#f3701f);color:#fff;box-shadow:0 4px 14px #f4841f47}.urgent-reports-banner-left{display:flex;align-items:center;gap:14px;min-width:0}.urgent-reports-banner-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:#ffffff2e;font-size:20px}.urgent-reports-banner-text{min-width:0}.urgent-reports-banner-text h3{margin:0;font-size:15px;font-weight:600;line-height:1.3}.urgent-reports-banner-text p{margin:3px 0 0;font-size:12.5px;font-weight:400;opacity:.9}.urgent-reports-banner-button{flex-shrink:0;background-color:#fff;color:#f4841f;border:none;border-radius:7px;padding:9px 18px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.urgent-reports-banner-button:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}@media (max-width: 640px){.urgent-reports-banner{flex-wrap:wrap}.urgent-reports-banner-button{width:100%}}.dashboard-graph-div{width:100%;display:flex;flex-direction:column;background-color:var(--bg-panel);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:var(--text-heading)}.last-30-days-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500}.last-30-days-button svg{color:var(--text-secondary)}.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:var(--bg-subtle);border-radius:4px;padding:5px 8px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.time-range-div:hover{background-color:var(--bg-input);color:var(--accent-primary)}.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:var(--bg-panel);border-radius:12px;padding:15px;width:300px;height:fit-content;box-shadow:0 4px 20px var(--shadow-color);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:var(--text-heading)}.close-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-heading);transition:color .2s}.close-button:hover{color:var(--text-heading)}.quick-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.quick-select-btn{padding:10px 14px;background-color:var(--bg-app);border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-heading);transition:all .2s}.quick-select-btn:hover{border-color:var(--accent-primary);background-color:var(--bg-input)}.quick-select-btn.active{border-color:var(--accent-primary);background-color:var(--accent-primary);color:#fff}.custom-range-section{margin-bottom:24px}.custom-range-section h3{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-heading)}.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:var(--text-heading)}.dashboard-date-input-wrapper{position:relative;display:flex;align-items:center}.dashboard-date-input{padding:7px 40px 7px 9px;border:1px solid var(--border-color);border-radius:5px;font-size:14px;background:transparent;color:var(--text-heading);transition:border-color .2s;width:100%}.dashboard-date-input:focus{outline:none;border-color:var(--accent-primary)}.dashboard-date-input-icon{position:absolute;right:12px;color:var(--text-heading);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:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-body)}.cancel-btn:hover{background-color:var(--bg-subtle)}.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:var(--border-color);margin:16px 0}.recent-incidents-table-container{width:100%;background-color:var(--bg-panel);border-radius:10px;padding:20px;box-sizing:border-box}.recent-incidents-table-container h2{margin:0 0 15px;color:var(--text-heading)}.recent-incidents-table{width:100%;border-collapse:collapse}.recent-incidents-table th{padding:10px;text-align:left;font-size:14px;color:var(--text-secondary);font-weight:600}.recent-incidents-table td{padding:10px;text-align:left;font-size:12px;font-weight:600;color:var(--text-body)}.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:var(--bg-subtle)}.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:var(--bg-panel);border-radius:10px;display:flex;flex-direction:column;gap:10px}.skeleton-number{width:60px;height:30px;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-text{width:80px;height:16px;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-graph{width:100%;background-color:var(--bg-panel);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,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-date-picker{width:120px;height:32px;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 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,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-chart{flex:1;height:100%;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 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:var(--accent-primary);opacity:.3;animation:chartLine 2s ease-in-out infinite}.skeleton-table{width:100%;background-color:var(--bg-panel);border-radius:10px;padding:20px;box-sizing:border-box}.skeleton-table-title{width:200px;height:24px;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 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,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 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,var(--skeleton-highlight) 25%,var(--skeleton-base) 50%,var(--skeleton-highlight) 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:var(--accent-primary);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:var(--text-heading);font-size:18px;font-weight:600}.spinner-text p{margin:5px 0 0;color:var(--text-secondary);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:var(--accent-primary);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:var(--text-heading);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:var(--bg-panel);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:var(--bg-panel);color:var(--table-text);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:var(--table-header-text);background-color:var(--table-header-bg);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 var(--shadow-color);z-index:5;background-color:var(--bg-panel)}.customer-table td{max-width:150px;height:45px;color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out;font-weight:600}.customer-table td:hover{background:var(--bg-panel);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:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.customer-table th:last-child,.customer-table td:last-child{overflow:visible;border-top-right-radius:12px;border-bottom-right-radius:12px}.customer-table tbody td:has(.priority-cell),.customer-table tbody td:has(.block-priority-cell),.customer-table tbody td:has(.semi-priority-cell){position:relative}.customer-table .priority-cell{position:absolute;left:0;top:0;bottom:0;width:5px;margin-right:5px;background-color:var(--priority-high);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:var(--priority-block);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:var(--priority-medium);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:var(--text-heading)}.customer-table .action-cell:hover svg{transform:scale(1.3)}.customer-table .action-cell-disabled{display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:not-allowed}.customer-table .action-cell-disabled svg{width:1.5em;height:1.5em;stroke:var(--table-icon-muted);opacity:.5}.customer-table .select-cell{width:36px;max-width:36px;cursor:default}.customer-table .select-cell input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:2px solid var(--table-checkbox-border);border-radius:2px;background-color:var(--table-checkbox-bg);cursor:pointer;position:relative;transition:all .2s ease}.customer-table .select-cell input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.customer-table .select-cell input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:-1px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.customer-table .select-cell input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.select-all-tooltip-wrapper{position:relative;display:inline-flex}.select-all-tooltip{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 8px);left:0;z-index:100;background-color:#fff;color:#333;font-size:12px;font-weight:400;white-space:normal;width:200px;padding:5px 10px;border-radius:5px;box-shadow:0 4px 12px #0000001f,0 1px 4px #00000014;border:1px solid #e5e7eb;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.select-all-tooltip:before{content:"";position:absolute;bottom:100%;left:8px;border:5px solid transparent;border-bottom-color:#e5e7eb}.select-all-tooltip:after{content:"";position:absolute;bottom:100%;left:8px;border:4px solid transparent;border-bottom-color:#fff}.select-all-tooltip-wrapper:hover .select-all-tooltip{visibility:visible;opacity:1}:root[data-theme=black] .select-all-tooltip{background-color:var(--bg-panel);color:var(--text-body);border-color:var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}:root[data-theme=black] .select-all-tooltip:before{border-bottom-color:var(--border-color)}:root[data-theme=black] .select-all-tooltip:after{border-bottom-color:var(--bg-panel)}.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:max-content;min-width:90px;padding:6px 12px;text-align:center;white-space:nowrap;border:none;background:none;cursor:pointer;font-size:12px;border-radius:6px;color:#4c4c6a;transition:background .2s ease}.action-button:hover{background:#f4f7fe}:root[data-theme=dark] .action-dropdown{background:var(--bg-panel);box-shadow:0 4px 12px var(--shadow-color)}:root[data-theme=dark] .action-button:hover{background:var(--bg-subtle)}:root[data-theme=black] .action-dropdown{background:var(--bg-panel);box-shadow:0 4px 12px var(--shadow-color)}:root[data-theme=black] .action-button:hover{background:var(--bg-subtle)}.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}.action-button.resetPassword{background:#d7fbdf;color:#28a745}.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 var(--border-color);border-radius:.375rem;background-color:var(--bg-panel);color:var(--text-body);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.page-link:hover{background-color:var(--bg-subtle)}.active .page-link{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.disabled .page-link{color:var(--text-muted);cursor:not-allowed;border-color:var(--border-color)}.disabled .page-link:hover{background-color:var(--bg-panel)}.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:var(--bg-panel);box-shadow:-2px 0 8px var(--shadow-color);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:var(--text-heading);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:var(--text-heading)}.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:var(--text-body);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}.form-helper-text{color:var(--text-secondary);font-size:12px;margin-top:4px}@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:var(--bg-input);color:var(--text-body);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:var(--accent-primary);pointer-events:none}.dropdownv1-input:disabled{background-color:var(--bg-subtle);color:var(--text-muted)}.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:var(--bg-input);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:var(--accent-primary)}.dropdownv1-input-multi:focus-within,.dropdownv1-input-container:focus-within .dropdownv1-input-multi{outline:none;box-shadow:0 0 0 2px #0080804d;border-color:var(--accent-primary)}.dropdownv1-input-container.disabled .dropdownv1-input-multi{cursor:not-allowed;background-color:var(--bg-subtle)}.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:var(--accent-primary);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:var(--text-secondary);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:var(--text-secondary);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:var(--bg-panel);border:1px solid var(--border-color);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:var(--bg-subtle)}.dropdownv1-option.selected{background-color:var(--bg-subtle);color:var(--accent-primary)}.option-selected-icon{color:var(--accent-primary);flex-shrink:0}.dropdownv1-options::-webkit-scrollbar{width:6px}.dropdownv1-options::-webkit-scrollbar-track{background:var(--bg-subtle)}.dropdownv1-options::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}.dropdownv1-options::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@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}}.dropdown-outer-container{position:relative;width:100%;cursor:pointer}.dropdown-container{max-width:100%;padding:10px;font-family:Nunito;background-color:var(--bg-input);display:flex;box-sizing:border-box;border-radius:6px}.dropdown-control{width:100%;padding:10px;display:flex;justify-content:end;background-color:var(--bg-input)}.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:var(--bg-panel);border:1px solid var(--border-color);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:var(--bg-subtle)}.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:var(--accent-primary);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:var(--accent-primary);animation:spin 1s linear infinite}.searchable-dropdown-wrapper{position:relative;width:100%;font-family:Nunito,sans-serif}.searchable-dropdown-wrapper.disabled{opacity:.6;cursor:not-allowed}.searchable-dropdown-input{width:100%;background-color:var(--bg-input);color:var(--text-body);padding:12px;font-size:14px;font-weight:400;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}.searchable-dropdown-input:hover:not(.disabled){background-color:var(--bg-subtle)}.searchable-dropdown-input:focus-within,.searchable-dropdown-wrapper:focus-within .searchable-dropdown-input{outline:none;box-shadow:0 0 0 2px #0080804d}.searchable-dropdown-wrapper.disabled .searchable-dropdown-input{background-color:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}.searchable-dropdown-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-dropdown-value.placeholder{color:var(--text-secondary)}.searchable-dropdown-arrow{color:var(--accent-primary);margin-left:8px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.searchable-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;margin-top:2px;max-height:250px;overflow:hidden}.search-input-container{padding:8px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.search-icon{color:var(--text-secondary);flex-shrink:0}.search-input{width:100%;background-color:var(--bg-input);color:var(--text-body);padding:8px 12px;font-size:14px;font-weight:400;border:1px solid var(--border-color);font-family:Nunito,sans-serif;border-radius:4px;box-sizing:border-box}.search-input:focus{outline:none;box-shadow:0 0 0 2px #0080804d;border-color:var(--accent-primary)}.scroll-search-input-container{position:relative;padding:8px;border-bottom:1px solid var(--border-color)}.scroll-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.scroll-search-input{width:100%;background-color:var(--bg-input);color:var(--text-body);padding:5px 12px 5px 36px;font-size:14px;font-weight:400;border:1px solid var(--border-color);font-family:Nunito,sans-serif;border-radius:4px;box-sizing:border-box}.scroll-search-input:focus{outline:none;box-shadow:0 0 0 2px #0080804d;border-color:var(--accent-primary)}.searchable-dropdown-options{max-height:200px;overflow-y:auto}.searchable-dropdown-option{padding:10px 14px;cursor:pointer;font-size:14px;transition:background-color .2s ease;border-bottom:1px solid var(--border-color);background-color:var(--bg-input)}.searchable-dropdown-option:last-child{border-bottom:none}.searchable-dropdown-option:hover{background-color:var(--bg-subtle)}.multiselect-dropdown-wrapper{position:relative;width:100%;font-family:Nunito,sans-serif}.multiselect-dropdown-wrapper.disabled{opacity:.6;cursor:not-allowed}.multiselect-dropdown-input{width:100%;background-color:var(--bg-input);color:var(--text-body);padding:14px;font-size:14px;font-weight:400;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:20px}.multiselect-dropdown-input:hover:not(.disabled){background-color:var(--bg-subtle)}.multiselect-dropdown-input:focus-within,.multiselect-dropdown-wrapper:focus-within .multiselect-dropdown-input{outline:none;box-shadow:0 0 0 2px #0080804d}.multiselect-dropdown-wrapper.disabled .multiselect-dropdown-input{background-color:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}.multiselect-selected-content{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:20px}.multiselect-selected-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.multiselect-selected-chip{background-color:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;max-width:200px}.multiselect-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiselect-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}.multiselect-chip-remove:hover{background-color:#fff3}.multiselect-chip-remove:disabled{cursor:not-allowed;opacity:.5}.multiselect-placeholder{color:var(--text-secondary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiselect-dropdown-controls{display:flex;align-items:center;gap:8px;margin-left:8px}.multiselect-dropdown-arrow{color:var(--accent-primary);transition:transform .2s ease}.multiselect-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;margin-top:2px;max-height:250px;overflow:hidden}.multiselect-dropdown-options{max-height:200px;overflow-y:auto}.multiselect-dropdown-option{padding:10px 14px;cursor:pointer;font-size:14px;transition:background-color .2s ease;border-bottom:1px solid var(--border-color);background-color:var(--bg-input);display:flex;align-items:center;justify-content:space-between}.multiselect-dropdown-option:last-child{border-bottom:none}.multiselect-dropdown-option:hover{background-color:var(--bg-subtle)}.multiselect-dropdown-option.selected{background-color:var(--bg-subtle);color:var(--accent-primary);font-weight:500}.multiselect-check-icon{color:var(--accent-primary);flex-shrink:0}.searchable-dropdown-options::-webkit-scrollbar,.multiselect-dropdown-options::-webkit-scrollbar{width:6px}.searchable-dropdown-options::-webkit-scrollbar-track,.multiselect-dropdown-options::-webkit-scrollbar-track{background:var(--bg-subtle)}.searchable-dropdown-options::-webkit-scrollbar-thumb,.multiselect-dropdown-options::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}.searchable-dropdown-options::-webkit-scrollbar-thumb:hover,.multiselect-dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.multiselect-selected-chip{font-size:11px;padding:3px 6px}.multiselect-chip-label{max-width:120px}.searchable-dropdown-option,.multiselect-dropdown-option{padding:12px 14px}.searchable-dropdown-input,.multiselect-dropdown-input{padding:12px}.search-input{padding:6px 10px}}.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:var(--bg-panel);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:var(--text-body)}.customer-edit-field label.required:after{content:"*";color:red;margin-left:4px}.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:var(--bg-panel);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:var(--accent-primary)}.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}:root[data-theme=black] .playback-input-container>p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.playback-input-container>input{padding:10px;border-radius:8px;border:none;background:var(--bg-subtle);color:var(--text-heading);outline:0}.playback-data-details{padding:12px;border-radius:8px;border:none;background:var(--bg-subtle);color:var(--text-heading);font-size:14px;margin-top:10px}.playback-data-details>p{margin:0}.playback-details-container,.summary-container{width:100%;background:var(--bg-panel);border-radius:10px;box-sizing:border-box;padding:18px}.details-attachment-container{flex:1;background:var(--bg-panel);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:var(--scrollbar-track)}.attachment-images-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.attachment-image-container>img{width:100%;height:auto;border-radius:6px}.playback-details{color:var(--text-heading);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:var(--bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px;border-radius:8px}.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:var(--bg-panel)}.details-stage-button{padding:12px 25px;height:40px;color:var(--accent-primary);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:var(--text-body);background-color:var(--bg-subtle)}.details-stage-button.active{color:#fff;background-color:var(--accent-primary)}.details-stage-button:first-child{border-radius:5px 0 0 5px}.details-stage-button:last-child{border-radius:0 5px 5px 0}.details-nav-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-panel);border-radius:8px;padding:10px 16px;margin:10px 0}.details-nav-button{display:flex;align-items:center;gap:6px;padding:8px 16px;height:36px;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.details-nav-prev{color:#fff;background-color:var(--accent-primary);border:none}.details-nav-prev:hover:not(:disabled){background-color:var(--accent-primary-hover)}.details-nav-next{color:#fff;background-color:var(--accent-primary);border:none}.details-nav-next:hover:not(:disabled){background-color:var(--accent-primary-hover)}.details-nav-button:disabled{opacity:.5;cursor:not-allowed}.details-nav-position{color:var(--text-secondary);font-size:13px;font-weight:500}.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}.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}.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}:root[data-theme=dark] .text-area{background-color:var(--bg-input);color:var(--text-body)}:root[data-theme=dark] .text-area:disabled{background-color:var(--bg-subtle);color:var(--text-muted)}:root[data-theme=black] .text-area{background-color:var(--bg-input);color:var(--text-body)}:root[data-theme=black] .text-area:disabled{background-color:var(--bg-subtle);color:var(--text-muted)}.email-tags-input-container{width:100%}.email-tags-input-label{display:block;font-size:15px;font-weight:500;color:var(--text-body);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:var(--text-secondary);font-size:.75rem;margin-top:.25rem}:root[data-theme=dark] .email-tags-input-label{color:var(--text-body)}:root[data-theme=dark] .email-tags-input-wrapper{border-color:var(--border-color);background-color:var(--bg-panel)}:root[data-theme=dark] .email-tags-input-wrapper.disabled{background-color:var(--bg-subtle)}:root[data-theme=dark] .email-tag.disabled{background-color:var(--bg-subtle);color:var(--text-body)}:root[data-theme=dark] .email-tag.enabled{background-color:var(--bg-input);color:var(--accent-primary)}:root[data-theme=dark] .email-tag-remove-btn{color:inherit}:root[data-theme=dark] .email-input-field{color:var(--text-body)}:root[data-theme=dark] .email-input-field::placeholder{color:var(--text-muted)}:root[data-theme=dark] .email-empty-state{color:var(--text-muted)}:root[data-theme=black] .email-tags-input-label{color:var(--text-body)}:root[data-theme=black] .email-tags-input-wrapper{border-color:var(--border-color);background-color:var(--bg-panel)}:root[data-theme=black] .email-tags-input-wrapper.disabled{background-color:var(--bg-subtle)}:root[data-theme=black] .email-tag.disabled{background-color:var(--bg-subtle);color:var(--text-body)}:root[data-theme=black] .email-tag.enabled{background-color:var(--bg-input);color:var(--accent-primary)}:root[data-theme=black] .email-tag-remove-btn{color:inherit}:root[data-theme=black] .email-input-field{color:var(--text-body)}:root[data-theme=black] .email-input-field::placeholder{color:var(--text-muted)}:root[data-theme=black] .email-empty-state{color:var(--text-muted)}.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:var(--bg-panel)}.user-edit-details-area{width:100%;height:auto;background-color:var(--bg-panel);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:var(--bg-panel);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 var(--accent-primary);border-radius:4px;background-color:#f0f0f0;cursor:pointer;position:relative}:root[data-theme=dark] .permission-checkbox{background-color:var(--bg-subtle)}.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:var(--bg-panel);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:var(--text-body)}.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:#75b8ec}.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}:root[data-theme=dark] .customer-sites-section{background-color:var(--bg-subtle);border-color:var(--border-color)}:root[data-theme=dark] .customer-sites-section h2{color:var(--text-body)}:root[data-theme=dark] .all-access-item{background-color:var(--bg-subtle);border-color:var(--border-color-strong);color:var(--text-body)}:root[data-theme=dark] .customer-site-left,:root[data-theme=dark] .customer-site-right{background-color:var(--bg-subtle);border-color:var(--border-color-strong)}:root[data-theme=dark] .customer-name{color:var(--text-body)}:root[data-theme=dark] .site-name{color:var(--text-secondary);border-bottom-color:var(--border-color)}:root[data-theme=dark] .no-customer-sites{color:var(--text-secondary);background-color:var(--bg-panel);border-color:var(--border-color)}:root[data-theme=dark] .customer-card-name{color:var(--text-body)}:root[data-theme=dark] .playback-customers-summary{background:var(--bg-panel);border-color:var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}:root[data-theme=dark] .stat-label{color:var(--text-secondary)}:root[data-theme=dark] .no-playback-text h3{color:var(--text-body)}:root[data-theme=dark] .no-playback-text p{color:var(--text-secondary)}:root[data-theme=dark] .playback-customers-section{background-color:var(--bg-subtle);border-color:var(--border-color)}:root[data-theme=dark] .playback-customers-section h2{color:var(--text-body)}:root[data-theme=dark] .playback-customer-row{background-color:var(--bg-panel);border-color:var(--border-color-strong)}:root[data-theme=dark] .playback-customer-name{color:var(--text-body)}:root[data-theme=dark] .no-playback-customers{color:var(--text-secondary);background-color:var(--bg-panel);border-color:var(--border-color)}:root[data-theme=dark] .playback-permissions-container-note{color:var(--text-secondary)}:root[data-theme=dark] .toggle-slider{background-color:var(--border-color-strong)}:root[data-theme=black] .permission-checkbox{background-color:var(--bg-subtle)}:root[data-theme=black] .customer-sites-section{background-color:var(--bg-subtle);border-color:var(--border-color)}:root[data-theme=black] .customer-sites-section h2{color:var(--text-body)}:root[data-theme=black] .all-access-item{background-color:var(--bg-subtle);border-color:var(--border-color-strong);color:var(--text-body)}:root[data-theme=black] .customer-site-left,:root[data-theme=black] .customer-site-right{background-color:var(--bg-subtle);border-color:var(--border-color-strong)}:root[data-theme=black] .customer-name{color:var(--text-body)}:root[data-theme=black] .site-name{color:var(--text-secondary);border-bottom-color:var(--border-color)}:root[data-theme=black] .no-customer-sites{color:var(--text-secondary);background-color:var(--bg-panel);border-color:var(--border-color)}:root[data-theme=black] .customer-card-name{color:var(--text-body)}:root[data-theme=black] .playback-customers-summary{background:var(--bg-panel);border-color:var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}:root[data-theme=black] .stat-label{color:var(--text-secondary)}:root[data-theme=black] .no-playback-text h3{color:var(--text-body)}:root[data-theme=black] .no-playback-text p{color:var(--text-secondary)}:root[data-theme=black] .playback-customers-section{background-color:var(--bg-subtle);border-color:var(--border-color)}:root[data-theme=black] .playback-customers-section h2{color:var(--text-body)}:root[data-theme=black] .playback-customer-row{background-color:var(--bg-panel);border-color:var(--border-color-strong)}:root[data-theme=black] .playback-customer-name{color:var(--text-body)}:root[data-theme=black] .no-playback-customers{color:var(--text-secondary);background-color:var(--bg-panel);border-color:var(--border-color)}:root[data-theme=black] .playback-permissions-container-note{color:var(--text-secondary)}:root[data-theme=black] .toggle-slider{background-color:var(--border-color-strong)}.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:var(--bg-panel);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%}:root[data-theme=black] .profile-edit-field label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary)}.profile-theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px;background-color:var(--bg-input);border-radius:4px}.profile-theme-toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-body)}.switch-track{width:46px;height:26px;border-radius:999px;border:none;background-color:var(--border-color-strong);padding:3px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:background-color .2s ease;box-sizing:border-box;flex-shrink:0}.switch-track.switch-checked{background-color:var(--accent-primary);justify-content:flex-end}.switch-track:disabled{cursor:not-allowed;opacity:.6}.switch-knob{width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.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:var(--bg-panel);border-radius:10px}.changepass-edit-details-area h2{font-size:16px;font-weight:400;padding-top:20px;color:var(--text-body);padding-bottom:20px}.changepass-edit-field{width:90%;margin-bottom:20px}.changepass-edit-field label{color:var(--text-body)}.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}}:root[data-theme=dark] .datetime-picker-label{color:var(--text-body)}:root[data-theme=dark] .datetime-picker-input{color:var(--text-body);background-color:var(--bg-input);box-shadow:0 1px 2px 0 var(--shadow-color)}:root[data-theme=dark] .datetime-picker-input:hover{border-color:var(--border-color-strong);box-shadow:0 3px 4px -1px var(--shadow-color)}:root[data-theme=dark] .datetime-picker-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #425ed933}:root[data-theme=dark] .datetime-picker-input:disabled{background-color:var(--bg-subtle);color:var(--text-muted)}:root[data-theme=dark] .datetime-picker-icon{color:var(--text-secondary)}:root[data-theme=dark] .datetime-picker-icon:hover{color:var(--text-body);background-color:var(--bg-subtle)}:root[data-theme=dark] .datetime-picker-dropdown{background:var(--bg-panel);box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -2px var(--shadow-color);border:1px solid var(--border-color)}:root[data-theme=dark] .datetime-picker-calendar{border-bottom:1px solid var(--border-color)}:root[data-theme=dark] .nav-button{color:var(--text-secondary)}:root[data-theme=dark] .nav-button:hover{background-color:var(--bg-subtle);color:var(--text-body)}:root[data-theme=dark] .month-year{color:var(--text-body)}:root[data-theme=dark] .weekday{color:var(--text-secondary)}:root[data-theme=dark] .calendar-day:not(.empty):not(.disabled):hover{background-color:var(--bg-subtle);color:var(--accent-primary)}:root[data-theme=dark] .calendar-day.selected{background-color:var(--accent-primary)}:root[data-theme=dark] .calendar-day.selected:hover{background-color:var(--accent-primary-hover)}:root[data-theme=dark] .calendar-day.disabled{color:var(--text-muted)}:root[data-theme=dark] .time-section label{color:var(--text-body)}:root[data-theme=dark] .time-input{border-color:var(--border-color);color:var(--text-body);background-color:var(--bg-panel)}:root[data-theme=dark] .time-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #425ed933}:root[data-theme=dark] .time-label{color:var(--text-secondary)}:root[data-theme=dark] .time-separator{color:var(--text-secondary)}:root[data-theme=dark] .period-button{border-color:var(--border-color);background-color:var(--bg-panel);color:var(--text-secondary)}:root[data-theme=dark] .period-button:hover{border-color:var(--border-color-strong);background-color:var(--bg-subtle)}:root[data-theme=dark] .period-button.active{background-color:var(--accent-primary);border-color:var(--accent-primary)}:root[data-theme=dark] .btn-clear{background-color:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-color)}:root[data-theme=dark] .btn-clear:hover{background-color:var(--bg-input);border-color:var(--border-color-strong)}:root[data-theme=dark] .btn-apply{background-color:var(--accent-primary);border-color:var(--accent-primary)}:root[data-theme=dark] .btn-apply:hover:not(:disabled){background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}:root[data-theme=dark] .btn-apply:disabled{background-color:var(--border-color);color:var(--text-muted);border-color:var(--border-color)}:root[data-theme=dark] .time-picker-dropdown{background:var(--bg-panel);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color);border:1px solid var(--border-color)}:root[data-theme=dark] .time-picker-item{color:var(--text-body)}:root[data-theme=dark] .time-picker-item:hover{background-color:var(--bg-subtle);color:var(--accent-primary)}:root[data-theme=dark] .time-picker-item.selected{background-color:var(--accent-primary)}:root[data-theme=dark] .time-picker-dropdown::-webkit-scrollbar-track,:root[data-theme=dark] .time-input::-webkit-scrollbar-track{background:var(--scrollbar-track)}:root[data-theme=dark] .time-picker-dropdown::-webkit-scrollbar-thumb,:root[data-theme=dark] .time-input::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}:root[data-theme=dark] .time-picker-dropdown::-webkit-scrollbar-thumb:hover,:root[data-theme=dark] .time-input::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root[data-theme=black] .datetime-picker-label{color:var(--text-body)}:root[data-theme=black] .datetime-picker-input{color:var(--text-body);background-color:var(--bg-input);box-shadow:0 1px 2px 0 var(--shadow-color)}:root[data-theme=black] .datetime-picker-input:hover{border-color:var(--border-color-strong);box-shadow:0 3px 4px -1px var(--shadow-color)}:root[data-theme=black] .datetime-picker-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #425ed933}:root[data-theme=black] .datetime-picker-input:disabled{background-color:var(--bg-subtle);color:var(--text-muted)}:root[data-theme=black] .datetime-picker-icon{color:var(--text-secondary)}:root[data-theme=black] .datetime-picker-icon:hover{color:var(--text-body);background-color:var(--bg-subtle)}:root[data-theme=black] .datetime-picker-dropdown{background:var(--bg-panel);box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -2px var(--shadow-color);border:1px solid var(--border-color)}:root[data-theme=black] .datetime-picker-calendar{border-bottom:1px solid var(--border-color)}:root[data-theme=black] .nav-button{color:var(--text-secondary)}:root[data-theme=black] .nav-button:hover{background-color:var(--bg-subtle);color:var(--text-body)}:root[data-theme=black] .month-year{color:var(--text-body)}:root[data-theme=black] .weekday{color:var(--text-secondary)}:root[data-theme=black] .calendar-day:not(.empty):not(.disabled):hover{background-color:var(--bg-subtle);color:var(--accent-primary)}:root[data-theme=black] .calendar-day.selected{background-color:var(--accent-primary)}:root[data-theme=black] .calendar-day.selected:hover{background-color:var(--accent-primary-hover)}:root[data-theme=black] .calendar-day.disabled{color:var(--text-muted)}:root[data-theme=black] .time-section label{color:var(--text-body)}:root[data-theme=black] .time-input{border-color:var(--border-color);color:var(--text-body);background-color:var(--bg-panel)}:root[data-theme=black] .time-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #425ed933}:root[data-theme=black] .time-label{color:var(--text-secondary)}:root[data-theme=black] .time-separator{color:var(--text-secondary)}:root[data-theme=black] .period-button{border-color:var(--border-color);background-color:var(--bg-panel);color:var(--text-secondary)}:root[data-theme=black] .period-button:hover{border-color:var(--border-color-strong);background-color:var(--bg-subtle)}:root[data-theme=black] .period-button.active{background-color:var(--accent-primary);border-color:var(--accent-primary)}:root[data-theme=black] .btn-clear{background-color:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-color)}:root[data-theme=black] .btn-clear:hover{background-color:var(--bg-input);border-color:var(--border-color-strong)}:root[data-theme=black] .btn-apply{background-color:var(--accent-primary);border-color:var(--accent-primary)}:root[data-theme=black] .btn-apply:hover:not(:disabled){background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}:root[data-theme=black] .btn-apply:disabled{background-color:var(--border-color);color:var(--text-muted);border-color:var(--border-color)}:root[data-theme=black] .time-picker-dropdown{background:var(--bg-panel);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color);border:1px solid var(--border-color)}:root[data-theme=black] .time-picker-item{color:var(--text-body)}:root[data-theme=black] .time-picker-item:hover{background-color:var(--bg-subtle);color:var(--accent-primary)}:root[data-theme=black] .time-picker-item.selected{background-color:var(--accent-primary)}:root[data-theme=black] .time-picker-dropdown::-webkit-scrollbar-track,:root[data-theme=black] .time-input::-webkit-scrollbar-track{background:var(--scrollbar-track)}:root[data-theme=black] .time-picker-dropdown::-webkit-scrollbar-thumb,:root[data-theme=black] .time-input::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}:root[data-theme=black] .time-picker-dropdown::-webkit-scrollbar-thumb:hover,:root[data-theme=black] .time-input::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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}:root[data-theme=black] .attachment-overlay{color:var(--text-secondary)}:root[data-theme=black] .attachment-input-wrapper{background-color:var(--bg-subtle)}:root[data-theme=black] .attachment-title{color:var(--text-heading)}:root[data-theme=black] .attachment-preview-image{border-color:var(--border-color)}:root[data-theme=black] .attachment-filename{color:var(--text-body)}:root[data-theme=black] .preview-controls>button,:root[data-theme=black] .add-more-container>button,:root[data-theme=black] .browse-dropdown-wrapper-plus>button{background:var(--bg-panel);color:var(--text-heading)}:root[data-theme=black] .image-skeleton{background-color:var(--skeleton-base)}:root[data-theme=black] .browse-dropdown,:root[data-theme=black] .preview-dropdown{background:var(--bg-panel);border-color:var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}:root[data-theme=black] .dropbox-modal{background:var(--bg-panel);box-shadow:0 10px 30px var(--shadow-color)}:root[data-theme=black] .dropbox-modal-header{border-bottom:1px solid var(--border-color)}:root[data-theme=black] .dropbox-modal-header h3{color:var(--text-heading)}:root[data-theme=black] .close-modal-btn{color:var(--text-body)}:root[data-theme=black] .close-modal-btn:hover{background-color:var(--bg-subtle)}:root[data-theme=black] .back-btn{border-color:var(--border-color);color:var(--text-body)}:root[data-theme=black] .back-btn:hover{background:var(--bg-subtle);border-color:var(--border-color-strong)}:root[data-theme=black] .current-path{color:var(--text-secondary)}:root[data-theme=black] .dropbox-loading{color:var(--text-secondary)}:root[data-theme=black] .dropbox-file-item{background:var(--bg-panel);border-color:var(--border-color)}:root[data-theme=black] .file-name{color:var(--text-body)}:root[data-theme=black] .file-size{color:var(--text-secondary)}:root[data-theme=black] .no-files{color:var(--text-muted)}:root[data-theme=black] .browse-dropdown-menu{background:var(--bg-panel);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}:root[data-theme=black] .browse-dropdown-option-btn:hover{background:var(--bg-subtle)}:root[data-theme=black] .browse-dropdown-option-icon{color:var(--accent-primary)}:root[data-theme=black] .browse-dropdown-option-text{color:var(--text-body)}.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%)}.dropbox-image-thumbnail-wrapper{position:relative;width:100%;height:110px;border-radius:6px;overflow:hidden}.dropbox-images-list .dropbox-image-thumbnail-wrapper{width:80px;height:60px;flex-shrink:0;position:relative;border-radius:6px;overflow:hidden}.dropbox-images-list .dropbox-preview-btn{padding:4px 9px;font-size:10px;gap:4px;border-radius:2px}.dropbox-image-thumbnail-wrapper .dropbox-image-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;transition:filter .25s ease}.dropbox-image-hover-overlay{position:absolute;inset:0;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease;border-radius:6px}.dropbox-image-thumbnail-wrapper:hover .dropbox-image-hover-overlay{opacity:1}.dropbox-preview-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;background:#425ed9;color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 14px #425ed973;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}.dropbox-preview-btn:hover{background:#3349c0;transform:scale(1.06);box-shadow:0 6px 20px #425ed98c}.dropbox-preview-btn:active{transform:scale(.97)}.dropbox-preview-overlay{position:fixed;inset:0;background:#050a1eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;animation:previewFadeIn .22s ease}.dropbox-preview-modal{background:#fff;border-radius:8px;box-shadow:0 32px 64px #00000047,0 0 0 1px #ffffff14;max-width:1200px;width:fit-content;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:previewSlideUp .28s cubic-bezier(.34,1.56,.64,1)}.dropbox-preview-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #eef0f6;flex-shrink:0;gap:16px}.dropbox-preview-title-block{display:flex;flex-direction:column;gap:5px;min-width:0}.dropbox-preview-filename{font-size:15px;font-weight:700;color:#0a1c80;word-break:break-all;line-height:1.35}.dropbox-preview-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dropbox-preview-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#7a84a8;font-weight:500}.dropbox-preview-meta-dot{color:#c3c9dc;font-size:13px}.dropbox-preview-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-preview-close-btn:hover{background:#f1f1f140;transform:scale(1.05)}.dropbox-preview-image-wrap{display:flex;align-items:center;justify-content:center;padding:20px 24px 24px;overflow:auto;flex:1}.dropbox-preview-image{display:block;max-width:100%;max-height:calc(90vh - 120px);width:auto;height:auto;border-radius:10px;box-shadow:0 8px 28px #0a1c801f;object-fit:contain}@media (max-width: 860px){.dropbox-preview-modal{min-width:calc(100vw - 48px)}}:root[data-theme=black] .dropbox-modal{background:var(--bg-panel);box-shadow:0 25px 50px -12px var(--shadow-color)}:root[data-theme=black] .dropbox-modal-header{background-color:var(--bg-panel);color:var(--text-body)}:root[data-theme=black] .dropbox-modal-title{color:var(--text-heading)}:root[data-theme=black] .dropbox-header-icon{color:var(--text-heading);background:var(--bg-panel)}:root[data-theme=black] .dropbox-modal-close-btn{background:var(--bg-subtle);color:var(--text-heading)}:root[data-theme=black] .dropbox-modal-close-btn:hover{background:var(--bg-panel-alt)}:root[data-theme=black] .dropbox-content-header{background:var(--bg-subtle)}:root[data-theme=black] .dropbox-breadcrumb-item{color:var(--text-body)}:root[data-theme=black] .dropbox-breadcrumb-item:hover{background:var(--bg-subtle);color:var(--text-heading)}:root[data-theme=black] .dropbox-breadcrumb-separator{color:var(--text-muted)}:root[data-theme=black] .dropbox-current-folder{color:var(--text-body)}:root[data-theme=black] .dropbox-toolbar{background:var(--bg-panel);border-bottom:1px solid var(--border-color)}:root[data-theme=black] .dropbox-search-icon{color:var(--text-secondary)}:root[data-theme=black] .dropbox-search-input{background:var(--bg-subtle);color:var(--text-body)}:root[data-theme=black] .dropbox-dropdowntrigger{background:var(--bg-subtle)}:root[data-theme=black] .dropbox-dropdownvalue,:root[data-theme=black] .dropbox-dropdownicon,:root[data-theme=black] .dropbox-dropdownlabel,:root[data-theme=black] .dropbox-dropdownchevron{color:var(--text-body)}:root[data-theme=black] .dropbox-dropdownmenu{background:var(--bg-panel);box-shadow:0 10px 25px var(--shadow-color);border:1px solid var(--border-color)}:root[data-theme=black] .dropbox-dropdownoption{background:var(--bg-panel);color:var(--text-body)}:root[data-theme=black] .dropbox-dropdownoption:hover{color:var(--text-heading);background:var(--bg-subtle)}:root[data-theme=black] .dropbox-dropdownoption.active svg{color:var(--text-heading)}:root[data-theme=black] .dropbox-dropdownoption:not(:last-child){border-bottom:1px solid var(--border-color)}:root[data-theme=black] .dropbox-dropdownoption svg{color:var(--text-secondary)}:root[data-theme=black] .dropbox-toolbar-btn{background:var(--bg-subtle)}:root[data-theme=black] .dropbox-toolbar-btn:hover{background:var(--bg-panel-alt);color:var(--text-heading)}:root[data-theme=black] .dropbox-toolbar-view-btn:hover{background:var(--bg-panel-alt)}:root[data-theme=black] .dropbox-toolbar-view-btn.active{background:var(--bg-panel);box-shadow:0 2px 6px var(--shadow-color)}:root[data-theme=black] .dropbox-items-container{background:var(--bg-panel)}:root[data-theme=black] .dropbox-images-list .dropbox-image-details .dropbox-image-name{color:var(--text-heading)}:root[data-theme=black] .dropbox-images-list .dropbox-image-details .dropbox-image-date{color:var(--text-secondary)}:root[data-theme=black] .dropbox-image-item{background:var(--bg-panel);border-color:var(--border-color);box-shadow:0 2px 4px var(--shadow-color)}:root[data-theme=black] .dropbox-image-item:hover{box-shadow:0 8px 20px var(--shadow-color)}:root[data-theme=black] .dropbox-image-item.selected{background:var(--status-info-bg)}:root[data-theme=black] .dropbox-image-item.folder-item:hover{background:var(--bg-panel-alt)}:root[data-theme=black] .dropbox-image-thumbnail{background:var(--bg-subtle)}:root[data-theme=black] .dropbox-image-name{color:var(--text-heading)}:root[data-theme=black] .dropbox-content-loading,:root[data-theme=black] .dropbox-content-empty{color:var(--text-secondary)}:root[data-theme=black] .dropbox-loading-spinner{border-color:var(--border-color);border-top-color:var(--accent-primary)}:root[data-theme=black] .dropbox-pagination{background:var(--bg-panel);border-top:1px solid var(--border-color)}:root[data-theme=black] .dropbox-pagination-btn{background:var(--bg-panel);color:var(--text-body)}:root[data-theme=black] .dropbox-pagination-btn:hover:not(:disabled){background:var(--bg-panel-alt);border-color:var(--border-color-strong)}:root[data-theme=black] .dropbox-pagination-btn:disabled{color:var(--text-muted)}:root[data-theme=black] .dropbox-pagination-info{color:var(--text-heading)}:root[data-theme=black] .dropbox-modal-footer{background:var(--bg-subtle);border-top:1px solid var(--border-color)}:root[data-theme=black] .dropbox-btn-secondary{background:var(--bg-panel);color:var(--text-secondary);border-color:var(--border-color)}:root[data-theme=black] .dropbox-btn-secondary:hover{background:var(--bg-panel-alt);color:var(--text-heading);border-color:var(--border-color-strong)}:root[data-theme=black] .dropbox-btn-primary:disabled{background:var(--text-muted)}:root[data-theme=black] .dropbox-items-container::-webkit-scrollbar-track{background:var(--scrollbar-track)}:root[data-theme=black] .dropbox-items-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}:root[data-theme=black] .dropbox-items-container{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:root[data-theme=black] .dropbox-items-container:before{background:linear-gradient(to bottom,var(--bg-panel) 0%,transparent 100%)}:root[data-theme=black] .dropbox-items-container:after{background:linear-gradient(to top,var(--bg-panel) 0%,transparent 100%)}:root[data-theme=black] .dropbox-image-hover-overlay{background:#0000008c}:root[data-theme=black] .dropbox-preview-modal{background:var(--bg-panel)}:root[data-theme=black] .dropbox-preview-header{border-bottom:1px solid var(--border-color)}:root[data-theme=black] .dropbox-preview-filename{color:var(--text-heading)}:root[data-theme=black] .dropbox-preview-meta-item{color:var(--text-secondary)}:root[data-theme=black] .dropbox-preview-meta-dot{color:var(--text-muted)}:root[data-theme=black] .dropbox-preview-close-btn{background:var(--bg-subtle);color:var(--text-heading)}:root[data-theme=black] .dropbox-preview-close-btn:hover{background:var(--bg-panel-alt)}.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;overflow:visible}.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;min-width:0;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;flex-shrink:0}.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-progress-bar{width:240px;height:6px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:12px}.cloud-progress-bar-fill{height:100%;background:#425ed9;border-radius:4px;transition:width .2s ease}.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%)}.cloud-image-thumbnail-wrapper{position:relative;width:100%;height:110px;border-radius:6px;overflow:hidden}.cloud-images-list .cloud-image-thumbnail-wrapper{width:80px;height:60px;flex-shrink:0;position:relative;border-radius:6px;overflow:hidden}.cloud-images-list .cloud-preview-btn{padding:4px 9px;font-size:10px;gap:4px;border-radius:2px}.cloud-image-thumbnail-wrapper .cloud-image-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;transition:filter .25s ease}.cloud-image-hover-overlay{position:absolute;inset:0;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease;border-radius:6px}.cloud-image-thumbnail-wrapper:hover .cloud-image-hover-overlay{opacity:1}.cloud-preview-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;background:#425ed9;color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 14px #425ed973;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}.cloud-preview-btn:hover{background:#3349c0;transform:scale(1.06);box-shadow:0 6px 20px #425ed98c}.cloud-preview-btn:active{transform:scale(.97)}.cloud-preview-overlay{position:fixed;inset:0;background:#050a1eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;animation:previewFadeIn .22s ease}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}.cloud-preview-modal{background:#fff;border-radius:8px;box-shadow:0 32px 64px #00000047,0 0 0 1px #ffffff14;max-width:1200px;width:fit-content;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:previewSlideUp .28s cubic-bezier(.34,1.56,.64,1)}@keyframes previewSlideUp{0%{opacity:0;transform:scale(.93) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.cloud-preview-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #eef0f6;flex-shrink:0;gap:16px}.cloud-preview-title-block{display:flex;flex-direction:column;gap:5px;min-width:0}.cloud-preview-filename{font-size:15px;font-weight:700;color:#0a1c80;word-break:break-all;line-height:1.35}.cloud-preview-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cloud-preview-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#7a84a8;font-weight:500}.cloud-preview-meta-dot{color:#c3c9dc;font-size:13px}.cloud-preview-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-preview-close-btn:hover{background:#f1f1f140;transform:scale(1.05)}.cloud-preview-image-wrap{display:flex;align-items:center;justify-content:center;padding:20px 24px 24px;overflow:hidden;flex:1}.cloud-preview-image{display:block;max-width:100%;max-height:calc(90vh - 120px);width:auto;height:auto;border-radius:10px;box-shadow:0 8px 28px #0a1c801f;object-fit:contain}@media (max-width: 860px){.cloud-preview-modal{min-width:calc(100vw - 48px)}}:root[data-theme=black] .cloud-modal{background:var(--bg-panel);box-shadow:0 25px 50px -12px var(--shadow-color)}:root[data-theme=black] .cloud-modal-header{background-color:var(--bg-panel);color:var(--text-body)}:root[data-theme=black] .cloud-modal-title{color:var(--text-heading)}:root[data-theme=black] .cloud-header-icon{color:var(--text-heading);background:var(--bg-panel)}:root[data-theme=black] .cloud-modal-close-btn{background:var(--bg-subtle);color:var(--text-heading)}:root[data-theme=black] .cloud-modal-close-btn:hover{background:var(--bg-panel-alt)}:root[data-theme=black] .cloud-content-header{background:var(--bg-subtle)}:root[data-theme=black] .cloud-breadcrumb-item{color:var(--text-body)}:root[data-theme=black] .cloud-breadcrumb-item:hover{background:var(--bg-subtle);color:var(--text-heading)}:root[data-theme=black] .cloud-breadcrumb-separator{color:var(--text-muted)}:root[data-theme=black] .cloud-current-folder{color:var(--text-body)}:root[data-theme=black] .cloud-toolbar{background:var(--bg-panel);border-bottom:1px solid var(--border-color)}:root[data-theme=black] .cloud-search-icon{color:var(--text-secondary)}:root[data-theme=black] .cloud-search-input{background:var(--bg-subtle);color:var(--text-body)}:root[data-theme=black] .cloud-dropdowntrigger{background:var(--bg-subtle)}:root[data-theme=black] .cloud-dropdownvalue,:root[data-theme=black] .cloud-dropdownicon,:root[data-theme=black] .cloud-dropdownlabel,:root[data-theme=black] .cloud-dropdownchevron{color:var(--text-body)}:root[data-theme=black] .cloud-dropdownmenu{background:var(--bg-panel);box-shadow:0 10px 25px var(--shadow-color);border:1px solid var(--border-color)}:root[data-theme=black] .cloud-dropdownoption{background:var(--bg-panel);color:var(--text-body)}:root[data-theme=black] .cloud-dropdownoption:hover{color:var(--text-heading);background:var(--bg-subtle)}:root[data-theme=black] .cloud-dropdownoption.active svg{color:var(--text-heading)}:root[data-theme=black] .cloud-dropdownoption:not(:last-child){border-bottom:1px solid var(--border-color)}:root[data-theme=black] .cloud-dropdownoption svg{color:var(--text-secondary)}:root[data-theme=black] .cloud-toolbar-btn{background:var(--bg-subtle)}:root[data-theme=black] .cloud-toolbar-btn:hover{background:var(--bg-panel-alt);color:var(--text-heading)}:root[data-theme=black] .view-toggle{background:var(--bg-subtle)}:root[data-theme=black] .cloud-toolbar-view-btn:hover{background:var(--bg-panel-alt)}:root[data-theme=black] .cloud-toolbar-view-btn.active{background:var(--bg-panel);box-shadow:0 2px 6px var(--shadow-color)}:root[data-theme=black] .cloud-items-container{background:var(--bg-panel)}:root[data-theme=black] .cloud-images-list .cloud-image-details .cloud-image-name{color:var(--text-heading)}:root[data-theme=black] .cloud-images-list .cloud-image-details .cloud-image-date{color:var(--text-secondary)}:root[data-theme=black] .cloud-image-item{background:var(--bg-panel);border-color:var(--border-color);box-shadow:0 2px 4px var(--shadow-color)}:root[data-theme=black] .cloud-image-item:hover{box-shadow:0 8px 20px var(--shadow-color)}:root[data-theme=black] .cloud-image-item.selected{background:var(--status-info-bg)}:root[data-theme=black] .cloud-image-item.folder-item:hover{background:var(--bg-panel-alt)}:root[data-theme=black] .cloud-image-thumbnail{background:var(--bg-subtle)}:root[data-theme=black] .cloud-image-name{color:var(--text-heading)}:root[data-theme=black] .cloud-content-loading,:root[data-theme=black] .cloud-content-empty{color:var(--text-secondary)}:root[data-theme=black] .cloud-loading-spinner{border-color:var(--border-color);border-top-color:var(--accent-primary)}:root[data-theme=black] .cloud-progress-bar{background:var(--border-color)}:root[data-theme=black] .cloud-pagination{background:var(--bg-panel);border-top:1px solid var(--border-color)}:root[data-theme=black] .cloud-pagination-btn{background:var(--bg-panel);color:var(--text-body)}:root[data-theme=black] .cloud-pagination-btn:hover:not(:disabled){background:var(--bg-panel-alt);border-color:var(--border-color-strong)}:root[data-theme=black] .cloud-pagination-btn:disabled{color:var(--text-muted)}:root[data-theme=black] .cloud-pagination-info{color:var(--text-heading)}:root[data-theme=black] .cloud-modal-footer{background:var(--bg-subtle);border-top:1px solid var(--border-color)}:root[data-theme=black] .cloud-btn-secondary{background:var(--bg-panel);color:var(--text-secondary);border-color:var(--border-color)}:root[data-theme=black] .cloud-btn-secondary:hover{background:var(--bg-panel-alt);color:var(--text-heading);border-color:var(--border-color-strong)}:root[data-theme=black] .cloud-btn-primary:disabled{background:var(--text-muted)}:root[data-theme=black] .cloud-items-container::-webkit-scrollbar-track{background:var(--scrollbar-track)}:root[data-theme=black] .cloud-items-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}:root[data-theme=black] .cloud-items-container{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:root[data-theme=black] .cloud-items-container:before{background:linear-gradient(to bottom,var(--bg-panel) 0%,transparent 100%)}:root[data-theme=black] .cloud-items-container:after{background:linear-gradient(to top,var(--bg-panel) 0%,transparent 100%)}:root[data-theme=black] .cloud-image-hover-overlay{background:#0000008c}:root[data-theme=black] .cloud-preview-modal{background:var(--bg-panel)}:root[data-theme=black] .cloud-preview-header{border-bottom:1px solid var(--border-color)}:root[data-theme=black] .cloud-preview-filename{color:var(--text-heading)}:root[data-theme=black] .cloud-preview-meta-item{color:var(--text-secondary)}:root[data-theme=black] .cloud-preview-meta-dot{color:var(--text-muted)}:root[data-theme=black] .cloud-preview-close-btn{background:var(--bg-subtle);color:var(--text-heading)}:root[data-theme=black] .cloud-preview-close-btn:hover{background:var(--bg-panel-alt)}.bulk-action-bar{position:sticky;bottom:16px;z-index:8;margin:16px auto 0;width:fit-content;display:flex;align-items:center;gap:24px;background:#0a1c4d;color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 8px 24px #00000040;font-family:Nunito,sans-serif}.bulk-action-bar-text{font-size:14px;font-weight:600;white-space:nowrap}.bulk-action-bar-buttons{display:flex;align-items:center;gap:10px}.bulk-action-btn{border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease;font-family:Nunito,sans-serif}.bulk-action-btn:hover{opacity:.85}.bulk-action-btn:disabled{opacity:.6;cursor:not-allowed}.bulk-action-cancel{background:#fff;color:#0a1c4d}.bulk-action-block{background:#e71d36;color:#fff}.bulk-action-approve{background:#5b93ff;color:#fff}.bulk-action-print{background:transparent;color:#fff;border:1px solid #ffffff;display:inline-flex;align-items:center;gap:6px}.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-center{width:100%;height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center}.spinner-container{flex:1;width:100%;display:flex;justify-content:center;align-items:center;min-height:65vh}.comment-main-container{width:100%;flex-direction:column;align-items:center;display:flex;height:72vh;background-color:var(--bg-panel);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:var(--bg-input);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:var(--bg-panel);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;word-break:break-word}.bubble .text .message-link{color:#425ed9;text-decoration:underline}.bubble .text .message-link:hover{color:#23408f}.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:var(--bg-input);color:var(--text-body);min-height:35px;max-height:160px;padding:6px 10px;border-radius:5px;font-family:Nunito;line-height:1.4;overflow-y:auto;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.comment-input:focus{outline:none;background-color:#e7eeff}.comment-input:empty:before{content:attr(data-placeholder);color:#8a94b3;pointer-events:none}.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:var(--accent-primary);transition:all .3s ease}.comment-main-container-input button:hover{background-color:#23408f}.comment-main-container-input button img{transform:scale(.7)}:root[data-theme=dark] .comment-header{border-color:var(--border-color)}:root[data-theme=dark] .comment-header-left p{color:var(--text-primary)}:root[data-theme=dark] .avatar{background:var(--accent-primary)}:root[data-theme=dark] .bubble{border-color:var(--border-color)}:root[data-theme=dark] .bubble.right{background:var(--bg-subtle)}:root[data-theme=dark] .bubble .name{color:var(--text-primary)}:root[data-theme=dark] .kebab-btn .dot{background:var(--text-primary)}:root[data-theme=dark] .dropdown-menu{border-color:var(--border-color);box-shadow:0 6px 20px var(--shadow-color)}:root[data-theme=dark] .dropdown-item:not(.danger){background:var(--bg-subtle);color:var(--text-primary)}:root[data-theme=dark] .dropdown-item:hover{background:var(--bg-subtle)}:root[data-theme=dark] .bubble .text{color:var(--text-primary)}:root[data-theme=dark] .bubble .meta{color:var(--text-secondary)}:root[data-theme=dark] .comment-main-container-input{border-color:var(--border-color)}:root[data-theme=dark] .comment-input:focus{background-color:var(--bg-subtle)}:root[data-theme=dark] .comment-input:empty:before{color:var(--text-muted)}:root[data-theme=dark] .comment-main-container-input button:hover{background-color:var(--accent-primary-hover)}:root[data-theme=black] .comment-header{border-color:var(--border-color)}:root[data-theme=black] .comment-header-left p{color:var(--text-primary)}:root[data-theme=black] .avatar{background:var(--accent-primary)}:root[data-theme=black] .bubble{border-color:var(--border-color)}:root[data-theme=black] .bubble.right{background:var(--bg-subtle)}:root[data-theme=black] .bubble .name{color:var(--text-primary)}:root[data-theme=black] .kebab-btn .dot{background:var(--text-primary)}:root[data-theme=black] .dropdown-menu{border-color:var(--border-color);box-shadow:0 6px 20px var(--shadow-color)}:root[data-theme=black] .dropdown-item:not(.danger){background:var(--bg-subtle);color:var(--text-primary)}:root[data-theme=black] .dropdown-item:hover{background:var(--bg-subtle)}:root[data-theme=black] .bubble .text{color:var(--text-primary)}:root[data-theme=black] .bubble .meta{color:var(--text-secondary)}:root[data-theme=black] .comment-main-container-input{border-color:var(--border-color)}:root[data-theme=black] .comment-input:focus{background-color:var(--bg-subtle)}:root[data-theme=black] .comment-input:empty:before{color:var(--text-muted)}:root[data-theme=black] .comment-main-container-input button:hover{background-color:var(--accent-primary-hover)}.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:var(--bg-panel);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:var(--bg-input);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:var(--bg-panel);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-text .message-link{color:#425ed9;text-decoration:underline}.note-text .message-link:hover{color:#23408f}.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:var(--bg-input);color:var(--text-body);min-height:35px;max-height:160px;padding:6px 10px;border-radius:5px;font-family:Nunito;line-height:1.4;overflow-y:auto;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.note-input:focus{outline:none;background-color:#e7eeff}.note-input:empty:before{content:attr(data-placeholder);color:#8a94b3;pointer-events:none}.composer-link-chip{color:#425ed9;text-decoration:underline;cursor:default}.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:var(--accent-primary);transition:all .3s ease}.note-main-container-input button:hover{background-color:#23408f}.note-main-container-input button img{transform:scale(.7)}:root[data-theme=dark] .note-header{border-color:var(--border-color)}:root[data-theme=dark] .note-header-left p{color:var(--text-primary)}:root[data-theme=dark] .note-avatar{background:var(--accent-primary)}:root[data-theme=dark] .note-bubble{border-color:var(--border-color)}:root[data-theme=dark] .note-name{color:var(--text-primary)}:root[data-theme=dark] .note-dot{background:var(--text-primary)}:root[data-theme=dark] .note-dropdown-menu{border-color:var(--border-color);box-shadow:0 6px 20px var(--shadow-color)}:root[data-theme=dark] .note-dropdown-item:not(.note-danger){background:var(--bg-subtle);color:var(--text-primary)}:root[data-theme=dark] .note-dropdown-item:hover{background:var(--bg-subtle)}:root[data-theme=dark] .note-text{color:var(--text-primary)}:root[data-theme=dark] .note-meta{color:var(--text-secondary)}:root[data-theme=dark] .note-main-container-input{border-color:var(--border-color)}:root[data-theme=dark] .note-input:focus{background-color:var(--bg-subtle)}:root[data-theme=dark] .note-input:empty:before{color:var(--text-muted)}:root[data-theme=dark] .note-main-container-input button:hover{background-color:var(--accent-primary-hover)}:root[data-theme=black] .note-header{border-color:var(--border-color)}:root[data-theme=black] .note-header-left p{color:var(--text-primary)}:root[data-theme=black] .note-avatar{background:var(--accent-primary)}:root[data-theme=black] .note-bubble{border-color:var(--border-color)}:root[data-theme=black] .note-name{color:var(--text-primary)}:root[data-theme=black] .note-dot{background:var(--text-primary)}:root[data-theme=black] .note-dropdown-menu{border-color:var(--border-color);box-shadow:0 6px 20px var(--shadow-color)}:root[data-theme=black] .note-dropdown-item:not(.note-danger){background:var(--bg-subtle);color:var(--text-primary)}:root[data-theme=black] .note-dropdown-item:hover{background:var(--bg-subtle)}:root[data-theme=black] .note-text{color:var(--text-primary)}:root[data-theme=black] .note-meta{color:var(--text-secondary)}:root[data-theme=black] .note-main-container-input{border-color:var(--border-color)}:root[data-theme=black] .note-input:focus{background-color:var(--bg-subtle)}:root[data-theme=black] .note-input:empty:before{color:var(--text-muted)}:root[data-theme=black] .note-main-container-input button:hover{background-color:var(--accent-primary-hover)}.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)}}@media screen{:root[data-theme=black] .print-modal-outer-container{background:var(--bg-primary)}:root[data-theme=black] .print-modal-container{background:var(--bg-panel);color:var(--text-body)}:root[data-theme=black] .print-modal-header{background:var(--bg-subtle)}:root[data-theme=black] .print-logo-div{background:#fff;border-radius:8px;padding:6px 10px;align-self:flex-start}:root[data-theme=black] .print-report-title>p{color:var(--text-heading)}:root[data-theme=black] .print-header-content>p,:root[data-theme=black] .print-modal-attachments-container>p,:root[data-theme=black] .print-modal-detail-container>p:nth-child(1){color:var(--text-body)}:root[data-theme=black] .print-header-content>p:nth-child(2),:root[data-theme=black] .print-modal-detail-container>p:nth-child(2),:root[data-theme=black] .print-address-container>p{color:var(--text-secondary)}:root[data-theme=black] .print-data-container{border-bottom-color:var(--border-color)}:root[data-theme=black] .print-data-container>p{color:var(--text-body)}:root[data-theme=black] .print-footer-line{border-color:var(--border-color)}}.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:var(--bg-panel);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:var(--text-primary)}.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:var(--text-primary)}.getNotificationText-text{color:var(--text-primary);font-weight:500}.ref-text{color:var(--accent-primary)}.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}:root[data-theme=dark] .notifications-content-div{border-color:var(--border-color)}:root[data-theme=dark] .recent-incidents-heading{border-bottom-color:var(--border-color)}:root[data-theme=dark] .date-and-bubble-div{border-bottom-color:var(--border-color)}:root[data-theme=dark] .notification-bubble-ui-main:hover{background-color:var(--bg-subtle)}:root[data-theme=dark] .notification-bubble-ui-main-bottom p{color:var(--text-secondary)}:root[data-theme=dark] .notify-right h2{color:var(--text-secondary)}.notifications-empty-subtext{color:#64748b}:root[data-theme=dark] .notifications-empty-subtext{color:var(--text-secondary)}:root[data-theme=black] .notifications-content-div{border-color:var(--border-color)}:root[data-theme=black] .recent-incidents-heading{border-bottom-color:var(--border-color)}:root[data-theme=black] .date-and-bubble-div{border-bottom-color:var(--border-color)}:root[data-theme=black] .notification-bubble-ui-main:hover{background-color:var(--bg-subtle)}:root[data-theme=black] .notification-bubble-ui-main-bottom p{color:var(--text-secondary)}:root[data-theme=black] .notify-right h2{color:var(--text-secondary)}:root[data-theme=black] .notifications-empty-subtext{color:var(--text-secondary)}.notificationSettings-header{margin-bottom:28px}.notificationSettings-span{font-size:14px;color:#666}.notificationSettings-content{display:flex;flex-direction:column;gap:0;background-color:var(--bg-panel);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:var(--text-primary);margin-bottom:3px}.notificationSettings-infoBannerText{font-size:14px;color:#666;line-height:1.5}.notificationSettings-fieldGroup{background:var(--bg-panel)}.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:var(--bg-panel);border:1px solid var(--border-color);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:var(--accent-primary)}.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:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px var(--shadow-color);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:var(--accent-primary);background-color:#f0f4ff;font-weight:500}.notificationSettings-helperText{font-size:14px;color:var(--text-secondary);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:var(--accent-primary)}.notificationSettings-descriptionsLabel{font-weight:600;color:#374151}.notificationSettings-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--border-color);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}:root[data-theme=dark] .notificationSettings-span{color:var(--text-secondary)}:root[data-theme=dark] .notificationSettings-infoBanner{background-color:var(--bg-subtle);border-color:var(--border-color-strong)}:root[data-theme=dark] .notificationSettings-infoBannerText{color:var(--text-secondary)}:root[data-theme=dark] .notificationSettings-label{color:var(--text-body)}:root[data-theme=dark] .notificationSettings-dropdownTrigger{color:var(--text-body)}:root[data-theme=dark] .notificationSettings-dropdownItem{color:var(--text-body)}:root[data-theme=dark] .notificationSettings-dropdownItem:hover{background-color:var(--bg-subtle)}:root[data-theme=dark] .notificationSettings-dropdownItem--selected{background-color:var(--bg-subtle)}:root[data-theme=dark] .notificationSettings-descriptionsBox{background:var(--bg-subtle);border-color:var(--border-color)}:root[data-theme=dark] .notificationSettings-descriptionsTitle{color:var(--text-body)}:root[data-theme=dark] .notificationSettings-descriptionsItem{color:var(--text-secondary)}:root[data-theme=dark] .notificationSettings-descriptionsLabel{color:var(--text-body)}:root[data-theme=black] .notificationSettings-span{color:var(--text-secondary)}:root[data-theme=black] .notificationSettings-infoBanner{background-color:var(--bg-subtle);border-color:var(--border-color-strong)}:root[data-theme=black] .notificationSettings-infoBannerText{color:var(--text-secondary)}:root[data-theme=black] .notificationSettings-label{color:var(--text-body)}:root[data-theme=black] .notificationSettings-dropdownTrigger{color:var(--text-body)}:root[data-theme=black] .notificationSettings-dropdownItem{color:var(--text-body)}:root[data-theme=black] .notificationSettings-dropdownItem:hover{background-color:var(--bg-subtle)}:root[data-theme=black] .notificationSettings-dropdownItem--selected{background-color:var(--bg-subtle)}:root[data-theme=black] .notificationSettings-descriptionsBox{background:var(--bg-subtle);border-color:var(--border-color)}:root[data-theme=black] .notificationSettings-descriptionsTitle{color:var(--text-body)}:root[data-theme=black] .notificationSettings-descriptionsItem{color:var(--text-secondary)}:root[data-theme=black] .notificationSettings-descriptionsLabel{color:var(--text-body)}.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:var(--bg-panel);border-radius:8px;display:flex;flex-direction:column}.confirmation-header{background:var(--text-primary);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;color:var(--text-body)}.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:var(--bg-panel);border:1px solid #71717A;cursor:pointer}.continue-button{color:#fff;background-color:#0a1c80;border:none;cursor:pointer}:root[data-theme=dark] .cancel-button{color:var(--text-secondary);border-color:var(--text-secondary)}:root[data-theme=dark] .continue-button{background-color:var(--accent-primary)}.continue-disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}:root[data-theme=black] .cancel-button{color:var(--text-secondary);border-color:var(--text-secondary)}:root[data-theme=black] .continue-button{background-color:var(--accent-primary)}