html,body{margin:0;padding:0;overflow-x:hidden;width:100%;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;color:var(--text-color)}.payroll-loader-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;width:100%;z-index:9999}.payroll-loader-spinner{border-radius:50%;border-style:solid;border-color:var(--border-subtle);border-top-color:var(--text-brand);animation:payroll-spin .8s linear infinite}@keyframes payroll-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payroll-loader-small .payroll-loader-spinner{width:24px;height:24px;border-width:3px}.payroll-loader-small{padding:20px 0}.payroll-loader-medium .payroll-loader-spinner{width:40px;height:40px;border-width:4px}.payroll-loader-medium{padding:40px 0}.payroll-loader-large .payroll-loader-spinner{width:56px;height:56px;border-width:5px}.payroll-loader-large{padding:60px 0}.payroll-loader-inline{padding:0;width:auto;display:inline-flex}.payroll-loader-inline .payroll-loader-spinner{width:16px;height:16px;border-width:2px}.payroll-loader-container.payroll-loader-local{position:relative;inset:auto;width:100%;height:auto;min-height:150px;display:flex;justify-content:center;align-items:center;z-index:auto}.app-loading-screen{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:var(--background-color, #f9fafb);z-index:99999}.organization-form-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:999999;padding:0;box-sizing:border-box;overflow:hidden}.organization-form-container{width:100%;height:100%;display:flex;flex-direction:row;background:#fff;overflow:hidden}.organization-form-left-section{flex:0 0 50%;background:#1e3a8a;padding:40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.organization-form-header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:400px;width:100%;z-index:2;position:relative}.organization-form-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:30px;width:100%}.organization-form-logo{width:180px;height:50px;object-fit:contain}.organization-form-header-left{text-align:center;color:#fff;margin-bottom:30px}.organization-form-main-title{font-size:32px;font-weight:800;margin:0 0 24px;line-height:1.2;color:#fff;text-align:center}.organization-form-info-text{display:flex;align-items:flex-start;gap:16px;font-size:15px;line-height:1.6;color:#ffffffe6;text-align:center}.organization-form-info-icon{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.organization-form-info-icon i{font-size:12px;color:#1e3a8a}.organization-form-header-right{display:flex;justify-content:center;align-items:center}.organization-form-illustration{width:400px;height:auto;max-height:400px;object-fit:contain}.organization-form-right-section{flex:0 0 50%;background:#fff;padding:24px;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden}.organization-form-right-section::-webkit-scrollbar{width:8px;display:block}.organization-form-right-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.organization-form-right-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;min-height:50px}.organization-form-right-section::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.organization-form-right-section{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.organization-form-content-wrapper{text-align:center;width:100%;margin:0 auto}.organization-form-back-button-container{position:absolute;top:24px;left:24px;z-index:10}.organization-form-back-btn{background:none;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;text-decoration:none}.organization-form-back-btn:hover{background:#fff3;transform:translate(-2px)}.organization-form-back-btn:active{transform:translate(0)}.organization-form-back-btn i{font-size:12px}.organization-form-section-title{font-size:28px;font-weight:700;color:#1e3a8a;margin:0 0 16px}.organization-form-section-description{font-size:15px;color:#4a5568;line-height:1.6;margin:0 0 40px;text-align:left}.organization-form-fields{margin-bottom:24px}.name-fields-container{display:flex;gap:20px;width:100%}.name-field{flex:1;min-width:0}.form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#1a202c;font-size:15px}.form-group input,.form-group select{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;color:#1a202c;box-sizing:border-box;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.form-group input::placeholder{color:#a0aec0}.input-error{border-color:#e53e3e!important;background:#fff5f5}.input-error:focus{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e1a!important}.error-message{color:#e53e3e;font-size:14px;margin-top:8px;font-weight:500}.organization-form-actions{display:flex;justify-content:center;gap:20px}.organization-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-width:120px}.organization-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.organization-btn-primary{background:#1e3a8a;color:#fff;box-shadow:0 8px 24px #1e3a8a4d}.organization-btn-primary:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 12px 32px #1e3a8a66}.organization-btn-primary:active{transform:translateY(0)}.organization-btn-secondary{background:#ffffffe6;color:#1e3a8a;border:2px solid rgba(30,58,138,.2);box-shadow:0 4px 16px #0000001a}.organization-btn-secondary:hover{background:#fff;border-color:#1e3a8a66;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}@media(max-width:768px){.organization-form-overlay{padding:0}.organization-form-container{flex-direction:column;width:100vw;height:100vh}.organization-form-left-section,.organization-form-right-section{width:100%;flex:none;padding:2rem 1.5rem}.organization-form-left-section{flex:0 0 auto;padding-bottom:1rem;padding-top:3rem;min-height:250px}.organization-form-right-section{flex:1;border-top:1px solid #eef0f3;overflow-y:auto}.organization-form-illustration{width:320px}.organization-form-main-title{font-size:28px}.organization-form-info-text{justify-content:center;text-align:center}.organization-form-section-title{font-size:24px}.organization-form-actions{flex-direction:column;align-items:center}.organization-btn{width:100%;max-width:300px}.name-fields-container{flex-direction:column;gap:16px}}@media(max-width:480px){.organization-form-left-section,.organization-form-right-section{padding:1.5rem 1rem}.organization-form-left-section{min-height:200px}.organization-form-main-title{font-size:24px}.organization-form-info-text{font-size:14px}.organization-form-illustration{width:280px}.organization-form-section-title{font-size:20px}.organization-form-section-description{font-size:14px}.organization-btn{padding:14px 24px;font-size:14px}}.organization-btn:focus{outline:2px solid #1e3a8a;outline-offset:2px}@media(prefers-contrast:high){.organization-form-container{background:#fff}.organization-form-left-section{background:#000}.organization-form-main-title{color:#fff}}.required-asterisk{color:#e53e3e;font-weight:700;margin-left:2px}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;color:#4a5568;font-size:14px}.loading-indicator .material-icons{color:#3b82f6;font-size:16px}.organization-form-loading{opacity:.6}.organization-form-info-icon .material-icons{font-size:12px;color:#1e3a8a}.organization-form-back-btn .material-icons{font-size:12px}.-Drpdown-container{position:relative;width:100%}.-Drpdown-label{display:block;margin-bottom:8px;font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-heading)}.-Drpdown-select{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s ease}.-Drpdown-select:hover{border-color:var(--text-brand)}.-Drpdown-select-open{border-color:var(--text-brand);box-shadow:0 0 0 3px var(--bg-brand-light)}.-Drpdown-select-disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.-Drpdown-select-disabled:hover{border-color:var(--border-subtle)}.-Drpdown-select-error,.-Drpdown-select-error:hover{border-color:var(--text-danger)}.-Drpdown-text{flex:1;font-size:var(--fs-md);color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.-Drpdown-prefix-icon{font-size:var(--fs-xl)!important;color:var(--text-secondary-clr);margin-right:8px;display:flex;align-items:center}.-Drpdown-text-placeholder{color:var(--text-muted-clr)}.-Drpdown-input{border:none!important;background:transparent!important;outline:none!important;width:100%!important;padding:0!important;margin:0!important;font-family:inherit!important;font-size:inherit!important;color:inherit!important}.-Drpdown-arrow{font-size:var(--fs-xl)!important;color:var(--text-secondary-clr);transition:transform .2s ease;margin-left:8px}.-Drpdown-arrow-open{transform:rotate(180deg)}.-Drpdown-options{position:absolute;background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:0 0 6px 6px;box-shadow:var(--shadow-md);width:100%;list-style:none;margin:0;padding:0;max-height:300px;display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;opacity:0;transform:translateY(-8px);animation:dropdownFadeIn .15s ease forwards}.-Drpdown-search-container{padding:10px 12px;border-bottom:1px solid var(--bg-secondary);display:flex;align-items:center;gap:8px;background-color:var(--bg-primary);position:sticky;top:0}.-Drpdown-search-icon{font-size:var(--fs-lg)!important;color:var(--text-muted-clr)}.-Drpdown-search-input{flex:1;border:none;outline:none;font-size:var(--fs-md);color:var(--text-heading);padding:2px 0;background:transparent}.-Drpdown-search-input::placeholder{color:var(--text-muted-clr)}.-Drpdown-options-list{overflow-y:auto;overflow-x:hidden;flex:1;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--dropdown-scrollbar-thumb, var(--footer-bg)) var(--dropdown-scrollbar-track, var(--bg-secondary))}.-Drpdown-options-list::-webkit-scrollbar{width:6px}.-Drpdown-options-list::-webkit-scrollbar-track{background:var(--dropdown-scrollbar-track, var(--bg-secondary));border-radius:3px}.-Drpdown-options-list::-webkit-scrollbar-thumb{background:var(--dropdown-scrollbar-thumb, var(--footer-bg));border-radius:3px}.-Drpdown-options-list::-webkit-scrollbar-thumb:hover{background:var(--footer-bg-hover)}.-Drpdown-options-top{transform:translateY(8px)}.-Drpdown-options-position-bottom{top:100%;margin-top:4px}.-Drpdown-options-position-top{bottom:100%;margin-bottom:4px}.-Drpdown-options-align-left{left:0;right:auto}.-Drpdown-options-align-right{right:0;left:auto}@media(max-width:768px){.-Drpdown-options{max-height:200px;box-shadow:0 8px 16px #00000026}}.-Drpdown-option{padding:10px 12px;font-size:var(--fs-md);color:var(--text-heading);cursor:pointer;transition:background-color .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.-Drpdown-option:hover{background-color:var(--bg-secondary)}.-Drpdown-option:active{background-color:var(--bg-hover)}.-Drpdown-option-selected{background-color:var(--bg-brand-light);color:var(--text-brand);font-weight:var(--fw-medium)}.-Drpdown-option-selected:hover{background-color:var(--bg-brand-light)}.-Drpdown-option-disabled{color:var(--text-muted-clr);cursor:not-allowed;opacity:.5}.-Drpdown-option-disabled:hover{background-color:transparent}.-Drpdown-error-message{display:block;margin-top:4px;font-size:var(--fs-sm);color:var(--text-danger)}.-Drpdown-no-options{padding:12px;text-align:center;color:var(--text-muted-clr);font-size:var(--fs-sm)}.rotating{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.-Drpdown-options::-webkit-scrollbar{width:6px}.-Drpdown-options::-webkit-scrollbar-track{background:var(--dropdown-scrollbar-track, var(--bg-secondary));border-radius:3px}.-Drpdown-options::-webkit-scrollbar-thumb{background:var(--dropdown-scrollbar-thumb, var(--footer-bg));border-radius:3px}.-Drpdown-options::-webkit-scrollbar-thumb:hover{background:var(--footer-bg-hover)}.plan-selection-overlay{position:fixed;inset:0;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999999;padding:0}.plan-selection-modal{background:#fff;border-radius:0;padding:24px;max-width:100%;width:100%;height:100vh;overflow-y:auto;box-shadow:none;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.plan-selection-modal::-webkit-scrollbar{width:8px}.plan-selection-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.plan-selection-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.plan-selection-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.plan-selection-header{text-align:center;margin-bottom:24px}.plan-selection-header-top{display:flex;justify-content:flex-start}.plan-selection-back-btn{background:none;border:none;color:#1e3a8a;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:all .3s ease}.plan-selection-back-btn:hover{background:#1e3a8a1a;color:#1e3a8a}.plan-selection-back-btn i{font-size:14px}.plan-selection-header h2{margin-bottom:6px;color:#1a1a1a}.plan-selection-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:20px;align-items:stretch;margin-bottom:24px;justify-content:center}.plan-selection-plan-card{border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;text-align:center;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #343b431a,0 2px 4px -1px #343b430f;height:100%;cursor:pointer;transition:all .3s ease;position:relative;max-width:320px;width:100%}.plan-selection-plan-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.plan-selection-plan-card.selected{border-color:#1890ff;background-color:#1868db0d;box-shadow:0 4px 12px #1890ff33;transform:translateY(-2px)}.plan-selection-plan-card-header{position:relative;padding:40px 20px 60px;color:#f4f6f8;background:#353d44;border-bottom-left-radius:100% 40px;border-bottom-right-radius:100% 40px}.plan-selection-plan-card-header h2{position:relative;z-index:2;font-size:22px;font-weight:700;color:#f4f6f8;margin:0}.plan-selection-recommended-badge{position:absolute;top:0;left:0;right:0;background:#000;color:#fff;padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;z-index:3}.plan-selection-current-plan-ribbon{position:absolute;top:15px;right:-35px;background:#1868db;color:#fff;padding:8px 40px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transform:rotate(45deg);transform-origin:center;z-index:10;box-shadow:0 2px 4px #0003;border:2px dashed #ffffff;white-space:nowrap;text-align:center}.plan-selection-current-plan-ribbon:before{content:"";position:absolute;inset:0;background:#1868db;z-index:-1}.plan-selection-current-plan-ribbon span{color:#fff;font-weight:700;display:block;line-height:1.2}.plan-selection-plan-body{padding:0 30px 15px;display:flex;flex-direction:column;align-items:center;background-color:transparent;flex-grow:1;justify-content:space-between}.plan-selection-price-box{background:linear-gradient(to bottom,#f4f6f8,#e8eaed);padding:20px 15px;border-radius:8px;margin-bottom:20px;width:100%;color:#343b43;margin-top:-40px;position:relative;z-index:3;border:1px solid #d1d5db;box-shadow:0 5px 10px #343b431a;display:flex;justify-content:center;align-items:center}.plan-selection-free-trial{font-size:22px;color:#343b43;font-weight:600;text-align:center}.plan-selection-plan-card.selected .plan-selection-free-trial{color:#1868db}.plan-selection-plan-features{margin:20px 0;width:100%;flex-grow:1}.plan-selection-plan-features ul{list-style:none;padding:0;margin:0;text-align:left}.plan-selection-plan-features li{color:#343b43;font-size:16px;position:relative;padding:8px 0 8px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-selection-plan-features li:before{content:"✔";color:#1868db;font-weight:700;position:absolute;left:0;top:8px}.plan-selection-button-wrapper{width:120%;padding-top:15px;margin-top:auto;position:relative}.plan-selection-button-wrapper:before{content:"";position:absolute;top:0;left:-30px;right:-30px;height:1px;background-color:#e0e0e0}.plan-selection-plan-button{background:#fff;color:#1868db;border:2px solid #1868db;padding:14px 20px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:none;width:80%;margin:0 auto}.plan-selection-plan-button:hover{background-color:#f0f8ff;transform:translateY(-2px);box-shadow:0 6px 16px #1868db33}.plan-selection-plan-button.selected{background:#1868db;color:#fff;border-color:#1868db}.plan-selection-plan-button.selected:hover{background:#1456b3;border-color:#1456b3}@media(max-width:768px){.plan-selection-modal{padding:20px;margin:0;max-width:100%;height:100vh}.plan-selection-plans-grid{grid-template-columns:1fr;gap:16px;justify-content:center}.plan-selection-plan-card{min-width:100%;max-width:100%}.plan-selection-plan-card-header{padding:15px 15px 50px}.plan-selection-plan-body{padding:0 20px 15px}.plan-selection-free-trial{font-size:20px}.plan-selection-recommended-badge{top:0;left:0;right:0;padding:6px 12px;font-size:10px}.plan-selection-current-plan-ribbon{top:12px;right:-30px;padding:6px 30px;font-size:11px;transform:rotate(45deg)}}@media(max-width:480px){.plan-selection-modal{padding:16px;margin:0}.plan-selection-plan-card-header{padding:12px 12px 40px}.plan-selection-plan-card-header h2{font-size:20px}.plan-selection-plan-body{padding:0 15px 15px}.plan-selection-free-trial{font-size:18px}.plan-selection-plan-features li{font-size:14px}.plan-selection-recommended-badge{top:0;left:0;right:0;padding:5px 10px;font-size:9px}.plan-selection-current-plan-ribbon{top:10px;right:-25px;padding:4px 25px;font-size:10px;transform:rotate(45deg)}}.plan-selection-comparison-section{margin-top:40px;padding:0;max-width:1000px;margin-left:auto;margin-right:auto}.plan-selection-comparison-title{font-size:24px;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:30px}.plan-selection-comparison-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb}.plan-selection-comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:linear-gradient(135deg,#1868db,#3b82f6);color:#fff;font-weight:700;font-size:16px}.plan-selection-comparison-feature-header{padding:20px 16px;text-align:left;border-right:1px solid rgba(255,255,255,.2)}.plan-selection-comparison-plan-header{padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.plan-selection-comparison-plan-header:last-child{border-right:none}.plan-selection-comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.plan-selection-comparison-row:hover{background-color:#f8fafc}.plan-selection-comparison-row:last-child{border-bottom:none}.plan-selection-comparison-feature{padding:16px;text-align:left;color:#343b43;font-size:15px;font-weight:500;border-right:1px solid #e5e7eb;display:flex;align-items:center}.plan-selection-comparison-check{padding:16px;text-align:center;font-size:18px;font-weight:700;border-right:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.plan-selection-comparison-check:last-child{border-right:none}.plan-selection-comparison-check.cross{color:#dc2626;font-weight:700}.plan-selection-comparison-category-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:transparent;border-bottom:1px solid #e5e7eb}.plan-selection-comparison-category-title{padding:16px;font-weight:700;font-size:16px;color:#1e293b;text-align:left;border-right:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #1868db;position:relative}.plan-selection-comparison-category-title:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#1868db,#3b82f6)}.plan-selection-comparison-category-header .plan-selection-comparison-plan-header{padding:16px;text-align:center;font-weight:600;font-size:14px;color:#64748b;border-right:1px solid #e5e7eb;background:transparent}.plan-selection-comparison-category-header .plan-selection-comparison-plan-header:last-child{border-right:none}@media(max-width:768px){.plan-selection-comparison-section{padding:0 20px;max-width:100%}.plan-selection-comparison-title{font-size:20px;margin-bottom:20px}.plan-selection-comparison-header,.plan-selection-comparison-row,.plan-selection-comparison-category-header{grid-template-columns:1.5fr 1fr 1fr 1fr}.plan-selection-comparison-feature-header,.plan-selection-comparison-plan-header,.plan-selection-comparison-feature,.plan-selection-comparison-check,.plan-selection-comparison-category-title{padding:12px 8px;font-size:14px}}@media(max-width:480px){.plan-selection-comparison-section{padding:0 16px;max-width:100%}.plan-selection-comparison-title{font-size:18px}.plan-selection-comparison-header,.plan-selection-comparison-row,.plan-selection-comparison-category-header{grid-template-columns:1.2fr 1fr 1fr 1fr}.plan-selection-comparison-feature-header,.plan-selection-comparison-plan-header,.plan-selection-comparison-feature,.plan-selection-comparison-check,.plan-selection-comparison-category-title{padding:10px 6px;font-size:12px}}.plan-selection-back-btn .material-icons{font-size:14px}.subscription-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:999999;padding:0;box-sizing:border-box;overflow:hidden}.subscription-modal-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.subscription-modal-new-design{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;justify-content:center}.subscription-modal-header-section{padding:20px;display:flex;align-items:center;justify-content:center;min-height:160px;position:relative;overflow:hidden;width:100%}.subscription-modal-header-background{background:#1e3a8a;max-width:75%;width:100%;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:200px;position:relative;overflow:hidden;margin:0 auto}.subscription-modal-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:2;position:relative;gap:30px}.subscription-modal-header-left{flex:2;color:#fff;min-width:0}.subscription-modal-main-title{font-size:24px;font-weight:800;margin:0 0 12px;line-height:1.1;color:#fff;white-space:nowrap}.subscription-modal-info-text{display:flex;align-items:flex-start;gap:16px;font-size:15px;line-height:1.5;color:#ffffffe6}.subscription-modal-info-text p{font-size:16px;margin:0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.subscription-modal-info-icon{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.subscription-modal-info-icon i{font-size:12px;color:#1e3a8a}.subscription-modal-header-right{background:#fff;border-radius:12px;flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}.subscription-ended-box{background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:200px;max-width:250px}.subscription-ended-title{font-size:14px;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.subscription-modal-illustration{width:100%;height:auto;max-height:150px;object-fit:contain;margin:8px 0}.subscription-ended-message{font-size:13px;color:#6b7280;margin-top:8px;font-weight:400}.subscription-modal-content-section{flex:0 0 auto;background:#fff;display:flex;align-items:center;justify-content:center;padding:0 20px 20px;width:100%}.subscription-modal-content-wrapper{text-align:center;max-width:75%;width:100%;background:#fff;border-radius:12px;padding:20px;margin:0 auto;box-shadow:0 4px 20px #0000001a}.subscription-modal-section-title{margin-bottom:10px;font-size:24px;font-weight:700;color:#1e3a8a}.subscription-modal-section-description{font-size:14px;color:#4a5568;line-height:1.6;margin:0 0 12px}.subscription-modal-actions{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.subscription-modal-disclaimer{margin-top:20px}.subscription-modal-disclaimer p{font-size:13px;color:#9ca3af;line-height:1.5;margin:0}.subscription-modal-link{color:#3b82f6;text-decoration:none;font-weight:500}.subscription-modal-link:hover{text-decoration:underline}.subscription-btn{padding:12px 16px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-width:160px}.subscription-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.subscription-btn-activate{background:green;color:#fff;border-radius:8px;font-size:15px;font-weight:600}.subscription-btn-activate:active{transform:translateY(0)}.subscription-btn-cancel{background:#dc2626;color:#fff;border-radius:8px;font-size:15px;font-weight:600;padding:10px 28px;box-shadow:0 4px 12px #6b728033}.subscription-btn-cancel:active{transform:translateY(0)}.subscription-modal-content{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;box-shadow:0 20px 60px #00000026,0 0 0 1px #fff3;text-align:center;animation:slideInUp .6s ease-out;position:relative;overflow:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.subscription-modal-header{margin-bottom:40px}.subscription-modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 32px #667eea4d;position:relative;overflow:hidden}.subscription-modal-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.subscription-modal-icon:hover:before{left:100%}.subscription-modal-icon i{font-size:36px;color:#fff;z-index:2}.subscription-modal-title{font-size:32px;font-weight:800;color:#1a202c;margin:0 0 16px;line-height:1.2;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-modal-subtitle{font-size:15px;color:#4a5568;line-height:1.6;max-width:500px;margin:0 auto}.subscription-modal-body{margin-bottom:40px}.subscription-status-card{background:#fffc;border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;margin-bottom:32px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #0000000d}.subscription-status-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-status-icon i{font-size:20px;color:#fff}.subscription-status-content{flex:1;text-align:left}.subscription-status-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 8px}.subscription-status-description{font-size:15px;color:#4a5568;line-height:1.5;margin:0}.subscription-error-message{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:12px;padding:16px;margin-top:16px;display:flex;align-items:center;gap:12px;color:#c53030;font-size:15px;font-weight:500}.subscription-error-message i{font-size:16px;flex-shrink:0}.subscription-info-card{background:#fffc;border:1px solid rgba(102,126,234,.1);border-radius:16px;padding:24px;margin-bottom:32px}.subscription-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(102,126,234,.1)}.subscription-info-row:last-child{border-bottom:none}.subscription-info-label{font-size:15px;color:#4a5568;font-weight:500}.subscription-info-value{font-size:15px;color:#1a202c;font-weight:600}.subscription-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-inactive{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}body.hide-main-header header,body.hide-main-header .top-header,body.hide-main-header nav.main-navigation{display:none!important}body.hide-main-header .app-container,body.hide-main-header .dashboard-layout,body.hide-main-header .main-content,body.hide-main-header .sidebar,body.hide-main-header footer{display:none!important}@media(max-width:768px){.subscription-modal-header-section{padding:30px 20px;min-height:250px}.subscription-modal-header-content{flex-direction:column;gap:30px;text-align:center}.subscription-modal-main-title{font-size:28px}.subscription-modal-info-text{justify-content:center}.subscription-modal-illustration{width:150px}.subscription-modal-content-section{padding:40px 20px}.subscription-modal-section-title{font-size:24px}.subscription-modal-actions{flex-direction:column;align-items:center}.subscription-btn{width:100%;max-width:300px}.subscription-modal-disclaimer p{font-size:12px;text-align:center}}@media(max-width:480px){.subscription-modal-header-section{padding:20px 16px;min-height:200px}.subscription-modal-main-title{font-size:24px}.subscription-modal-info-text{font-size:14px}.subscription-modal-illustration{width:120px}.subscription-modal-content-section{padding:30px 16px}.subscription-modal-section-title{font-size:20px}.subscription-modal-section-description{font-size:14px}.subscription-btn{padding:14px 24px;font-size:14px}}.fa-spinner,.spin{animation:spin 1s linear infinite}*{transition:all .3s ease}.subscription-btn:focus{outline:2px solid #1e3a8a;outline-offset:2px}@media(prefers-contrast:high){.subscription-modal-new-design{background:#fff}.subscription-modal-header-section{background:#000}.subscription-modal-main-title{color:#fff}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.subscription-modal-loading-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent}.subscription-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:transparent}.subscription-modal-loading .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#1e3a8a;border-radius:50%;animation:spin 1s linear infinite}.subscription-modal-loading p{color:#1e3a8a;font-size:16px;font-weight:500;margin:0;text-align:center}.subscription-info-card-margin-top{margin-top:20px;text-align:left}.subscription-modal-info-icon .material-icons{font-size:12px;color:#1e3a8a}.subscription-modal-icon .material-icons{font-size:36px;color:#fff;z-index:2}.subscription-status-icon .material-icons{font-size:20px;color:#fff}.subscription-error-message .material-icons{font-size:16px;flex-shrink:0}.chat-container{height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.chat-layout{display:flex;height:100%}.chat-sidebar{width:280px;min-width:280px;max-width:280px;background:linear-gradient(135deg,#fff,#f8f9fa);border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden;height:100vh;box-shadow:2px 0 8px #0000001a}.sidebar-header{padding:5px 12px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;flex-shrink:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:0 0 8px 8px}.sidebar-header h3{margin:0;color:#1a1a1a;font-size:16px;font-weight:650;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-actions{display:flex;gap:10px}.create-room-btn,.refresh-btn{width:36px;height:36px;border:none;border-radius:8px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;box-shadow:0 2px 6px #007bff4d;transition:all .3s ease}.create-room-btn:hover,.refresh-btn:hover{box-shadow:0 4px 12px #007bff66}.refresh-btn{background:linear-gradient(135deg,#6c757d,#545b62);box-shadow:0 2px 6px #6c757d4d}.refresh-btn:hover{box-shadow:0 4px 12px #6c757d66}.search-box{padding:12px;border-bottom:1px solid #e0e0e0;width:100%;box-sizing:border-box;flex-shrink:0;background:#fff}.search-box input{width:100%;padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;outline:none;font-size:14px;background:#f8f9fa;transition:all .3s ease}.search-box input:focus{border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a}.create-room-form{padding:8px 12px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;min-height:500px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1;position:relative;z-index:10;box-shadow:0 4px 12px #00000026}.create-room-form::-webkit-scrollbar{width:6px}.create-room-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.create-room-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .2s ease}.create-room-form::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.form-header h4{margin:0 0 5px;color:#333;font-size:16px;font-weight:600}.form-header p{margin:0;color:#666;font-size:13px;font-style:italic}.create-room-form form{display:flex;flex-direction:column;gap:10px}.create-room-form input,.create-room-form textarea,.create-room-form select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;outline:none}.create-room-form textarea{resize:vertical;min-height:60px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px}.form-actions{display:flex;gap:10px}.btn-primary,.btn-secondary{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary{background:#007bff;color:#fff}.btn-secondary{background:#6c757d;color:#fff}.rooms-list{overflow-y:auto;overflow-x:hidden;width:100%;height:800px;scrollbar-width:thin;scrollbar-color:#999 #f5f5f5;padding-bottom:12px;display:block;visibility:visible;position:relative;z-index:1}.rooms-list::-webkit-scrollbar{width:6px}.rooms-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.rooms-list::-webkit-scrollbar-thumb{background:#999;border-radius:3px;transition:background .2s ease}.rooms-list::-webkit-scrollbar-thumb:hover{background:#666}.room-item{padding:8px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease;font-size:14px;width:100%;box-sizing:border-box;background:#fff;border-radius:6px;margin:2px 8px 1px;box-shadow:0 1px 2px #00000014;position:relative;display:block;min-height:45px}.room-item-content{display:flex;align-items:center;gap:10px}.room-avatar-thumb{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e9ecef}.room-avatar-img{width:100%;height:100%;object-fit:cover}.room-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#495057;font-weight:700}.room-item:last-child{margin-bottom:4px}.room-name{font-weight:600;color:#1a1a1a;font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-message-preview{font-size:12px;color:#666;font-style:italic;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;line-height:1.4;min-height:16px}.room-message-sender{font-weight:600;color:#333}.room-timestamp{font-size:8px;color:#999;margin-left:auto;white-space:nowrap}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.room-time{font-size:8px;color:#1a1a1a;white-space:nowrap;margin-left:8px}.room-content{display:flex;justify-content:space-between;align-items:center}.room-message-emoji{font-size:14px;margin-left:4px}.room-unread-indicator{background:#007bff;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:2px;font-weight:600;margin-left:8px}.room-status{display:flex;align-items:center;gap:4px}.room-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.room-item.active{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #007bff;box-shadow:0 4px 12px #007bff33}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.room-header h4{margin:0;font-size:14px;color:#1a1a1a;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.room-type{font-size:11px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:4px 10px;border-radius:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;box-shadow:0 1px 3px #007bff4d}.last-message{font-size:13px;color:#6c757d;white-space:nowrap;text-overflow:ellipsis;font-style:italic;display:flex;align-items:center;gap:4px;min-height:16px}.room-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.unread-badge{background:#dc3545;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:700}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff}.chat-header{padding:0 16px;border-bottom:1px solid #e8e9ea;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);position:relative;min-height:40px;box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:12px;flex:1}.room-avatar{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease;flex:1}.room-avatar:hover{background-color:#0000000d}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;box-shadow:0 2px 8px #007bff4d;flex-shrink:0}.room-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:40px}.header-avatar-thumb{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.header-avatar-img{width:100%;height:100%;object-fit:cover}.room-info h3{margin:0;color:#1a1a1a;font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2}.room-status{margin:0;color:#6c757d;font-size:12px;font-weight:400;line-height:1.2}.status-indicator{display:inline-block;gap:0px;font-size:12px;padding:0!important;margin:0!important}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.online .status-dot{background-color:#28a745;box-shadow:0 0 0 2px #28a74533}.status-indicator.offline .status-dot{background-color:#6c757d}.status-indicator.online{color:#28a745}.status-indicator.offline{color:#6c757d}.room-header{display:flex;justify-content:space-between;align-items:center;width:100%}.room-header h4{flex:1;margin:0}.room-header .status-indicator{margin-left:0;flex-shrink:0}.room-info{display:flex;flex-direction:column;align-items:flex-start}.room-info h3{margin:0 0 2px;line-height:1.2}.room-info .status-indicator{margin:0;align-self:flex-start}.status-indicator{display:inline-block;gap:0px;font-size:11px;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.status-indicator.online .status-dot{background-color:#28a745;box-shadow:0 0 0 1px #28a7454d}.status-indicator.offline .status-dot{background-color:#6c757d;box-shadow:none}.header-right{display:flex;align-items:center;gap:12px}.back-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #d0d7de;border-radius:6px;padding:4px 6px!important;cursor:pointer;color:#495057;font-size:11px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-top:0!important}.back-button:hover{background:#e9ecef;color:#333;box-shadow:0 2px 6px #00000026}.sidebar-toggle{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:6px 8px;cursor:pointer;color:#666;font-size:12px;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.sidebar-toggle:hover{background:#e9ecef;color:#333;box-shadow:0 2px 6px #00000026}.room-info h3{margin:0;color:#1a1a1a;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.3px}.room-description{margin:0 0 3px;color:#7f8c8d;font-size:12px;font-style:italic}.room-type-badge{font-size:10px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:3px 8px;border-radius:12px;text-transform:uppercase;font-weight:600;letter-spacing:.3px;box-shadow:0 1px 3px #007bff4d}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,#fafbfc,#f8f9fa);position:relative;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.chat-messages:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.message{display:flex;gap:6px;margin-bottom:4px;padding:2px 0;transition:all .1s ease;width:fit-content;max-width:100%;position:relative;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.message:hover .message-actions{opacity:1}.message.first-message .message-actions{position:absolute;top:50%;right:-60px;transform:translateY(-50%);flex-direction:column;gap:4px;padding:4px;background:#fffffffa;border-radius:8px;box-shadow:0 2px 8px #00000026;border:1px solid rgba(0,0,0,.05);z-index:10}.message.first-message.current-user .message-actions{right:auto;left:-60px}@media(max-width:768px){.message.first-message .message-actions{right:-50px}.message.first-message.current-user .message-actions{left:-50px}}@media(max-width:480px){.message.first-message .message-actions{right:-40px}.message.first-message.current-user .message-actions{left:-40px}}.message.with-avatar{margin-bottom:12px}.message.current-user{flex-direction:row-reverse;justify-content:flex-end;margin-left:auto;width:fit-content;min-width:120px;max-width:70%}.message.other-user{flex-direction:row;justify-content:flex-start;margin-right:auto;width:auto;max-width:85%}.message-header{display:flex;flex-direction:row;align-items:center;gap:2px;margin-bottom:1px;font-size:12px;padding:0}.sender-info{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:1px}.sender-name{font-weight:700;color:#1a1a1a;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.1);margin:0;line-height:1.2;display:inline;white-space:nowrap}.message-timestamp-header{font-size:11px;color:#666;font-weight:400;margin:0;line-height:1.2;white-space:nowrap}.employee-id{font-size:10px;color:#5a6c7d;background:linear-gradient(135deg,#e9ecef,#f8f9fa);padding:2px 6px;border-radius:8px;font-weight:500;letter-spacing:.5px;display:inline-block;width:fit-content;border:1px solid #dee2e6;white-space:nowrap;box-shadow:0 1px 2px #0000001a;margin-top:0}@media(max-width:768px){.sender-name{font-size:10px!important}}.message-content{flex:1;min-width:0;width:fit-content;max-width:100%;display:flex;flex-direction:row;align-items:center;gap:2px;flex-wrap:nowrap;margin-right:-10px}.message-time{font-size:11px;color:#333;font-weight:500;opacity:.9}.message-text{word-wrap:break-word;line-height:1.2;flex:1;font-size:12px;white-space:nowrap;display:flex;align-items:center}.message.current-user .message-text{justify-content:flex-end;text-align:right;display:flex;align-items:flex-end;gap:0px}.message-content-wrapper{flex:1}.message-text .delivery-status{position:static;display:flex;align-items:center;gap:2px;flex-shrink:0}.message-text.long-message{white-space:normal;word-wrap:break-word}.message-content:has(.long-message){flex-direction:column;align-items:flex-start;gap:2px}.message-content:has(.long-message) .message-footer{align-self:flex-end}.message-footer{display:flex;align-items:center;gap:2px;flex-shrink:0;height:100%}.message-footer .message-time{font-size:8px;color:#333;opacity:.8;white-space:nowrap;line-height:1}.date-header{text-align:center;background:#f8f9fa;border-radius:20px;font-size:12px;font-weight:600;color:#495057;display:inline-block;position:relative;left:50%;transform:translate(-50%);white-space:nowrap}.message-body{background:#f8f9fa;padding:8px 12px;border-radius:12px;width:fit-content;max-width:100%;font-size:12px;line-height:1.3;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative;display:inline-block;align-items:flex-end;margin-top:4px;margin-left:0}.message.current-user .message-body{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:18px 18px 4px;box-shadow:0 3px 12px #007bff66;position:relative;margin-right:8px;min-height:40px;width:fit-content;min-width:120px;max-width:100%;padding:20px 40px 8px 12px}.message.current-user .message-footer .message-time{color:#fff;font-size:8px;line-height:1}.message.current-user .message-timestamp-header{position:absolute;top:4px;right:8px;font-size:10px;color:#fffc;font-weight:400;white-space:nowrap;z-index:1}.message.current-user .delivery-status{position:absolute;top:4px;right:0;z-index:1;display:flex;align-items:flex-end;gap:0px}.message.current-user .message-body:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border:8px solid transparent;border-left-color:#0056b3;border-bottom-color:#0056b3}.message.other-user .message-body{background:linear-gradient(135deg,#fff,#f8f9fa);color:#333;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;position:relative;margin-left:8px}.message.other-user .message-footer .message-time{color:#333;font-size:8px}.message.other-user .message-body:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border:8px solid transparent;border-right-color:#f8f9fa;border-bottom-color:#f8f9fa}.reply-to{font-size:12px;color:#666;margin-bottom:5px;padding:5px 10px;background:#e9ecef;border-radius:10px;border-left:3px solid #007bff}.reply-context{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.reply-context-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.reply-label{font-size:12px;color:#6c757d;font-weight:500}.reply-sender{font-size:12px;color:#007bff;font-weight:500}.reply-text{font-size:12px;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.cancel-reply-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.cancel-reply-btn:hover{background:#e9ecef;color:#495057}.message-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s ease;padding:2px 4px;justify-content:flex-end;align-items:center;position:absolute;top:-35px;right:0;background:#fffffffa;border-radius:8px;box-shadow:0 2px 8px #00000026;border:1px solid rgba(0,0,0,.05);z-index:10}.reply-btn,.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:3px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;margin:0;font-size:10px;width:24px;height:24px}.reply-btn{color:#007bff}.reply-btn:hover{background:#e3f2fd;color:#0056b3}.edit-btn{color:#6c757d}.edit-btn:hover{background:#fff3cd;color:#856404}.delete-btn{color:#6c757d}.delete-btn:hover{background:#f8d7da;color:#721c24}.edit-btn:disabled,.delete-btn:disabled{opacity:.5;cursor:not-allowed}.reply-btn i,.edit-btn i,.delete-btn i{font-size:10px}.deleted-message{color:#333;font-style:italic;font-weight:400}.message.current-user .deleted-message{color:#cdcdcd;font-style:italic;font-weight:400}.edit-message-container{width:100%}.edit-message-input{width:100%;min-height:40px;padding:8px 12px;border:2px solid #007bff;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;background:#fff;box-shadow:0 2px 4px #007bff1a}.edit-message-input:focus{border-color:#0056b3;box-shadow:0 0 0 3px #007bff1a}.edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.save-edit-btn,.cancel-edit-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.save-edit-btn{background:#007bff;color:#fff}.save-edit-btn:hover:not(:disabled){background:#0056b3}.save-edit-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-edit-btn{background:#6c757d;color:#fff}.cancel-edit-btn:hover{background:#545b62}.edited-indicator{font-size:12px;color:#999;font-style:italic}.pinned-indicator{font-size:12px;color:#007bff;font-weight:700}.typing-indicator{padding:10px 20px;font-style:italic;color:#666;font-size:14px}.chat-input{padding:12px 16px;border-top:1px solid #e0e0e0;background:#fff;position:relative;z-index:10;min-height:60px}.input-group{display:flex;gap:10px;align-items:center}.message-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:20px;outline:none;font-size:14px;line-height:1.4}.message-input:focus{border-color:#007bff}.send-button{padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;min-width:60px}.send-button:disabled{background:#ccc;cursor:not-allowed}.chat-welcome{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.welcome-content{text-align:center;max-width:400px}.welcome-content h2{color:#333;margin-bottom:20px}.welcome-content p{color:#666;margin-bottom:30px;line-height:1.6}.chat-features{display:flex;flex-direction:column;gap:15px}.feature{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.feature .icon{font-size:20px}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8f9fa}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media(max-width:768px){.chat-layout{flex-direction:column}.chat-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid #e0e0e0}.chat-main{height:calc(100vh - 200px)}.message-body{max-width:80%}}.participants-info{display:flex;align-items:center;gap:8px;font-size:12px}.participant-count{font-size:11px;color:#495057;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6px 10px;border-radius:16px;font-weight:600;border:1px solid #d0d7de;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:4px;transition:all .2s ease}.participant-count:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.add-participant-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px;border-radius:50%;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #28a7454d;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.add-participant-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 12px #28a74566}.modal-overlay{position:fixed;inset:0;background:#0000004d;z-index:999}.group-info-modal{position:absolute;inset:0;width:100%;height:100%;background:#fff;border-radius:0;box-shadow:none;z-index:1000;border:none;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;position:relative;min-height:80px}.group-avatar-large{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;box-shadow:0 4px 12px #007bff4d}.group-details h4{margin:0 0 4px;color:#1a1a1a;font-size:18px;font-weight:700}.group-type{margin:0 0 4px;color:#007bff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.group-description{margin:0;color:#6c757d;font-size:13px;font-style:italic}.close-modal{position:absolute;top:16px;right:16px;background:none;border:none;font-size:16px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.close-modal:hover{background:#0000001a;color:#333}.modal-content{padding:24px;height:calc(100% - 80px);overflow-y:auto;display:flex;flex-direction:column}.participants-section h5,.add-members-section h5{margin:0 0 12px;color:#333;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.participants-list{display:flex;flex-direction:column;gap:8px}.participant-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s ease}.participant-item:hover{background:#f8f9fa}.participant-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.participant-info{display:flex;flex-direction:column;gap:2px}.participant-name{font-size:13px;font-weight:600;color:#333}.participant-role{font-size:11px;color:#6c757d;text-transform:capitalize}.add-participant-form{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 4px 20px #00000026;z-index:1000;margin-top:8px;min-width:350px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.form-header h4{margin:0 0 5px;color:#333;font-size:18px;font-weight:600}.form-header p{margin:0;color:#666;font-size:14px;font-style:italic}.add-participant-form form{display:flex;flex-direction:column;gap:15px}.search-input-container{width:100%}.user-search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease;background:#fafafa}.user-search-input:focus{border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a;transform:translateY(-1px)}.user-search-input::placeholder{color:#999;font-style:italic}.user-select-dropdown{width:100%;padding:0;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;max-height:200px;overflow-y:auto;transition:all .2s ease}.user-select-dropdown:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.user-select-dropdown option{padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.user-select-dropdown option:hover{background-color:#f8f9fa}.user-select-dropdown option:checked{background-color:#007bff;color:#fff}.no-users-message{text-align:center;color:#666;font-style:italic;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;font-size:14px;border:1px solid #e0e0e0}.form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-participant-form button{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.add-participant-form button[type=submit]{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 2px 8px #007bff4d}.add-participant-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff66}.add-participant-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.add-participant-form button[type=submit]:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.add-participant-form button[type=button]{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff;box-shadow:0 2px 8px #6c757d4d}.add-participant-form button[type=button]:hover{background:linear-gradient(135deg,#545b62,#495057);box-shadow:0 4px 12px #6c757d66}.add-participant-form button[type=button]:active{transform:translateY(0)}.chat-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;align-items:flex-end;justify-content:flex-start;padding:0;margin:0}.chat-modal{background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000001f;width:450px;height:500px;display:flex;flex-direction:column;overflow:hidden;position:absolute;bottom:20px;left:20px;margin:0}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.chat-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.chat-modal-close{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.chat-modal-close:hover{background:#e0e0e0;color:#333}.chat-modal-content{display:flex;flex:1;overflow:hidden}.chat-modal-full{display:flex;flex:1;flex-direction:column;overflow:hidden}.chat-modal-rooms{flex:1;overflow:hidden}.chat-modal-full .chat-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;border-right:none;flex:1}.chat-modal-full{width:100%;height:100%}.chat-modal-full .chat-modal-rooms{width:100%!important;height:100%;flex:1}.chat-modal-full .rooms-list{padding:0 0 8px;width:100%;height:800px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#999 #f5f5f5;display:block}.chat-modal-full .rooms-list::-webkit-scrollbar{width:6px}.chat-modal-full .rooms-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.chat-modal-full .rooms-list::-webkit-scrollbar-thumb{background:#999;border-radius:3px;transition:background .2s ease}.chat-modal-full .rooms-list::-webkit-scrollbar-thumb:hover{background:#666}.chat-modal-full .room-item{padding:8px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;font-size:14px;width:100%;box-sizing:border-box;margin-bottom:1px}.chat-modal-full .sidebar-header{width:100%!important}.chat-modal-full .search-box{width:100%!important;padding:8px 12px}.chat-modal-full .search-box input{width:100%}.chat-modal-full .room-item:hover{background:#f8f9fa}.chat-modal-full .room-item.active{background:#e3f2fd;border-left:3px solid #007bff}.chat-modal-sidebar{width:200px;border-right:1px solid #e0e0e0;background:#f8f9fa;overflow-y:auto;flex-shrink:0}.chat-modal-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-modal-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px 16px;text-align:center}.chat-modal-welcome h2{font-size:24px;font-weight:600;color:#333;margin-bottom:16px}.chat-modal-welcome p{font-size:16px;color:#666;margin-bottom:32px;max-width:400px}.chat-features{display:flex;flex-direction:column;gap:16px;max-width:300px}.chat-feature{display:flex;align-items:center;gap:12px;padding:0 8px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.chat-feature i{font-size:18px;color:#1868db;width:20px}.chat-feature span{font-size:14px;color:#333;font-weight:500}@media(max-width:768px){.chat-modal-overlay{align-items:flex-end;justify-content:flex-start}.chat-modal{width:500px;height:450px;border-radius:12px;position:absolute;bottom:20px;left:20px}.chat-modal-sidebar{width:150px}.chat-modal-welcome{padding:20px}.chat-modal-welcome h2{font-size:20px}.chat-features{max-width:250px}}@media(max-width:480px){.chat-modal-overlay{padding:0;align-items:flex-end;justify-content:flex-start}.chat-modal{width:95vw;height:80vh;border-radius:8px;position:absolute;bottom:10px;left:10px}.chat-modal-sidebar{width:120px}.chat-features{max-width:200px}}.message-time{font-size:11px;color:#333;margin-top:5px}.message-content{font-size:14px;line-height:1.4}.message.current-user,.message.other-user{margin-bottom:6px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.room-settings-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.settings-header{display:flex;align-items:center;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;gap:8px;min-height:50px}.settings-header .back-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #d0d7de;border-radius:6px;padding:4px 6px;cursor:pointer;color:#495057;font-size:11px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.settings-header .back-button:hover{background:#e9ecef;box-shadow:0 4px 8px #00000026}.group-avatar-large{width:32px;height:32px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.group-details{flex:1}.group-details h4{margin:0 0 2px;font-size:14px;color:#333;font-weight:600}.group-type{margin:0 0 2px;color:#666;font-size:11px;text-transform:capitalize}.group-description{margin:0;color:#888;font-size:11px}.close-settings{background:#dc3545;border:none;font-size:10px;color:#fff;cursor:pointer;padding:4px 6px;border-radius:3px;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.close-settings:hover{background-color:#c82333}.close-settings:active{transform:scale(.95)}.settings-content{flex:1;padding:8px 12px;overflow-y:auto}.participants-section h5{margin:0 0 6px;color:#333;font-size:14px;font-weight:600}.participants-list{max-height:200px;overflow-y:auto;margin-bottom:8px}.participant-item{display:flex;align-items:center;padding:6px;border:1px solid #e9ecef;border-radius:4px;margin-bottom:4px;background:#f8f9fa;gap:6px}.participant-avatar{width:24px;height:24px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.participant-info{flex:1;display:flex;flex-direction:column;gap:1px}.participant-name{font-weight:500;color:#333;font-size:12px}.participant-role{font-size:10px;color:#666;text-transform:capitalize}.remove-participant-btn{background:#dc3545;color:#fff;border:none;border-radius:3px;padding:3px 6px;cursor:pointer;font-size:10px;transition:background-color .2s}.remove-participant-btn:hover{background:#c82333}.add-members-section{border-top:1px solid #e9ecef;padding-top:8px}.add-members-section h5{margin:0 0 6px;color:#333;font-size:14px;font-weight:600}.add-member-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;transition:background-color .2s}.add-member-btn:hover{background:#0056b3}.add-member-form{display:flex;flex-direction:column;gap:6px}.search-input-container{position:relative}.user-search-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:12px}.user-select-dropdown{width:100%;border:1px solid #ddd;border-radius:3px;font-size:12px;background:#fff}.no-users-message{color:#666;font-size:12px;text-align:center;padding:8px;background:#f8f9fa;border-radius:3px}.form-buttons{display:flex;gap:6px}.form-buttons button{padding:6px 12px;border:none;border-radius:3px;cursor:pointer;font-size:12px;transition:background-color .2s}.form-buttons button[type=submit]{background:#007bff;color:#fff}.form-buttons button[type=submit]:hover:not(:disabled){background:#0056b3}.form-buttons button[type=submit]:disabled{background:#6c757d;cursor:not-allowed}.form-buttons button[type=button]{background:#6c757d;color:#fff}.form-buttons button[type=button]:hover{background:#545b62}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;color:#666;gap:6px}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{margin:0;font-size:12px}.chat-messages .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;gap:15px;min-height:200px}.chat-messages .loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.chat-messages .loading-state p{margin:0;font-size:14px;color:#666}.skeleton-loading{padding:20px;display:flex;flex-direction:column;gap:15px}.skeleton-message{display:flex;gap:10px;align-items:flex-start}.skeleton-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.direct-message-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.direct-message-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d}.direct-message-header{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.direct-message-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f0f0f0;color:#333}.direct-message-content{padding:20px;flex:1;overflow:hidden;display:flex;flex-direction:column}.direct-message-content .search-box{margin-bottom:20px}.direct-message-content .search-box input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.direct-message-content .search-box input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.employees-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:300px;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.employees-list::-webkit-scrollbar{width:6px}.employees-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.employees-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .2s ease}.employees-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.employee-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.employee-item:hover{background:#f8f9fa;border-color:#e9ecef}.employee-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;overflow:hidden;flex-shrink:0}.employee-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.employee-info{flex:1;min-width:0}.employee-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-info p{margin:0 0 2px;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-email{color:#888!important;font-size:11px!important}.employee-department{color:#666!important;font-size:10px!important;font-style:italic;margin:2px 0!important}.employee-id{color:#999!important;font-size:9px!important;font-weight:500;margin:2px 0!important}.loading{text-align:center;padding:40px;color:#666;font-size:14px}.no-employees{text-align:center;padding:40px;color:#666}.no-employees p{margin:8px 0;font-size:14px}.direct-message-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;padding:8px 10px;cursor:pointer;color:#fff;font-size:12px;transition:all .3s ease;box-shadow:0 2px 4px #28a7454d;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.direct-message-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.direct-message-btn i{font-size:14px}.direct-message-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:-50px 0;padding:15px;position:relative;z-index:10;box-shadow:0 4px 12px #00000026}.direct-message-section::-webkit-scrollbar{width:6px}.direct-message-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.direct-message-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .2s ease}.direct-message-section::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.direct-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.direct-message-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.close-direct-message{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-direct-message:hover{background:#e9ecef;color:#333}.employee-search-box{margin-bottom:15px}.employee-search-box input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:12px;outline:none;transition:border-color .2s ease}.employee-search-box input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.direct-message-section .employees-list{min-height:300px;width:430px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.direct-message-section .employees-list::-webkit-scrollbar{width:6px}.direct-message-section .employees-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.direct-message-section .employees-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .2s ease}.direct-message-section .employees-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.direct-message-section .employee-item{display:flex;align-items:center;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;margin-bottom:4px}.direct-message-section .employee-item:hover{background:#e9ecef;border-color:#dee2e6}.direct-message-section .employee-item.creating{background:#e3f2fd;border-color:#2196f3;cursor:not-allowed;opacity:.7}.direct-message-section .employee-item.creating:hover{background:#e3f2fd;border-color:#2196f3}.direct-message-section .employee-item.selected{background:#e3f2fd;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.direct-message-section .employee-item.selected:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.direct-message-section .employee-avatar{width:32px;height:32px;border-radius:50%;margin-right:10px;overflow:hidden;flex-shrink:0}.direct-message-section .employee-avatar img{width:100%;height:100%;object-fit:cover}.direct-message-section .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.direct-message-section .employee-info{flex:1;min-width:0}.direct-message-section .employee-info h4{margin:0 0 2px;font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-message-section .employee-info p{margin:0 0 1px;font-size:10px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-message-section .employee-email{color:#888!important;font-size:9px!important}.direct-message-section .loading{text-align:center;padding:20px;color:#666;font-size:12px}.direct-message-section .no-employees{text-align:center;padding:20px;color:#666}.direct-message-section .no-employees p{margin:4px 0;font-size:12px}.status-indicator{font-size:12px;font-weight:400;margin-bottom:2px;border-radius:18px;display:inline-block;min-width:80px;border:1px solid transparent;text-align:left!important}.delivery-status{display:inline-flex;align-items:center;margin-left:0;margin-top:0;height:100%}.status-icon{width:20px;height:16px;transition:all .2s ease;margin-right:0!important;margin-left:0!important}.status-sent,.status-delivered{color:#6c757d}.status-read{color:#00d4ff;filter:drop-shadow(0 0 3px rgba(0,212,255,.6))}.status-icon:hover{transform:scale(1.05)}.dark-theme .status-sent,.dark-theme .status-delivered{color:#adb5bd}.dark-theme .status-read{color:#00d4ff;filter:drop-shadow(0 0 3px rgba(0,212,255,.6))}.room-delivery-status{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle;height:16px}.room-status-icon{width:16px;height:16px;transition:all .2s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.room-status-sent,.room-status-delivered{color:#6c757d;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.room-status-read{color:#00d4ff;filter:drop-shadow(0 1px 3px rgba(0,212,255,.4))}.room-status-icon:hover{transform:scale(1.05)}.dark-theme .room-status-sent,.dark-theme .room-status-delivered{color:#adb5bd;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.dark-theme .room-status-read{color:#00d4ff;filter:drop-shadow(0 1px 3px rgba(0,212,255,.5))}.loading-message{display:flex;align-items:center;justify-content:center;padding:20px;color:#6c757d;font-size:14px;gap:10px}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.dark-theme .loading-message{color:#adb5bd}.dark-theme .loading-spinner{border:2px solid #495057;border-top:2px solid #0dcaf0}.loading-progress-bar{width:200px;height:4px;background-color:#0000001a;border-radius:2px;margin-top:8px;overflow:hidden}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#00d4ff);border-radius:2px;transition:width .3s ease}.dark-theme .loading-progress-bar{background-color:#ffffff1a}.dark-theme .loading-progress-fill{background:linear-gradient(90deg,#0dcaf0,#00d4ff)}.file-preview-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;padding:12px;max-height:200px;overflow-y:auto}.file-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;color:#495057}.clear-files-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.clear-files-btn:hover{background-color:#f8d7da}.file-preview-list{display:flex;flex-direction:column;gap:8px}.file-preview-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:8px;transition:box-shadow .2s}.file-preview-item:hover{box-shadow:0 2px 4px #0000001a}.image-preview{display:flex;align-items:center;gap:10px;flex:1}.image-preview img{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid #dee2e6}.file-info{display:flex;align-items:center;gap:8px;flex:1}.file-info i{color:#6c757d;font-size:16px}.file-name{font-size:14px;color:#495057;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;color:#6c757d}.remove-file-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.remove-file-btn:hover{background-color:#f8d7da}.input-container{display:flex;align-items:center;gap:8px;flex:1}.file-upload-buttons{display:flex;gap:4px}.upload-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .2s;color:#495057;font-size:14px}.upload-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.upload-btn.image-btn:hover{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.upload-btn.document-btn:hover{background:#f3e5f5;border-color:#9c27b0;color:#7b1fa2}.upload-btn.file-btn:hover{background:#e8f5e8;border-color:#4caf50;color:#388e3c}.send-button:disabled{opacity:.6;cursor:not-allowed}.send-button:disabled:hover{transform:none}.dark-theme .file-preview-section{background:#2d3748;border-color:#4a5568}.dark-theme .file-preview-header{color:#e2e8f0}.dark-theme .file-preview-item{background:#1a202c;border-color:#4a5568}.chat-messages.drag-over{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px dashed #2196f3;border-radius:8px;position:relative;transition:all .3s ease}.chat-messages.drag-over:before{content:"Drop files here to upload";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2196f3e6;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #2196f34d}.dark-theme .chat-messages.drag-over{background:linear-gradient(135deg,#1a237e,#4a148c);border-color:#64b5f6}.dark-theme .chat-messages.drag-over:before{background:#64b5f6e6;box-shadow:0 4px 12px #64b5f64d}.dark-theme .file-name{color:#e2e8f0}.dark-theme .file-size{color:#a0aec0}.dark-theme .upload-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-theme .upload-btn:hover{background:#4a5568;border-color:#718096}.dark-theme .upload-btn.image-btn:hover{background:#1e3a8a;border-color:#3b82f6;color:#60a5fa}.dark-theme .upload-btn.document-btn:hover{background:#581c87;border-color:#a855f7;color:#c084fc}.dark-theme .upload-btn.file-btn:hover{background:#166534;border-color:#22c55e;color:#4ade80}.message-attachments{margin-top:8px;display:flex;flex-direction:column;gap:8px}.attachment-item{border:1px solid #dee2e6;border-radius:6px;overflow:hidden;background:#f8f9fa;transition:box-shadow .2s;max-width:250px}.image-attachment{display:flex;align-items:center;gap:8px;padding:6px;cursor:pointer;transition:background-color .2s}.image-attachment:hover{background-color:#007bff1a}.attachment-image{width:40px;height:40px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s}.file-attachment{display:flex;align-items:center;gap:6px;padding:4px;cursor:pointer;transition:background-color .2s}.file-attachment:hover{background-color:#007bff1a}.attachment-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e9ecef;border-radius:4px;color:#6c757d;font-size:12px}.attachment-info{flex:1;display:flex;flex-direction:column;gap:1px}.attachment-name{font-size:12px;font-weight:500;color:#495057;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help;position:relative}.attachment-name[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0003;margin-bottom:5px}.attachment-name[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#333;z-index:1000;margin-bottom:1px}.attachment-size{font-size:10px;color:#6c757d}.download-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:6px;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-shadow:0 2px 6px #007bff4d;cursor:pointer;position:relative;overflow:hidden}.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.download-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff66;transform:translateY(-1px)}.download-btn:hover:before{left:100%}.download-btn:active{transform:translateY(0);box-shadow:0 2px 6px #007bff4d}.download-btn i{font-size:12px;z-index:1;position:relative}.dark-theme .attachment-item{background:#2d3748;border-color:#4a5568}.dark-theme .attachment-name{color:#e2e8f0}.dark-theme .attachment-size{color:#a0aec0}.dark-theme .attachment-icon{background:#4a5568;color:#a0aec0}.attachment-preview{display:inline-flex;align-items:center;gap:6px;color:#495057;font-size:13px}.attachment-preview i{font-size:12px;color:#6c757d}.dark-theme .attachment-preview{color:#e2e8f0}.dark-theme .attachment-preview i{color:#a0aec0}.dark-theme .download-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 6px #3b82f64d}.dark-theme .download-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f666}.file-viewer-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000fa;z-index:99999;display:flex;align-items:center;justify-content:center;padding:0;margin:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.file-viewer-modal{background:#fff;border-radius:8px;width:99vw;height:99vh;max-width:none;max-height:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:fileViewerSlideIn .3s ease-out;position:relative}@keyframes fileViewerSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.file-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;flex-shrink:0}.file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.file-details{flex:1;min-width:0}.file-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-details p{margin:0;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-viewer-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.download-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 6px #28a7454d}.download-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.close-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 6px #dc35454d}.close-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc354566;transform:translateY(-1px)}.file-viewer-content{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f9fa;position:relative}.file-viewer-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#666}.file-viewer-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.file-viewer-error{display:flex;flex-direction:column;align-items:center;gap:16px;color:#dc3545;text-align:center;padding:40px}.file-viewer-error i{font-size:48px;color:#dc3545}.retry-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.retry-btn:hover{background:#0056b3}.file-viewer-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #0000001a}.file-viewer-pdf,.file-viewer-text{width:100%;height:100%;display:flex;flex-direction:column}.viewer-iframe{width:100%;height:100%;border:none;border-radius:0;background:#f8f9fa}.file-viewer-pdf .viewer-iframe{min-height:500px;background:#fff}.file-viewer-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.viewer-video{max-width:100%;max-height:100%;width:auto;height:auto;background:#000;border-radius:4px}.file-viewer-audio{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:40px}.viewer-audio{width:100%;max-width:500px;height:60px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.file-viewer-default{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;text-align:center}.file-preview-icon{width:80px;height:80px;border-radius:12px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 24px #007bff4d}.file-preview-info h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#333}.file-preview-info .file-type{margin:0 0 4px;font-size:14px;color:#666}.file-preview-info .file-size{margin:0 0 16px;font-size:12px;color:#999}.download-file-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #007bff4d}.download-file-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.download-file-btn:active{transform:translateY(0)}.dark-theme .file-viewer-modal{background:#1a1a1a;color:#e0e0e0}.dark-theme .file-viewer-header{background:#2d2d2d;border-bottom-color:#404040}.dark-theme .file-details h3{color:#e0e0e0}.dark-theme .file-details p{color:#a0a0a0}.dark-theme .file-viewer-content{background:#1a1a1a}.dark-theme .file-viewer-loading{color:#a0a0a0}.dark-theme .file-viewer-error{color:#ff6b6b}.dark-theme .file-preview-info h3{color:#e0e0e0}.dark-theme .file-viewer-video{background:#000}.dark-theme .file-viewer-audio{background:#2d2d2d}.dark-theme .viewer-audio{background:#404040;color:#e0e0e0}.dark-theme .file-preview-info .file-type{color:#a0a0a0}.dark-theme .file-preview-info .file-size{color:gray}@media(max-width:768px){.file-viewer-modal{width:100vw;height:100vh;border-radius:0;max-width:none;max-height:none}.file-viewer-header{padding:12px 16px}.file-icon{width:32px;height:32px;font-size:14px}.file-details h3{font-size:14px}.file-details p{font-size:11px}.action-btn{width:32px;height:32px;font-size:12px}}.file-error-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin:8px 0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;animation:slideInFromTop .3s ease-out}.file-error-message .error-content{display:flex;align-items:center;gap:8px;flex:1}.file-error-message .error-content i{color:#f39c12;font-size:16px;flex-shrink:0}.file-error-message .error-content span{color:#8b4513;font-size:14px;font-weight:500;line-height:1.4;word-break:break-word}.dismiss-error-btn{background:none;border:none;color:#8b4513;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;margin-left:8px}.dismiss-error-btn:hover{background:#8b45131a;color:#5d2e0a}.dismiss-error-btn i{font-size:14px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dark-theme .file-error-message{background:#2d1b0e;border-color:#8b4513}.dark-theme .file-error-message .error-content span,.dark-theme .file-error-message .error-content i,.dark-theme .dismiss-error-btn{color:#ffa726}.dark-theme .dismiss-error-btn:hover{background:#ffa7261a;color:#ffcc02}.material-icons{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:inherit}.spin{animation:spin 2s linear infinite;display:inline-block}.Toastify__toast-container{z-index:1000000000!important;position:fixed;padding:12px;width:450px!important;max-width:90vw!important;box-sizing:border-box;display:flex;flex-direction:column}.Toastify__toast-container--top-center{top:2em;left:50%;transform:translate(-50%);align-items:center}.Toastify__toast{position:relative!important;width:100%!important;max-width:none!important;background-color:#fff!important;border-radius:8px!important;box-shadow:0 10px 30px #0000001f!important;padding:0!important;margin-bottom:16px!important;display:flex!important;align-items:center!important;overflow:hidden!important;border:1px solid rgba(0,0,0,.05)!important;min-height:70px!important;cursor:pointer;direction:ltr}.Toastify__toast-icon{width:70px!important;margin-right:8px!important;align-self:stretch!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.Toastify__toast-icon svg{border:2px solid #ffffff!important;border-radius:50%!important;width:32px!important;height:32px!important;fill:#fff!important;padding:5px!important;background:transparent!important}.Toastify__toast--success .Toastify__toast-icon{background-color:#00a643!important}.Toastify__toast--error .Toastify__toast-icon{background-color:#dc2626!important}.Toastify__toast--error .Toastify__toast-icon svg{background-color:#fff!important;fill:#dc2626!important;border:none!important;padding:6px!important;width:30px!important;height:30px!important}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--info,.Toastify__toast--warning{background-color:#fff!important}.Toastify__toast--info .Toastify__toast-icon{background-color:#1868db!important}.Toastify__toast--warning .Toastify__toast-icon{background-color:#f97316!important}.Toastify__toast--warning .Toastify__toast-icon svg{background-color:#fff!important;fill:#f97316!important;border-radius:50%!important;border:none!important;padding:6px!important;width:30px!important;height:30px!important}.Toastify__toast-body{margin:0!important;padding:12px 40px 12px 28px!important;flex-grow:1!important;display:flex!important;align-items:center!important;background-color:#fff!important;min-height:100%!important}.Toastify__toast-body>div{display:flex!important;align-items:center!important;width:100%!important;background-color:transparent!important}.Toastify__toast-body,.Toastify__toast-body *,.Toastify__toast-text,.Toastify__toast--success .Toastify__toast-body,.Toastify__toast--success .Toastify__toast-body *,.Toastify__toast--error .Toastify__toast-body,.Toastify__toast--error .Toastify__toast-body *,.Toastify__toast--error .Toastify__toast-text,.Toastify__toast--warning .Toastify__toast-body,.Toastify__toast--warning .Toastify__toast-body *,.Toastify__toast--warning .Toastify__toast-text,.Toastify__toast--info .Toastify__toast-body,.Toastify__toast--info .Toastify__toast-body *{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:12px!important;font-weight:400!important;color:#1e2939!important;line-height:1.4!important;text-align:left!important}.Toastify__close-button{position:absolute!important;top:5px!important;right:5px!important;color:#94a3b8!important;opacity:.6!important;background:transparent!important;border:none!important;width:14px!important;height:14px!important;cursor:pointer!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important}.Toastify__close-button:hover{opacity:1!important;color:#1e2939!important}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;z-index:1;opacity:.5;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__toast:hover .Toastify__progress-bar--animated{animation-play-state:paused!important}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:4px}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{width:100%;height:100%;opacity:.15}.Toastify__progress-bar--success,.Toastify__progress-bar--bg.Toastify__progress-bar--success{background-color:#00a643}.Toastify__progress-bar--error,.Toastify__progress-bar--bg.Toastify__progress-bar--error{background-color:#dc2626}.Toastify__progress-bar--warning,.Toastify__progress-bar--bg.Toastify__progress-bar--warning{background-color:#f97316}.Toastify__progress-bar--info,.Toastify__progress-bar--bg.Toastify__progress-bar--info{background-color:#1868db}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.Toastify__bounce-enter--top-center{animation:Toastify__bounceInDown .7s both}.Toastify__bounce-exit--top-center{animation:Toastify__bounceOutUp .7s both}body[data-theme=dark] .Toastify__toast,body[data-theme=dark] .Toastify__toast-body{background-color:#111827!important}body[data-theme=dark] .Toastify__toast-body *{color:#1e2939!important}.sidebar{position:fixed;width:60px;height:calc(100% - 60px);left:0;top:60px;background-color:var(--bg-sidebar);color:var(--footer-text);z-index:1400;border-right:1px solid rgba(255,255,255,.1);overflow:visible;font-size:16px;color:#f4f6f8}.sidebar-loading{display:flex;align-items:center;justify-content:center;height:100%;padding:20px 0}.sidebar-logo{width:100%;height:60px;display:flex;align-items:center;justify-content:center;background-color:#fff}.sidebar-logo a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}#sidebar-logo{height:35px;width:auto;object-fit:contain;transition:filter .3s ease}.sidebar-link-container{position:relative;display:flex;flex-direction:column;align-items:center}.sidebar-tooltip{position:absolute;left:52px;top:50%;transform:translateY(-50%);background-color:#f4f6f8;color:#342d42;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;border:1px solid rgba(52,45,66,.1);z-index:10000000;pointer-events:none;animation:tooltipFadeIn .2s ease-in-out}.sidebar-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #F4F6F8}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.header_links{width:100%;text-align:center;display:flex;flex-direction:column;height:100%;overflow:visible;padding:8px 0}.header_links a{color:#c6c8ca;text-decoration:none;font-size:10px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease-in-out;padding:4px 0;position:relative}.header_links a:hover{color:#1868db}.header_links a.active{color:#fff;transform:translateY(-3px)}.header_links a.active+a{transform:translateY(2px)}.header_links a.prev-active{transform:translateY(-2px)}.header_links img,.header_links .sidebar-icon{width:23px;object-fit:contain;margin-bottom:5px;transition:transform .3s ease}.sidebar-icon{font-size:23px!important;color:#c6c8ca;display:block;margin-bottom:5px}.header_links a svg,.header_links a .material-icons{width:32px!important;height:32px!important;color:#c6c8ca!important;fill:#c6c8ca!important;font-size:20px!important;display:flex;align-items:center;justify-content:center;border:2px solid #c6c8ca;border-radius:50%;box-sizing:border-box;padding:4px;margin-bottom:2px;transition:all .3s ease}.header_links a.active svg,.header_links a.active .material-icons{background-color:#1868db!important;border-color:#1868db!important;color:#fff!important;fill:#fff!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important}.header_links a:hover:not(.active) svg,.header_links a:hover:not(.active) .material-icons{border-color:#1868db;color:#1868db!important;fill:#1868db!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important}.header_links a.active:hover svg,.header_links a.active:hover .material-icons{border-color:#1868db;color:#fff!important;fill:#fff!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important}.header_links img{background:none!important;border:none!important}.header_links a.active span{background:#1868db;color:#fff;border-radius:12px;font-weight:600;font-size:12px;padding:0 10px;margin-top:2px;display:inline-block;box-shadow:0 2px 8px #0003;text-align:center}.header_links a span,.header_links a.active span,.header_links a:hover span{font-size:10px!important;width:50px;height:16px;box-sizing:border-box;overflow:visible;text-overflow:unset;white-space:nowrap;display:flex;align-items:center;justify-content:center}.admin-section{margin-top:20px;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.admin-toggle{display:flex;flex-direction:column;align-items:center;padding:8px 0;color:#c6c8ca;text-decoration:none;font-size:10px;transition:all .3s ease;cursor:pointer}.admin-toggle:hover,.admin-toggle.expanded{color:#fff;background-color:#4b43cc}.admin-icon{margin-bottom:5px}.admin-icon svg{width:24px;height:24px}.expand-icon{font-size:8px;margin-top:3px}.admin-links{width:100%;overflow:hidden;transition:max-height .3s ease}.admin-link{display:flex!important;flex-direction:row!important;justify-content:center;padding:8px 5px!important;font-size:9px!important;background-color:#0003}.admin-link-icon{display:flex;align-items:center;margin-right:3px}.admin-link-icon svg{width:16px;height:16px}.sidebar-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#0003;z-index:10}.sidebar .subscription-status{padding:8px;margin:0;border-radius:4px}.sidebar .status-info{display:none}.sidebar .subscription-status .upgrade-button{padding:4px 8px;font-size:10px;white-space:nowrap}@media(max-width:768px){.sidebar{height:calc(100vh - 87px)}}.notification-bell-container{position:relative;display:inline-block}.notification-bell-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative}.notification-bell-button:hover{background-color:#0000000d}.notification-bell-icon{font-size:24px;color:var(--primary-color, #1976d2);position:relative}.notification-badge-count{position:absolute;top:4px;right:4px;background-color:#f44336;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 1px #fff}.notification-icon.pending{color:#faad14}.notification-icon.approved{color:#52c41a}.notification-icon.rejected{color:#f5222d}.notification-icon.info{color:#1890ff}.notification-icon.warning{color:#fa8c16}.notification-icon.system{color:#8c8c8c}.notification-icon.interview{color:#722ed1}.notification-panel-overlay{position:absolute;top:50px;right:0;z-index:1000}.notification-action-buttons{display:flex;justify-content:flex-end;margin-top:8px}.notification-action-btn-group{display:flex;gap:8px}.notification-btn-small{padding:4px 8px;font-size:12px;border-radius:4px;cursor:pointer;border:1px solid transparent;display:flex;align-items:center;gap:4px;transition:all .2s}.notification-btn-primary{background-color:#1890ff;color:#fff;border-color:#1890ff}.notification-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.notification-btn-success{background-color:#52c41a;color:#fff;border-color:#52c41a}.notification-btn-success:hover{background-color:#73d13d;border-color:#73d13d}.notification-btn-danger{background-color:#ff4d4f;color:#fff;border-color:#ff4d4f}.notification-btn-danger:hover{background-color:#ff7875;border-color:#ff7875}.notification-btn-default{background-color:#fff;color:#333;border-color:#d9d9d9}.notification-btn-default:hover{color:#40a9ff;border-color:#40a9ff}.notification-tag-success{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f;padding:2px 8px;border-radius:4px;font-size:12px}.notification-permission-text{font-size:12px;color:#8c8c8c}.notification-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.notification-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:notificationModalSlideIn .3s ease-out}@keyframes notificationModalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.notification-modal-title{margin:0;font-size:16px;font-weight:600}.notification-modal-close-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#999}.notification-modal-body{padding:24px;overflow-y:auto}.notification-modal-footer{padding:10px 16px;border-top:1px solid #f0f0f0;text-align:right;display:flex;justify-content:flex-end;gap:8px}.notification-modal-detail-row{display:flex;gap:8px;margin-bottom:8px}.notification-modal-detail-col{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.notification-modal-label{font-weight:600;min-width:80px}.notification-modal-value{color:#333}.notification-modal-textarea{width:100%;padding:8px;border:1px solid #d9d9d9;border-radius:4px;resize:vertical;font-family:inherit}.notification-modal-textarea:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.notification-text-danger{color:red}.notification-spinner-container{display:flex;justify-content:center;align-items:center}.notification-spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1890ff;animation:notification-spin 1s linear infinite}@keyframes notification-spin{to{transform:rotate(360deg)}}.NOT-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1000001;display:flex;justify-content:center;align-items:center}.NOT-modal{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.NOT-header{padding:20px 24px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:relative}.NOT-title{margin:0;font-size:18px;font-weight:600;color:#342d42}.NOT-close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.NOT-close-btn:hover{background-color:#f4f6f8}.NOT-body{padding:24px;flex:1;overflow-y:auto}.NOT-request-details{margin-bottom:24px}.NOT-detail-row{display:flex;gap:24px;margin-bottom:16px}.NOT-detail-row:last-child{margin-bottom:0}.NOT-detail-item{flex:1;display:flex;flex-direction:column;gap:4px}.NOT-detail-item.full-width{flex:1}.NOT-label{font-size:12px;color:#666;font-weight:500}.NOT-value{font-size:14px;color:#342d42;font-weight:600}.NOT-rejection-section{display:flex;flex-direction:column;gap:8px}.NOT-input-label{font-size:14px;color:#666;font-weight:500}.NOT-required-asterisk{color:#f44336;font-weight:700}.NOT-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;background-color:#fff}.NOT-textarea:focus{outline:none;border-color:#1868db}.NOT-textarea::placeholder{color:#999}.NOT-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.NOT-cancel-btn{background-color:#fff;border:1px solid #e0e0e0;color:#666;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;border-radius:4px;text-transform:uppercase}.NOT-cancel-btn:hover:not(:disabled){background-color:#f4f6f8}.NOT-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.NOT-reject-btn{background-color:#dc3545;border:none;color:#fff;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;border-radius:4px;text-transform:uppercase}.NOT-reject-btn:hover:not(:disabled){background-color:#c82333}.NOT-reject-btn:disabled{opacity:.5;cursor:not-allowed}.NOT-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:#666;font-size:14px}.NOT-error{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:#f44336;font-size:14px}@media(max-width:768px){.NOT-modal{width:95%;margin:20px}.NOT-detail-row{flex-direction:column;gap:16px}.NOT-detail-item{flex:none}}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:999999!important;display:flex;justify-content:flex-end}.notification-panel{position:fixed;top:60px;right:0;background-color:#fff;width:400px;height:calc(100vh - 60px);box-shadow:-2px 0 10px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-out;z-index:1000000!important}.notification-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.08)}.notification-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.notification-actions{display:flex;align-items:center;gap:8px}.mark-all-read-btn{background:none;border:none;color:var(--primary-color, #1976d2);font-size:14px;font-weight:500;padding:6px 12px;cursor:pointer;transition:all .2s;border-radius:4px;margin-right:8px}.mark-all-read-btn:hover{background-color:#1976d21a}.notification-close-btn{background:none;border:none;color:#666;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.notification-close-btn:hover{background-color:#0000000d}.notification-content{flex:1;overflow-y:auto;padding:0;scrollbar-width:none}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:40px 16px}.notification-empty img{width:200px;margin-bottom:16px}.notification-empty-text{font-size:16px;color:#333;margin:8px 0 0;font-weight:500}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-left-color:#1a73e8;animation:spin 1s linear infinite;margin-bottom:16px}.notification-error{padding:16px;color:#d32f2f;text-align:center}.notification-list{padding:0}.notification-item{display:flex;padding:5px;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background-color .2s;align-items:flex-start;position:relative}.notification-item:hover{background-color:#00000008}.notification-item.unread{background-color:#1976d20d}.notification-icon{margin-right:16px;display:flex;align-items:flex-start}.notification-details{flex:1;margin-right:15px;margin-left:-17px}.notification-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.notification-message{margin:0 0 8px;font-size:13px;color:#666}.notification-time{font-size:12px;color:#999}[data-theme=dark] .notification-overlay{background-color:#00000080}[data-theme=dark] .notification-panel{background-color:#222;box-shadow:-2px 0 10px #0000004d}[data-theme=dark] .notification-header{border-bottom-color:#ffffff1a}[data-theme=dark] .notification-header h2{color:#e0e0e0}[data-theme=dark] .notification-close-btn{color:#ccc}[data-theme=dark] .notification-close-btn:hover{background-color:#ffffff1a}[data-theme=dark] .notification-empty-text{color:#e0e0e0}[data-theme=dark] .notification-item{border-bottom-color:#ffffff1a}[data-theme=dark] .notification-item:hover{background-color:#ffffff0d}[data-theme=dark] .notification-item.unread{background-color:#42a5f51a}[data-theme=dark] .notification-title{color:#e0e0e0}[data-theme=dark] .notification-message{color:#b0b0b0}[data-theme=dark] .notification-time{color:gray}[data-theme=dark] .mark-all-read-btn{color:var(--primary-color-dark, #90caf9)}[data-theme=dark] .mark-all-read-btn:hover{background-color:#90caf91a}.mark-read-wrapper{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:0 5px}.mark-read-btn{background:none;border:none;color:var(--primary-color, #1976d2);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s ease;font-size:18px}.mark-read-btn:hover{opacity:1;background-color:#1976d21a}.notification-action-buttons{display:flex;gap:6px;margin-top:12px;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.notification-action-btn{font-size:12px!important;padding:6px 12px!important;min-width:70px!important;height:32px!important;text-transform:none!important;font-weight:500!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.notification-action-btn.approve-btn{background-color:#4caf50!important;color:#fff!important}.notification-action-btn.approve-btn:hover{background-color:#45a049!important}.notification-action-btn.reject-btn{background-color:#f44336!important;color:#fff!important}.notification-action-btn.reject-btn:hover{background-color:#da190b!important}.notification-action-btn.view-btn{border-color:#2196f3!important;color:#2196f3!important}.notification-action-btn.view-btn:hover{background-color:#2196f31a!important}.notification-action-btn.download-btn{border-color:#2e7d32!important;color:#2e7d32!important}.notification-action-btn.download-btn:hover{background-color:#2e7d321a!important}.notification-action-completed{color:#4caf50!important;font-size:12px!important;font-weight:600!important;padding:8px 12px!important;background-color:#e8f5e8!important;border-radius:6px!important;border:1px solid #4caf50!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;min-height:32px!important}[data-theme=dark] .notification-action-btn.approve-btn{background-color:#66bb6a!important}[data-theme=dark] .notification-action-btn.approve-btn:hover{background-color:#81c784!important}[data-theme=dark] .notification-action-btn.reject-btn{background-color:#ef5350!important}[data-theme=dark] .notification-action-btn.reject-btn:hover{background-color:#e57373!important}[data-theme=dark] .notification-action-btn.view-btn{border-color:#42a5f5!important;color:#42a5f5!important}[data-theme=dark] .notification-action-btn.view-btn:hover{background-color:#42a5f51a!important}[data-theme=dark] .notification-action-btn.download-btn{border-color:#66bb6a!important;color:#66bb6a!important}[data-theme=dark] .notification-action-btn.download-btn:hover{background-color:#66bb6a1a!important}.MuiDialog-root{z-index:1000001!important}.MuiBackdrop-root{z-index:1000000!important}.MuiDialog-paper{z-index:1000001!important}[data-theme=dark] .notification-action-completed{color:#66bb6a!important;background-color:#66bb6a1a!important;border-color:#66bb6a!important}[data-theme=dark] .mark-read-btn{color:var(--primary-color-dark, #90caf9)}[data-theme=dark] .mark-read-btn:hover{background-color:#90caf91a}@media(max-width:768px){.notification-panel{width:85%}.notification-action-buttons{gap:4px}.notification-action-btn{padding:4px 8px!important;min-width:60px!important;height:28px!important;font-size:11px!important}.notification-action-completed{padding:6px 10px!important;font-size:11px!important;min-height:28px!important}}@media(max-width:480px){.notification-panel{width:100%}.notification-action-buttons{flex-direction:column;gap:6px;align-items:stretch}.notification-action-btn{width:100%!important;min-width:unset!important;height:36px!important;font-size:12px!important}.notification-action-completed{width:100%!important;min-height:36px!important;font-size:12px!important}}.notification-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.08)}.notification-tab{flex:1;background:none;border:none;padding:12px 8px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;position:relative}.notification-tab.active{color:var(--primary-color, #1976d2)}.notification-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color, #1976d2)}.notification-tab:hover{background-color:#00000008}[data-theme=dark] .notification-tabs{border-bottom-color:#ffffff1a}[data-theme=dark] .notification-tab{color:#b0b0b0}[data-theme=dark] .notification-tab.active{color:var(--primary-color-dark, #90caf9)}[data-theme=dark] .notification-tab.active:after{background-color:var(--primary-color-dark, #90caf9)}[data-theme=dark] .notification-tab:hover{background-color:#ffffff0d}.top_header{background-color:#fff!important;width:100%;height:60px;position:fixed;top:0;left:0;right:0;z-index:1500;display:flex;align-items:center;transition:background-color .3s ease;border-bottom:1px solid rgba(0,0,0,.1)}.has-top-header .top_header{background-color:var(--bg-top-header)!important}.dashboard-layout .top_header{position:fixed;top:0;left:0;right:0}.top_header_list{list-style:none;display:flex;align-items:center;justify-content:space-between;height:60px;width:100%;margin:0;gap:20px;box-sizing:border-box}.logo-container{display:flex;align-items:center;height:60px;margin-right:20px;transition:all .3s ease;flex-shrink:0;min-width:fit-content}.logo-link{display:flex;align-items:center;text-decoration:none;transition:none}.top-header-logo{height:40px;width:auto;object-fit:contain;max-width:200px;transition:all .3s ease;padding-left:20px}.has-top-header .top-header-logo{height:36px;width:36px;max-width:36px;object-fit:contain;transition:all .3s ease;padding-left:0}.has-top-header .logo-container{width:60px!important;height:60px!important;display:flex;align-items:center;justify-content:center;margin-right:0!important;background-color:var(--bg-top-header);transition:all .3s ease}.public-nav-container{display:flex;align-items:center;justify-content:center;flex-grow:1}.public-nav-list{display:flex;align-items:center;gap:50px;list-style:none;margin:0;padding:0}.public-nav-list a{color:#343b42;text-decoration:none;font-size:16px;font-weight:500;padding:5px 0;position:relative;display:flex;align-items:center;gap:6px}.arrow-down{border:solid #343b42;border-width:0 1.5px 1.5px 0;display:inline-block;padding:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all .3s ease}.btn-login-public,.btn-signup-public{padding:8px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;letter-spacing:.3px}.btn-login-public{color:#1868db!important;background-color:transparent;border:2px solid #1868db}.btn-signup-public{color:#1868db!important;background-color:transparent;border:2px solid #1868db;margin-right:20px}.nav-right{display:flex;align-items:center;margin-left:auto;height:60px}.login_signup{display:flex;justify-content:flex-end;align-items:center;list-style:none;margin-right:0;height:60px;gap:12px;flex-wrap:nowrap}.top_header_list a{text-decoration:none;color:#343b42!important;transition:color .3s ease;display:flex;align-items:center}.top_header_list li:first-child a:hover{background-color:transparent;color:#fff}.btn-pricing,.btn-signup,.btn-login{padding:7px 14px;border-radius:8px;font-weight:500;font-size:13px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;margin-right:8px}.btn-pricing{background-color:#ffb89233;border:2px solid #ffb892;color:#ffb892;font-weight:500;text-shadow:none;transition:all .2s ease}.btn-pricing:hover{background-color:#1868db;border-color:#1868db;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1868db4d}.btn-signup{background-color:#ff5c05;color:#fff!important;box-shadow:0 1px 3px #0000001a;text-shadow:none;transition:all .2s ease;border:2px solid #ff5c05}.btn-signup:hover{background-color:#1868db;box-shadow:0 2px 8px #1868db4d;transform:translateY(-1px)}.btn-login{background-color:#fff;border:2px solid white;border-radius:8px;color:#343b42!important;font-weight:600;box-shadow:0 1px 3px #00000026;transition:all .2s ease}.btn-login:hover{background-color:#fffffff2;box-shadow:0 2px 8px #00000026;color:#1868db!important;transform:translateY(-1px)}.nav-right a.btn-login:hover{color:#1868db!important}.nav-right a.btn-pricing:hover,.nav-right a.btn-signup:hover,.nav-right a.btn-login:hover{background-color:inherit;border-radius:4px;padding:7px 14px}.btn-login:hover,a.btn-login:hover,.nav-right a.btn-login:hover{background-color:#fffffff2!important;color:#1868db!important;transform:translateY(-1px)}.org-name-container{margin-right:15px;padding:0 10px;display:flex;align-items:center}.has-top-header .org-name{color:#fff;font-size:1.1rem;font-weight:600;white-space:nowrap;background-color:#ffffff26;padding:4px 10px;border-radius:4px}.admin-management-header-title{display:flex;align-items:center;padding-right:10px}.has-top-header .admin-dashboard-title{margin:0;font-size:16px;font-weight:700;color:#fff!important;white-space:nowrap;letter-spacing:.2px}@media(max-width:992px){.admin-management-header-title{display:none}}.has-top-header .org-label{opacity:.9;margin-right:4px;font-weight:400;color:#fff}.notification-bell-wrapper{display:flex;align-items:center;justify-content:center;height:60px;padding:0}.has-top-header .notification-bell-button{color:#fff!important;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;border:1px solid rgba(255,255,255,.3);background:transparent!important}.has-top-header .notification-bell-button svg,.has-top-header .notification-bell-button .material-icons{color:#fff!important;fill:#fff!important}.has-top-header .notification-bell-button:hover{transform:scale(1.1);border-color:#fff9}.top-header-settings-wrapper{display:flex;align-items:center;justify-content:center;height:60px;padding:0}.has-top-header .top-header-settings-link{color:#fff!important;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;border:1px solid rgba(255,255,255,.3);text-decoration:none}.has-top-header .top-header-settings-icon{color:#fff!important;fill:#fff!important;width:24px;height:24px;font-size:24px!important;display:flex;align-items:center;justify-content:center}.has-top-header .top-header-settings-link:hover{transform:scale(1.1);border-color:#fff9}.has-top-header .top-header-settings-link:hover .top-header-settings-icon{color:#fff!important;fill:#fff!important}.top-profile-container{display:flex;align-items:center;position:relative;height:60px;margin-left:5px;margin-right:10px}.user-welcome{display:flex;align-items:center;height:60px;padding:0 5px;margin-right:5px}.has-top-header .user-welcome span{color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap;text-align:left;line-height:1.3}.org-name-tooltip{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-top-header .profile-pic{width:41px;height:41px;border-radius:50%;margin-right:10px;cursor:pointer;object-fit:cover;vertical-align:middle;border:1px solid rgba(255,255,255,.5)}.has-top-header .profile-pic-fallback{width:41px;height:41px;border-radius:50%;margin-right:10px;cursor:pointer;border:1px solid rgba(255,255,255,.5);background-color:#5c4ee5;color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;box-shadow:0 2px 4px #0000001a}.profile-trigger{display:flex;align-items:center;height:60px}.profile-dropdown{position:absolute;top:100%;right:-10px;background:var(--card-bg, white);box-shadow:0 8px 24px #00000026;min-width:280px;z-index:1000;overflow:hidden;margin-right:0;opacity:0;transform:translate(280px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.profile-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background:var(--card-bg, white);transform:rotate(45deg);z-index:-1;box-shadow:-2px -2px 5px #0000000d}.profile-dropdown.dropdown-open{opacity:1;transform:translateY(0);visibility:visible}.subscription-link-with-days{display:flex;justify-content:space-between;align-items:center}.subscription-days-badge{font-size:11px;font-weight:500;color:#22c55e;background-color:#22c55e26;padding:2px 6px;border-radius:4px;border:1px solid rgba(34,197,94,.3);white-space:nowrap;margin-left:8px}.subscription-days-badge.inactive{color:#ef4444;background-color:#ef444426;border-color:#ef44444d}.profile-dropdown .dropdown-links{padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.profile-dropdown .dropdown-links a{color:var(--text-color, #343b42);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;position:relative;padding:.75rem 1rem .75rem 2.5rem}.profile-dropdown .dropdown-links a:hover{background-color:#1868db0d;color:#1868db;transform:translate(2px);box-shadow:0 1px 2px #1868db1a}.profile-dropdown .dropdown-links a:before{position:absolute;left:1rem;font-size:18px;color:#1868db;opacity:.8;transition:transform .2s ease;font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.profile-dropdown .dropdown-links a:hover:before{transform:scale(1.1);opacity:1}.profile-dropdown .dropdown-links a[href*=dashboard]:before{content:"dashboard"}.profile-dropdown .dropdown-links a[href*=profile]:before{content:"person"}.profile-dropdown .dropdown-links a[href*=upgrade]:before,.profile-dropdown .dropdown-links a[href*=subscription]:before{content:"credit_card"}.profile-dropdown .dropdown-links a[href*=administrator-guide]:before{content:"menu_book"}.profile-dropdown .logout-button{width:100%;background-color:transparent;border:none;color:#1868db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;margin-top:.35rem;display:flex;align-items:center;position:relative;padding:.75rem 1rem .75rem 2.5rem}.profile-dropdown .logout-button:before{content:"logout";position:absolute;left:1rem;font-size:18px;font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;opacity:.9}.profile-dropdown .logout-button:hover{background-color:#ff47570d;transform:translate(2px);box-shadow:0 1px 2px #ff47571a}.profile-dropdown .logout-button:hover:before{transform:scale(1.1);opacity:1}.profile-dropdown .logout-button:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=dark] .user-welcome span{color:var(--text-color-dark, #e2e8f0)}[data-theme=dark] .profile-dropdown{background:var(--card-bg-dark, #1a202c);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .profile-dropdown .dropdown-links a{color:var(--text-color-dark, #e2e8f0)}[data-theme=dark] .profile-dropdown .dropdown-links a:hover{background-color:var(--hover-bg-dark, #2d3748)}.mobile-hamburger-container{display:none;align-items:center;margin-left:12px;order:1}.mobile-hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;min-width:32px;min-height:32px;background:transparent;border:none;cursor:pointer;padding:6px;z-index:1001;position:relative;box-sizing:border-box;flex:0 0 auto}.mobile-hamburger-line{display:block;width:20px;height:3px;background-color:#343b42;border-radius:3px;transition:all .3s ease;transform-origin:center;flex-shrink:0}.mobile-hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-hamburger-line.active:nth-child(2){opacity:0}.mobile-hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1499;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-sidebar{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1500;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-sidebar.open{transform:translate(0)}.mobile-menu-sidebar::-webkit-scrollbar{width:6px}.mobile-menu-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.mobile-menu-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.mobile-menu-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mobile-menu-header{padding:14px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-end;align-items:center;background-color:#f8f9fa;position:sticky;top:0;z-index:10}@media(max-width:1200px){.desktop-login-signup,.desktop-search-trigger{display:none!important}}.mobile-menu-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.mobile-menu-close-btn:hover{background-color:#e5e7eb;color:#343b42}.mobile-menu-search{padding:16px 20px;border-bottom:1px solid #e5e7eb;background-color:#fff;position:relative}.mobile-menu-search-form{width:100%;position:relative}.mobile-menu-search-input-container{position:relative;display:flex;align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;padding:10px 14px;transition:all .2s ease;min-height:44px;box-sizing:border-box}.mobile-menu-search-input-container:focus-within{border-color:#e5e7eb;background:#f8f9fa;box-shadow:none;outline:none}.mobile-menu-search-icon{width:18px;height:18px;color:#6b7280;margin-right:10px;flex-shrink:0;min-width:18px}.mobile-menu-search-input{flex:1;border:none;outline:none;font-size:15px;color:#343b42;background:transparent;min-width:0;width:100%}.mobile-menu-search-input:focus{outline:none;border:none;box-shadow:none}.mobile-menu-search-input::placeholder{color:#9ca3af}.mobile-menu-search-clear-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px}.mobile-menu-search-clear-btn:hover{color:#343b42;background-color:#0000000d}.mobile-menu-search-results{position:absolute;top:calc(100% + 8px);left:-20px;right:-20px;width:calc(100% + 40px);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:8px;max-height:400px;overflow-y:auto;z-index:10}.mobile-menu-search-results-header{padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#f9fafb;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:1}.mobile-menu-search-results-header span{font-size:13px;font-weight:600;color:#6b7280}.mobile-menu-search-results-list{max-height:350px;overflow-y:auto}.mobile-menu-search-result-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.mobile-menu-search-result-item:last-child{border-bottom:none}.mobile-menu-search-result-item:hover{background-color:#f9fafb}.mobile-menu-search-result-content{flex:1;display:flex;flex-direction:column;gap:4px}.mobile-menu-search-result-label{font-size:15px;font-weight:600;color:#343b42;line-height:1.4}.mobile-menu-search-result-description{font-size:13px;color:#6b7280;line-height:1.4}.mobile-menu-search-result-category{font-size:11px;color:#9ca3af;font-weight:500}.mobile-menu-search-result-arrow{margin-left:12px;color:#9ca3af;transition:all .2s ease;flex-shrink:0}.mobile-menu-search-result-item:hover .mobile-menu-search-result-arrow{color:#1868db;transform:translate(2px)}.mobile-menu-search-result-arrow svg{width:16px;height:16px}.mobile-menu-search-no-results{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu-search-no-results-icon{color:#9ca3af;margin-bottom:16px;opacity:.6}.mobile-menu-search-no-results-text{display:flex;flex-direction:column;gap:8px}.mobile-menu-search-no-results-title{font-size:16px;font-weight:600;color:#343b42}.mobile-menu-search-no-results-description{font-size:14px;color:#6b7280}.mobile-menu-content{flex:1;padding:0;overflow-y:auto}.mobile-menu-section{margin-bottom:24px;padding:0}.mobile-menu-section-title{font-size:18px;font-weight:700;color:#343b42;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.mobile-menu-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left;border-bottom:1px solid #e5e7eb;margin:0;position:relative;box-sizing:border-box}.mobile-menu-accordion-header:hover{background-color:#f8f9fa}.mobile-menu-accordion-header:active{background-color:#e9ecef}.mobile-menu-accordion-title{font-size:18px;font-weight:700;color:#343b42}.mobile-menu-accordion-icon{width:20px;height:20px;color:#6b7280;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease;flex-shrink:0}.mobile-menu-accordion-icon.expanded{transform:rotate(180deg);color:#1868db}.mobile-menu-accordion-header:hover .mobile-menu-accordion-icon{color:#1868db}.mobile-menu-accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease,opacity .3s ease;padding:0;opacity:0}.mobile-menu-accordion-content.expanded{max-height:3000px;padding:16px 0 24px;opacity:1}.mobile-menu-subsection{margin-bottom:20px;padding-left:8px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-subsection-title{font-size:15px;font-weight:600;color:#6b7280;margin-bottom:10px;margin-top:16px;padding-left:4px;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.mobile-menu-item{display:block;padding:12px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#343b42;margin-bottom:4px;border-left:3px solid transparent}.mobile-menu-item:hover{background-color:#1868db0d;color:#1868db;border-left-color:#1868db;transform:translate(4px)}.mobile-menu-item-label{font-size:15px;font-weight:600;color:inherit;margin-bottom:4px;transition:color .2s ease}.mobile-menu-item-description{font-size:13px;color:#6b7280;line-height:1.5;margin-top:2px}.mobile-menu-pricing-link,.mobile-menu-pricing-link:hover{text-decoration:none;color:inherit}.mobile-menu-actions{padding:20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;margin-top:auto;background-color:#f8f9fa}.mobile-menu-btn{padding:12px 20px;border-radius:8px;font-weight:600;font-size:15px;text-align:center;text-decoration:none;transition:all .2s ease;border:2px solid}.mobile-menu-btn-login{color:#1868db;background-color:transparent;border-color:#1868db}.mobile-menu-btn-login:hover{background-color:#1868db;color:#fff}.mobile-menu-btn-signup{color:#1868db;background-color:transparent;border-color:#1868db}.mobile-menu-btn-signup:hover{background-color:#1868db;color:#fff}@media(max-width:1200px){.mobile-hamburger-container{display:flex}.user-welcome{display:none}.org-name-tooltip{max-width:80px}.profile-dropdown{right:-1rem}.logo-container{margin-right:10px;flex-shrink:0;min-width:fit-content}.top-header-logo{height:32px;max-width:150px;width:auto;padding-left:10px}.has-top-header .top-header-logo{height:30px;width:30px;max-width:30px}.has-top-header .logo-container{width:50px;height:60px}.subscription-days-badge{font-size:10px;padding:1px 4px;margin-left:6px}.btn-pricing,.btn-signup,.btn-login{margin-right:6px}.login_signup{gap:8px}.notification-bell-wrapper .notification-bell-button{padding:6px}.public-nav-container{display:none}.top_header_list{gap:10px}.nav-right{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.login_signup{display:flex;align-items:center}.btn-login-public,.btn-signup-public{padding:6px 12px;font-size:13px}.features-dropdown{min-width:350px;max-width:90vw;left:-50px;right:auto;grid-template-columns:1fr;gap:16px;padding:16px}.features-dropdown:before{left:70px}.features-link .arrow-down{border-width:0 1px 1px 0!important;padding:1.5px!important}}@media(max-width:480px){.logo-container{margin-right:8px;flex-shrink:0;min-width:fit-content}.top-header-logo{height:32px;max-width:140px;width:auto;padding-left:10px}.has-top-header .top-header-logo{height:30px;width:30px;max-width:30px}.has-top-header .logo-container{width:45px;height:60px}.public-nav-container{display:none}.mobile-menu-accordion-header{padding:14px 16px}.mobile-menu-accordion-content.expanded{padding:10px 16px 16px}.mobile-menu-sidebar{width:100%;max-width:100vw}.mobile-menu-accordion-header{padding:12px 16px}.mobile-menu-accordion-title{font-size:16px}.mobile-menu-header{padding:14px}.mobile-menu-content{padding:0}.mobile-menu-section{padding:0 16px;margin-bottom:20px}.mobile-menu-item{padding:10px 14px}.mobile-menu-actions{padding:16px}.top_header_list{gap:8px}.mobile-hamburger-btn{width:28px;height:28px;min-width:28px;min-height:28px;padding:5px;gap:5px}.mobile-hamburger-line{width:18px;height:2.5px}.features-dropdown{min-width:300px;max-width:95vw;left:-80px;padding:12px;grid-template-columns:1fr;gap:12px}.features-item{padding:10px 12px}.features-item-label{font-size:13px}.features-item-description{font-size:11px}.features-link .arrow-down{border-width:0 .8px .8px 0!important;padding:1px!important}}[data-theme=light] .user-welcome span{color:#343b42}.subscription-days-wrapper{margin-right:10px;display:flex;align-items:center}.subscription-days{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#343b42;min-width:120px;position:relative;overflow:visible}.subscription-days-content{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 10px;box-shadow:0 1px 3px #0000001a;min-width:60px;height:32px;transition:all .3s ease}.subscription-days-count{font-weight:700;font-size:13px;line-height:1;transition:all .3s ease}.subscription-days-text{font-size:9px;opacity:.9;transition:all .3s ease}.subscription-days[data-days-low=true] .subscription-days-content{background-color:#ff572240;border-color:#ff572280}[data-theme=dark] .subscription-days-content{background-color:#ffffff1a;border-color:#fff3}.subscription-upgrade-overlay{position:static;background:linear-gradient(135deg,#1868db,#4b8ce7);display:flex;align-items:center;justify-content:center;border-radius:4px;padding:6px 10px;box-shadow:0 2px 6px #00000026;margin-left:8px;height:32px}.subscription-upgrade-btn{background:transparent;border:none;color:#fff;padding:0;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;letter-spacing:.5px;height:100%;width:100%;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.subscription-days{min-width:100px}.subscription-days-content{padding:6px 8px;min-width:60px;height:32px}.subscription-days-count{font-size:12px}.subscription-days-text{font-size:9px}.subscription-upgrade-btn{padding:3px 6px;font-size:9px}.subscription-upgrade-overlay{padding:6px 8px;margin-left:6px;height:32px}}.top_header_list li .btn-login,.login_signup li .btn-login,.top_header .login_signup .btn-login{background-color:#fff;border:1px solid white;color:#343b42!important;font-weight:600;box-shadow:0 1px 3px #00000026;transition:all .2s ease}.top_header_list li .btn-login:hover,.login_signup li .btn-login:hover,.top_header .login_signup .btn-login:hover,.nav-right .login_signup li a.btn-login:hover,li a.btn-login:hover{background-color:#fffffff2!important;box-shadow:0 2px 8px #00000026!important;color:#1868db!important;text-decoration:none!important;transform:translateY(-1px)}.btn-pricing:focus,.btn-signup:focus,.btn-login:focus{outline:2px solid #1868db;outline-offset:2px}.search-trigger{display:flex;align-items:center}.search-trigger-btn{display:flex;align-items:center;justify-content:center;background:none;border:2px solid #1868db;color:#343b42;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.search-trigger-btn:hover{color:#1868db;background-color:#1868db0d}.search-trigger-btn svg{width:18px;height:18px}.search-overlay{position:absolute;inset:0 0 0 200px;background:#f4f6f8;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:searchSlideIn .3s ease}@keyframes searchSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.search-form{width:100%;padding:0 20px;position:relative;max-width:1200px;margin:0 auto;box-sizing:border-box}.search-input-container{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #1868db;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #1868db26;width:100%;box-sizing:border-box;max-width:100%}.search-icon{width:20px;height:20px;color:#6b7280;margin-right:12px;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:16px;color:#343b42;background:transparent}.search-input:focus{outline:none;border:none;box-shadow:none}.search-input::placeholder{color:#9ca3af}.search-submit-btn{background:#1868db;border:none;color:#fff;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-submit-btn:hover{background:#1557b3;transform:translateY(-1px);box-shadow:0 2px 8px #1868db4d}.search-submit-btn svg{width:16px;height:16px}.search-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:12px;flex-shrink:0}.search-close-btn:hover{color:#343b42;background-color:#0000000d}.search-results-dropdown{position:absolute;top:100%;left:20px;right:20px;width:calc(100% - 40px);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:8px;max-height:400px;overflow-y:auto;z-index:1001;box-sizing:border-box}@media(min-width:1201px){.search-form{max-width:1200px}.search-results-dropdown{max-width:1160px;left:20px;right:auto;width:calc(100% - 40px)}}.search-results-header{padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#f9fafb;border-radius:8px 8px 0 0}.search-results-header span{font-size:14px;font-weight:600;color:#6b7280}.search-results-list{max-height:350px;overflow-y:auto}.search-result-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9fafb}.search-result-content{flex:1;display:flex;flex-direction:column;gap:4px}.search-result-label{font-size:16px;font-weight:600;color:#343b42;line-height:1.4}.search-result-description{font-size:14px;color:#6b7280;line-height:1.4}.search-result-category{font-size:12px;color:#9ca3af;font-weight:500}.search-result-arrow{margin-left:12px;color:#9ca3af;transition:all .2s ease}.search-result-item:hover .search-result-arrow{color:#1868db;transform:translate(2px)}.search-result-arrow svg{width:16px;height:16px}.search-close-btn svg{width:18px;height:18px}.search-no-results{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.search-no-results-icon{color:#9ca3af;margin-bottom:16px;opacity:.6}.search-no-results-text{display:flex;flex-direction:column;gap:8px}.search-no-results-title{font-size:16px;font-weight:600;color:#343b42}.search-no-results-description{font-size:14px;color:#6b7280}@media(max-width:1200px){.search-overlay{display:none!important}}@media(max-width:768px){.search-form{padding:0 16px}.search-input-container{padding:10px 14px}.search-input{font-size:14px}}.features-dropdown-container{position:relative!important}.features-dropdown-container:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;z-index:999}.features-link{color:#343b42!important;text-decoration:none!important;font-size:16px!important;font-weight:500!important;padding:5px 0!important;position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;transition:color .2s ease!important}.features-link:hover{color:#1868db!important}.features-link:hover .arrow-down{border-color:#1868db!important}.features-link .arrow-down{transition:all .3s ease!important;border-color:#343b42!important}.features-link.dropdown-open .arrow-down{transform:rotate(-135deg)!important;border-color:#1868db!important}.features-link.dropdown-open{color:#1868db!important}.solutions-dropdown-container{position:relative!important}.solutions-dropdown-container:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;z-index:999}.solutions-link{color:#343b42!important;text-decoration:none!important;font-size:16px!important;font-weight:500!important;padding:5px 0!important;position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;transition:color .2s ease!important}.solutions-link:hover{color:#1868db!important}.solutions-link:hover .arrow-down{border-color:#1868db!important}.solutions-link .arrow-down{transition:all .3s ease!important;border-color:#343b42!important}.solutions-link.dropdown-open .arrow-down{transform:rotate(-135deg)!important;border-color:#1868db!important}.solutions-link.dropdown-open{color:#1868db!important}.resources-dropdown-container{position:relative!important}.resources-dropdown-container:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;z-index:999}.resources-link{color:#343b42!important;text-decoration:none!important;font-size:16px!important;font-weight:500!important;padding:5px 0!important;position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;transition:color .2s ease!important}.resources-link:hover{color:#1868db!important}.resources-link:hover .arrow-down{border-color:#1868db!important}.resources-link .arrow-down{transition:all .3s ease!important;border-color:#343b42!important}.resources-link.dropdown-open .arrow-down{transform:rotate(-135deg)!important;border-color:#1868db!important}.resources-link.dropdown-open{color:#1868db!important}.features-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:1000;min-width:600px;margin-top:0;opacity:0;transform:translateY(-10px);animation:dropdownFadeIn .2s ease forwards;display:flex;padding:0;overflow:hidden}.features-dropdown.no-right-panel{min-width:auto;width:auto}.solutions-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:1000;min-width:600px;margin-top:0;opacity:0;transform:translateY(-10px);animation:dropdownFadeIn .2s ease forwards;display:flex;padding:0;overflow:hidden}.resources-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:1000;min-width:200px;margin-top:0;opacity:0;transform:translateY(-10px);animation:dropdownFadeIn .2s ease forwards;padding:8px 0;overflow:hidden}@keyframes dropdownFadeIn{to{opacity:1;transform:translateY(0)}}.features-categories-list{flex:0 0 230px;padding:12px;border-right:1px solid #e1e5e9;background-color:#f8f9fa;display:flex;flex-direction:column;gap:6px}.features-categories-list.no-right-panel{border-right:none}.solutions-categories-list{flex:0 0 230px;padding:12px;border-right:1px solid #e1e5e9;background-color:#f8f9fa;display:flex;flex-direction:column;gap:6px}.features-category-item{padding:14px 18px;font-size:15px;font-weight:600;color:#343b42;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;text-align:left;width:100%}.features-category-item:hover{background-color:#e9ecef;color:#1868db}.features-category-item.active{background-color:#fff;color:#1868db;box-shadow:0 1px 4px #0000000d}.features-category-item.clickable-category{cursor:pointer}.features-category-item.clickable-category:hover{background-color:#e9ecef;color:#1868db}.solutions-category-item{padding:14px 18px;font-size:15px;font-weight:600;color:#343b42;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;text-align:left;width:100%}.solutions-category-item:hover{background-color:#e9ecef;color:#1868db}.solutions-category-item.active{background-color:#fff;color:#1868db;box-shadow:0 1px 4px #0000000d}.category-arrow-right{border:solid;border-width:0 1.5px 1.5px 0;display:inline-block;padding:2px;transform:rotate(-45deg);transition:all .2s ease;opacity:1;border-color:#a0a0a0}.features-category-item:hover .category-arrow-right,.features-category-item.active .category-arrow-right{border-color:#1868db}.features-items-display,.solutions-items-display{flex:1;padding:12px 20px;display:flex;flex-direction:column;gap:6px}.features-item{padding:10px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;background-color:#fdfdfd}.features-item:hover{background-color:#1868db0d;border-left-color:#1868db;transform:translate(4px)}.features-item-label{display:block;font-size:14px;font-weight:600;color:#343b42;margin-bottom:4px}.features-item-description{display:block;font-size:12px;color:#6b7280;line-height:1.4}.solutions-item{padding:10px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;background-color:#fdfdfd}.solutions-item:hover{background-color:#1868db0d;border-left-color:#1868db;transform:translate(4px)}.solutions-item-label{display:block;font-size:14px;font-weight:600;color:#343b42;margin-bottom:4px}.solutions-item-description{display:block;font-size:12px;color:#6b7280;line-height:1.4}.resources-item{padding:14px 20px;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;background-color:#fdfdfd}.resources-item:hover{background-color:#1868db0d;border-left-color:#1868db;transform:translate(4px)}.resources-item-label{display:block;font-size:15px;font-weight:500;color:#343b42}.blog-dropdown-container{position:relative!important}.blog-link{color:#343b42!important;text-decoration:none!important;font-size:16px!important;font-weight:500!important;padding:5px 0!important;position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;transition:color .2s ease!important}.blog-link:hover,.blog-link.dropdown-open{color:#1868db!important}.blog-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:1000;min-width:300px;margin-top:8px;opacity:0;transform:translateY(-10px);animation:dropdownFadeIn .2s ease forwards;padding:8px 0;overflow:hidden}.blog-dropdown:before{content:"";position:absolute;top:-8px;left:20px;width:16px;height:16px;background:#fff;border:1px solid #e1e5e9;border-right:none;border-bottom:none;transform:rotate(45deg);z-index:1001}.blog-item{padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;background-color:#fdfdfd}.blog-item:hover{background-color:#1868db0d;border-left-color:#1868db;transform:translate(4px)}.blog-item-label{display:block;font-size:14px;font-weight:500;color:#343b42;line-height:1.4}.features-dropdown:before{content:"";position:absolute;top:-8px;left:20px;width:16px;height:16px;background:#fff;border:1px solid #e1e5e9;border-right:none;border-bottom:none;transform:rotate(45deg);z-index:1001}.solutions-dropdown:before{content:"";position:absolute;top:-8px;left:20px;width:16px;height:16px;background:#fff;border:1px solid #e1e5e9;border-right:none;border-bottom:none;transform:rotate(45deg);z-index:1001}.resources-dropdown:before{content:"";position:absolute;top:-8px;left:20px;width:16px;height:16px;background:#fff;border:1px solid #e1e5e9;border-right:none;border-bottom:none;transform:rotate(45deg);z-index:1001}@media(max-width:768px){.features-dropdown{flex-direction:column;min-width:300px;width:80vw;max-width:350px}.features-categories-list{border-right:none;border-bottom:1px solid #e1e5e9}.solutions-dropdown{flex-direction:column;min-width:300px;width:80vw;max-width:350px}.solutions-categories-list{border-right:none;border-bottom:1px solid #e1e5e9}.resources-dropdown{min-width:250px;width:80vw;max-width:300px}.blog-dropdown{min-width:280px;width:80vw;max-width:350px}}.oauth-prompt-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.oauth-prompt-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;border:2px solid #ef4444}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.oauth-prompt-header{display:flex;align-items:center;justify-content:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.oauth-prompt-header h3{margin:0;font-size:22px;font-weight:700;color:#dc2626;text-align:center}.oauth-prompt-content{padding:24px}.oauth-prompt-content p{margin:0 0 20px;color:#4b5563;line-height:1.6;font-size:14px}.oauth-provider-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.oauth-current-status{margin-bottom:20px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.oauth-current-status h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.oauth-status-list{display:flex;flex-direction:column;gap:8px}.oauth-status-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500}.oauth-status-item img{width:16px;height:16px;object-fit:contain}.oauth-status-item.connected{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.oauth-status-item.disconnected{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.oauth-provider-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;width:100%}.oauth-provider-btn img{width:20px;height:20px;object-fit:contain}.oauth-provider-btn.google-btn:hover{border-color:#4285f4;background-color:#f8f9ff;color:#4285f4}.oauth-provider-btn.microsoft-btn:hover{border-color:#0078d4;background-color:#f0f8ff;color:#0078d4}.oauth-prompt-note{font-size:14px!important;color:#dc2626!important;margin-bottom:16px!important;font-weight:600;text-align:center;background-color:#fef2f2;padding:12px;border-radius:8px;border:1px solid #fecaca}[data-theme=dark] .oauth-prompt-modal{background:#1f2937;border:2px solid #ef4444}[data-theme=dark] .oauth-prompt-header{border-bottom-color:#374151}[data-theme=dark] .oauth-prompt-header h3{color:#fca5a5}[data-theme=dark] .oauth-prompt-content p{color:#d1d5db}[data-theme=dark] .oauth-provider-btn{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .oauth-provider-btn:hover{background:#4b5563;border-color:#6b7280}[data-theme=dark] .oauth-current-status{background-color:#374151;border-color:#4b5563}[data-theme=dark] .oauth-current-status h4{color:#f9fafb}[data-theme=dark] .oauth-status-item.connected{background-color:#064e3b;color:#6ee7b7;border-color:#059669}[data-theme=dark] .oauth-status-item.disconnected{background-color:#7f1d1d;color:#fca5a5;border-color:#ef4444}[data-theme=dark] .oauth-prompt-note{color:#fca5a5!important;background-color:#7f1d1d;border-color:#ef4444}[data-theme=dark] .subscription-days-badge:not(.inactive){color:#22c55e;background-color:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .subscription-days-badge.inactive{color:#ef4444;background-color:#ef444426;border-color:#ef44444d}@media(max-width:768px){.oauth-prompt-modal{width:95%;margin:20px}.oauth-prompt-header{padding:20px 20px 12px}.oauth-prompt-content{padding:20px}.oauth-provider-buttons{gap:10px}.oauth-provider-btn{padding:14px 16px;font-size:16px}}.user-tour-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden;animation:tourFadeIn .4s cubic-bezier(.4,0,.2,1)}.tour-backdrop{position:absolute;top:60px;left:60px;width:calc(100% - 60px);height:calc(100% - 60px);background:#111827bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}@media(max-width:768px){.tour-backdrop{top:60px;left:0;width:100%;height:calc(100% - 60px);pointer-events:auto}}.user-tour-active .sidebar,.user-tour-active .top_header{z-index:10500!important;position:fixed!important;pointer-events:none!important}.user-tour-active .sidebar .tour-highlight,.user-tour-active .top_header .tour-highlight{pointer-events:auto!important}.user-tour-modal{position:fixed;border-radius:12px;box-shadow:0 20px 40px -12px #0006,0 0 0 1px #ffffff1a;max-width:320px;width:320px;min-height:240px;z-index:10503;overflow:hidden;border:1px solid rgba(255,255,255,.12);pointer-events:auto}.tour-header{background:linear-gradient(135deg,#1868db 0% 100%);padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;border-radius:12px 12px 0 0;position:relative}.tour-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff3}.tour-progress-section{flex:1;margin-right:16px}.progress-bar{width:100%;height:4px;background-color:#ffffff40;border-radius:2px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffffffe6,#fff);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #ffffff4d}.progress-text{font-size:12px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.tour-skip-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tour-skip-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.tour-skip-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tour-content{background-color:#fff!important;padding:20px;text-align:center}.tour-title{font-size:18px;font-weight:700;color:#343b42;margin:0 0 12px;line-height:1.3;letter-spacing:-.01em}.tour-description{font-size:14px;color:#343b42;line-height:1.5;margin:0;font-weight:400}.tour-footer{padding:16px;border-radius:0 0 12px 12px;border-top:1px solid rgba(255,255,255,.1)}.tour-navigation{display:flex;justify-content:space-between;gap:10px}.tour-btn{padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;min-width:80px;letter-spacing:.01em;position:relative;overflow:hidden}.tour-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tour-btn:hover:before{left:100%}.tour-btn-primary{background:linear-gradient(135deg,#1868db 0% 100%);color:#fff;box-shadow:0 4px 14px #1868db4d}.tour-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1868db66}.tour-btn-primary:active{transform:translateY(0)}.tour-btn-secondary{background:#fff;color:#6b7280;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.tour-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.tour-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tour-btn:disabled:before{display:none}.tour-arrow{position:absolute;width:0;height:0;z-index:10504}.tour-arrow-left{left:-12px;top:50px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #1868db;filter:drop-shadow(-2px 2px 6px rgba(0,0,0,.15))}.tour-arrow-right{right:-12px;top:50px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #1868db;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.15))}.tour-arrow-top{top:-12px;left:50%;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #1868db;filter:drop-shadow(0 -2px 6px rgba(0,0,0,.15))}.tour-arrow-bottom{bottom:-12px;left:50%;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #1868db;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.top_header .profile-trigger.tour-highlight{border-radius:8px!important;z-index:10501!important}.top_header .profile-trigger.tour-highlight .profile-pic{border:2px solid #1868db!important}body.user-tour-active{overflow:hidden}body.user-tour-active main,body.user-tour-active .main-content{overflow:hidden}body:not(.user-tour-active) .sidebar .header_links a.active{color:#fff!important;transform:none!important}body:not(.user-tour-active) .sidebar .header_links a.active svg,body:not(.user-tour-active) .sidebar .header_links a.active .material-icons{border:2px solid #1868db!important;border-radius:50%!important;box-sizing:border-box!important;padding:4px!important;color:#fff!important;fill:#fff!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important}body:not(.user-tour-active) .sidebar .header_links a.active span{background:#1868db!important;color:#f4f6f8!important;border-radius:12px!important;font-weight:600!important;font-size:12px!important;padding:0 10px!important;margin-top:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #07163014!important;text-align:center!important;width:50px!important;height:16px!important;box-sizing:border-box!important;overflow:visible!important;text-overflow:unset!important;white-space:nowrap!important}body.user-tour-active .sidebar .header_links a.active:not(.sidebar-home-icon){color:#ffffffb3!important;transform:none!important}body.user-tour-active .sidebar .header_links a.active:not(.sidebar-home-icon) svg,body.user-tour-active .sidebar .header_links a.active:not(.sidebar-home-icon) .material-icons{border-color:#ffffff4d!important;color:#ffffffb3!important;fill:#ffffffb3!important}body.user-tour-active .sidebar .header_links a.active:not(.sidebar-home-icon) span{background:#fff3!important;color:#fffc!important;box-shadow:none!important}body.user-tour-active .sidebar .header_links a.sidebar-home-icon.active{color:#fff!important;transform:none!important}body.user-tour-active .sidebar .header_links a.sidebar-home-icon.active svg,body.user-tour-active .sidebar .header_links a.sidebar-home-icon.active .material-icons{border:2px solid #1868db!important;border-radius:50%!important;box-sizing:border-box!important;padding:4px!important;color:#fff!important;fill:#fff!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important}body.user-tour-active .sidebar .header_links a.sidebar-home-icon.active span{background:#1868db!important;color:#f4f6f8!important;border-radius:12px!important;font-weight:600!important;font-size:12px!important;padding:0 10px!important;margin-top:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #07163014!important;text-align:center!important;width:50px!important;height:16px!important;box-sizing:border-box!important;overflow:visible!important;text-overflow:unset!important;white-space:nowrap!important}body.user-tour-active .sidebar .header_links a.sidebar-home-icon.active.tour-highlight{transform:translateY(-3px)!important;z-index:10501!important;position:relative!important}body.user-tour-active .sidebar .header_links a.sidebar-home-icon.active.tour-highlight span{background:#f4f6f8!important;color:#1868db!important}body.user-tour-active .sidebar .header_links a.active:not(.sidebar-home-icon):hover svg,body.user-tour-active .sidebar .header_links a.active:not(.sidebar-home-icon):hover .material-icons{border-color:#ffffff4d!important;color:#ffffffb3!important;fill:#ffffffb3!important}body.user-tour-active .sidebar .header_links a.tour-highlight,body.user-tour-active .sidebar .header_links a.tour-highlight.active,body.user-tour-active .sidebar .header_links a.active.tour-highlight{color:#fff!important;transform:translateY(-3px)!important;z-index:10501!important;position:relative!important}body.user-tour-active .sidebar .header_links a.tour-highlight svg,body.user-tour-active .sidebar .header_links a.tour-highlight.active svg,body.user-tour-active .sidebar .header_links a.active.tour-highlight svg,body.user-tour-active .sidebar .header_links a.tour-highlight .material-icons,body.user-tour-active .sidebar .header_links a.tour-highlight.active .material-icons,body.user-tour-active .sidebar .header_links a.active.tour-highlight .material-icons{border:2px solid #1868db!important;border-radius:50%!important;box-sizing:border-box!important;padding:4px!important;color:#fff!important;fill:#fff!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important}body.user-tour-active .sidebar .header_links a.tour-highlight span,body.user-tour-active .sidebar .header_links a.tour-highlight.active span,body.user-tour-active .sidebar .header_links a.active.tour-highlight span{background:#f4f6f8!important;color:#1868db!important;border-radius:12px!important;font-weight:600!important;font-size:12px!important;padding:0 10px!important;margin-top:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #07163014!important;text-align:center!important;width:50px!important;height:16px!important;box-sizing:border-box!important;overflow:visible!important;text-overflow:unset!important;white-space:nowrap!important}body.user-tour-active .sidebar .header_links a.tour-highlight:hover svg,body.user-tour-active .sidebar .header_links a.tour-highlight.active:hover svg,body.user-tour-active .sidebar .header_links a.active.tour-highlight:hover svg,body.user-tour-active .sidebar .header_links a.tour-highlight:hover .material-icons,body.user-tour-active .sidebar .header_links a.tour-highlight.active:hover .material-icons,body.user-tour-active .sidebar .header_links a.active.tour-highlight:hover .material-icons{border:2px solid #1868db!important;color:#1868db!important;fill:#1868db!important}body.user-tour-active .sidebar .header_links .tour-highlight svg,body.user-tour-active .sidebar .header_links .sidebar-home-icon.tour-highlight svg,body.user-tour-active .sidebar .header_links .sidebar-hr-icon.tour-highlight svg,body.user-tour-active .sidebar .header_links .sidebar-payroll-icon.tour-highlight svg,body.user-tour-active .sidebar .header_links .sidebar-performance-icon.tour-highlight svg,body.user-tour-active .sidebar .header_links .sidebar-timesheet-icon.tour-highlight svg,body.user-tour-active .sidebar .header_links .sidebar-leave-icon.tour-highlight svg,body.user-tour-active .sidebar .header_links .tour-highlight .material-icons,body.user-tour-active .sidebar .header_links .sidebar-home-icon.tour-highlight .material-icons,body.user-tour-active .sidebar .header_links .sidebar-hr-icon.tour-highlight .material-icons,body.user-tour-active .sidebar .header_links .sidebar-payroll-icon.tour-highlight .material-icons,body.user-tour-active .sidebar .header_links .sidebar-performance-icon.tour-highlight .material-icons,body.user-tour-active .sidebar .header_links .sidebar-timesheet-icon.tour-highlight .material-icons,body.user-tour-active .sidebar .header_links .sidebar-leave-icon.tour-highlight .material-icons{border:2px solid #1868db!important;border-radius:50%!important;fill:#fff!important;background:none!important}body.user-tour-active .sidebar .header_links .tour-highlight span,body.user-tour-active .sidebar .header_links .sidebar-home-icon.tour-highlight span,body.user-tour-active .sidebar .header_links .sidebar-hr-icon.tour-highlight span,body.user-tour-active .sidebar .header_links .sidebar-payroll-icon.tour-highlight span,body.user-tour-active .sidebar .header_links .sidebar-performance-icon.tour-highlight span,body.user-tour-active .sidebar .header_links .sidebar-timesheet-icon.tour-highlight span,body.user-tour-active .sidebar .header_links .sidebar-leave-icon.tour-highlight span{background:#f4f6f8!important;color:#1868db!important;border-radius:12px!important;box-shadow:0 2px 8px #07163014!important}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.user-tour-modal{max-width:300px!important;width:300px!important}}@media(max-width:768px){.user-tour-modal{width:90%!important;max-width:280px!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:15px}.tour-header{padding:14px 16px}.tour-content{padding:18px 16px}.tour-title{font-size:16px}.tour-description{font-size:13px}.tour-footer{padding:14px 16px 16px}.tour-btn{padding:8px 16px;font-size:12px;min-width:70px}.tour-arrow{display:none}.user-tour-active .sidebar{z-index:10500!important;pointer-events:none!important}}@media(max-width:480px){.user-tour-modal{width:85%;max-width:260px;margin:8px}.tour-header{flex-direction:column;gap:8px;align-items:stretch;padding:12px}.tour-progress-section{margin-right:0}.tour-skip-btn{align-self:flex-end;margin-top:6px;padding:6px 12px;font-size:11px}.tour-content{padding:16px 12px}.tour-title{font-size:15px;margin-bottom:8px}.tour-description{font-size:12px}.tour-footer{padding:12px}.tour-navigation{flex-direction:column;gap:6px}.tour-btn{width:100%;justify-content:center;padding:8px 12px;font-size:11px}}@media(prefers-color-scheme:dark){.user-tour-modal{background:#f4f6f8;border-color:#4b55634d}.tour-content{background:#f4f6f8}.tour-title,.tour-description{color:#343b42}.tour-footer{border-color:#374151}.tour-btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.tour-btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#6b7280}}@media(prefers-contrast:high){.tour-backdrop{background:#000000e6}.tour-highlight{outline:3px solid #1868db!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){.user-tour-overlay,.user-tour-modal,.tour-btn{animation:none!important;transition:none!important}.tour-btn:hover{transform:none!important}}.footer{background:#1a1a1a;color:#999;padding:60px;position:relative;width:100%;z-index:100;border-top:1px solid #333333;overflow:visible}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;gap:30px;position:relative;z-index:20}.footer-section{min-width:200px;margin-bottom:20px;flex:1}.footer-heading{font-size:1.1rem;margin-bottom:25px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-link{color:#c6c8ca;text-decoration:none;font-size:14px;font-weight:400}.footer-link:hover{color:#fff}.social-section{flex:1}.social-icons{display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#999;padding:0}.social-link:hover{color:#fff}.social-name{font-size:14px}.social-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:transparent;overflow:hidden;flex-shrink:0}.social-icon.is-x{background-color:#fff;border-radius:50%;padding:6px}.social-logo-img{width:100%;height:100%;object-fit:contain;display:block}.social-link:hover .social-icon:not(.is-x){filter:brightness(1.2)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:40px;margin-top:0;border-top:1px solid #333333;color:#777;text-align:center}.footer-bottom-legal{width:100%;margin-bottom:30px}.footer-bottom-heading{color:#fff;font-size:1rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.footer-bottom-links a{color:#c6c8ca;text-decoration:none;font-size:13px}.footer-bottom-links a:hover{color:#fff}.footer-link-separator{color:#333;font-size:12px}.footer-copyright{width:100%;padding-top:20px;border-top:1px solid #333333}.footer-copyright p{margin:0;font-size:13px;color:#c6c8ca}@media(max-width:1024px){.footer-section{flex:0 0 calc(50% - 20px)}}@media(max-width:768px){.footer{padding:40px}.footer-section{flex:0 0 100%}}@media(max-width:480px){.footer{padding:30px}}.page-transition{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.page-transition.visible{opacity:1;transform:translateY(0)}.logo-container-top{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:20px;cursor:pointer;transition:transform .2s ease;align-self:flex-start}.logo-container-top:hover{transform:scale(1.05)}.logo-container-top .signup-header-logo{width:150px!important;height:30px;object-fit:contain}html,body{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}.signup{background:linear-gradient(to right,#ffffff 50%,transparent 50%),linear-gradient(205.7deg,#a1c1f04d,#a1c1f01a 120%);background-position:0 0,right center;background-size:100% 100%,50% 100%;background-repeat:no-repeat;position:relative;width:100%;min-height:100vh;height:auto;padding:20px 0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#343b42 rgba(161,193,240,.1)}.signup::-webkit-scrollbar{width:8px;display:block}.signup::-webkit-scrollbar-track{background:#a1c1f01a;border-radius:4px}.signup::-webkit-scrollbar-thumb{background:#343b42;border-radius:4px}.signup::-webkit-scrollbar-thumb:hover{background:#343b42}.singup-flex{display:flex;justify-content:center;align-items:center}.signup:after{content:"";position:fixed;bottom:-50px;right:-50px;width:350px;height:350px;background-image:var(--bubble-image);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1;opacity:.7;transform:scaleX(-1)}#logo_black{width:150px;height:auto;margin-bottom:15px;opacity:0;transform:scale(.8);animation:logoEntrance 1s cubic-bezier(.175,.885,.32,1.275) forwards;display:none}.flipper{transition:.6s;transform-style:preserve-3d;position:relative;animation:fadeIn .6s forwards;pointer-events:auto;z-index:15;display:flex;align-items:center;min-height:100%;height:auto}.auth-container{perspective:1000px;width:100%;max-width:800px;margin:0 auto!important;position:relative;z-index:15;pointer-events:auto;height:auto;display:flex;justify-content:center;align-items:center;flex-grow:1;box-sizing:border-box}.signup-container{width:100%;max-width:100%;margin:0 auto!important;padding:0;border-radius:16px;border:1px solid #1868db;box-shadow:0 8px 40px #0000001a;background-color:#fff;text-align:center;position:relative;z-index:20;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;height:480px;max-height:90vh;overflow:hidden;box-sizing:border-box;min-width:0}.signup-left-section{flex:0 0 50%;width:50%;min-width:0;max-width:50%;padding:1.5rem 1.5rem 60px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;order:2;height:100%;background:transparent;color:#333;border-radius:0 16px 16px 0;position:relative;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.signup-left-section .trial-promo-container{text-align:left;align-self:flex-start;width:100%}.trial-promo-container{width:100%;max-width:100%;padding:0;display:flex;flex-direction:column;gap:12px}.trial-title{font-size:20px;font-weight:700;color:#555;margin:0 0 8px;line-height:1.3}.trial-intro{font-size:13px;color:#555;margin:0 0 16px;line-height:1.5}.trial-features-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.trial-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#555;line-height:1.5}.checkmark-icon{width:20px;height:20px;min-width:20px;min-height:20px;background-color:#1868db;border-radius:50%;border:1px solid #1868db;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.checkmark-icon:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:3px;left:6px}.trial-conclusion{font-size:12px;color:#555;margin:0;line-height:1.5}.signup-right-section{flex:0 0 50%;width:50%;min-width:0;max-width:50%;padding:20px 10px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;order:1;height:100%;overflow-y:visible;overflow-x:hidden;scrollbar-width:none;background:transparent;border-radius:16px 0 0 16px;position:relative;box-sizing:border-box}.signup-right-section::-webkit-scrollbar{display:none}.signup-left-section h2{font-size:16px;color:#343b42;font-weight:700;opacity:1;max-width:90%;transition:opacity .5s ease-in-out}.signup-right-section h2{margin-bottom:15px;margin-top:0;font-size:16px;font-weight:700;width:300px;color:#343b42;position:relative;display:flex;align-items:center;justify-content:flex-start}.signup-right-section .form-title{display:flex;justify-content:center;align-items:center;margin-bottom:0}.signup .signup-header-logo{width:165px!important;height:33px;margin-bottom:0;object-fit:contain;display:block}.signup-left-section .welcome-text{font-size:12px;color:#555;margin:.5rem 0 1.5rem;max-width:90%;line-height:1.4;transition:opacity .5s ease-in-out}.signup-form-container{width:100%;max-width:none;height:100%;padding:20px;background:linear-gradient(358.88deg,#fff .9%,#a1c1f01a 100.22%);border-radius:10px;border:1px solid #1868db;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#343b42 rgba(161,193,240,.1)}.signup-form-container::-webkit-scrollbar{width:8px;display:block}.signup-form-container::-webkit-scrollbar-track{background:#a1c1f01a;border-radius:4px}.signup-form-container::-webkit-scrollbar-thumb{background:#343b42;border-radius:4px}.signup-form-container::-webkit-scrollbar-thumb:hover{background:#343b42}.signup-container form{display:flex;flex-direction:column;gap:5px;opacity:1;margin:0 auto;width:100%;max-width:300px;align-items:center}.signup-container input{width:100%;padding:10px 16px;border:1px solid #1868db;border-radius:2px;font-size:14px;background-color:#fff;color:#333;transition:border-color .3s ease,box-shadow .3s ease}.signup-container input::placeholder{color:#515151;font-size:13px}.signup-container input:focus{outline:none;border-color:#1868db;box-shadow:0 0 0 2px #1868db1a}.signup-container button.signup-button{background:#1868db;color:#fff;padding:10px;border:1px solid #343b42;border-radius:2px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:5px;margin-bottom:4px;width:100%}.signup-container button.signup-button:active{transform:translateY(1px)}.signup-container button.signup-button:disabled{background:#343b4280;cursor:not-allowed;transform:none}.login-link{margin-top:8px;margin-bottom:0;color:#343b42;font-size:12px;opacity:1}.login-link a{text-decoration:none;color:#343b42;font-weight:600;transition:color .3s ease}.login-link a:hover{text-decoration:underline}.text-button{background:none;border:none;color:#343b42;font-size:12px;font-weight:600;cursor:pointer;padding:0 3px;text-decoration:underline;transition:color .3s ease}.text-button:hover{color:#343b42cc}.text-button:disabled{color:#343b4266}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoEntrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.signup-image-wrapper{position:relative;width:100%;max-width:300px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;height:260px;flex-shrink:1;overflow:hidden;box-sizing:border-box;min-width:0}.signup-image{width:100%;max-width:100%;height:auto;max-height:260px;object-fit:contain;z-index:2;transition:opacity .5s ease-in-out;display:block}.signup-blob{display:none}.or-divider{display:flex;align-items:center;width:100%}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background-color:#a1c1f04d}.or-divider-text{padding:0 15px;color:#343b42;font-size:12px}.social-login-icons{display:flex;justify-content:center;gap:16px;margin:5px 0}.social-icon-button{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #1868db;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .3s ease;padding:0}.social-icon-button img{width:16px;height:16px;object-fit:contain}.social-icon-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.password-input-container{position:relative;width:100%}.password-toggle-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#8e9eab;transition:color .3s ease;z-index:2;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;outline:none}.password-toggle-icon i{font-size:16px;color:#8e9eab;pointer-events:none;-webkit-user-select:none;user-select:none}.password-toggle-icon:hover,.password-toggle-icon:hover i{color:#343b42}.password-input-container input{padding-right:45px}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}.input-error{border-color:#ff4c4c!important;box-shadow:0 0 0 2px #ff4c4c33!important}.input-error:focus{border-color:#ff4c4c!important;box-shadow:0 0 0 2px #ff4c4c4d!important}.error-message{background-color:#ff4c4c1a;color:#d32f2f;border-radius:4px;padding:10px;margin-bottom:10px;border-left:4px solid #ff4c4c;animation:fadeIn .5s ease forwards;text-align:left;width:100%;font-size:12px}.signup-form h3{width:100%;margin-top:0;margin-bottom:10px;font-size:18px;color:#071630;text-align:left}.signup-form p{width:100%;text-align:left;margin-bottom:12px;font-size:13px;color:#555}.form-helper{margin-top:10px!important;font-size:12px;text-align:center;color:#555}@media(min-width:1200px){.auth-container{max-width:900px}}@media(max-width:1024px){.auth-container{max-width:700px}.signup-container{max-width:95%}.signup-container input{padding:11px 16px}.social-icon-button{width:30px;height:30px}.social-icon-button img{width:17px;height:17px}}@media(max-width:768px){.signup{background:#fff;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden}.signup-container{flex-direction:column;height:auto;min-height:auto;max-width:95%;margin:20px auto;max-height:none}.signup-left-section{border-radius:0 0 16px 16px;padding:20px 20px 50px;order:2;width:100%;max-width:100%;flex:none;min-height:auto}.trial-title{font-size:18px;margin:0 0 6px}.trial-intro{font-size:12px;margin:0 0 12px}.trial-features-list{gap:8px;margin:0 0 12px}.trial-feature-item{font-size:12px;gap:8px}.checkmark-icon{width:18px;height:18px;min-width:18px;min-height:18px}.checkmark-icon:after{width:5px;height:8px;top:2px;left:5px}.trial-conclusion{font-size:11px}.signup-right-section{border-radius:16px 16px 0 0;padding:20px;order:1;width:100%;max-width:100%;flex:none}.signup-image-wrapper{max-width:220px;margin:0 auto 12px;height:200px;flex-shrink:0}.signup-image{max-width:220px;max-height:200px;object-fit:contain}.auth-container{max-width:450px}.signup-form-container{padding:15px;height:auto;min-height:auto;max-height:none}.page-indicator{bottom:20px}}@media(max-width:480px){.signup{padding:10px;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden}.signup-container{width:100%;border-radius:12px;margin:10px auto;height:auto;min-height:auto;max-height:none}.signup-left-section{padding:15px 15px 40px;width:100%;max-width:100%;flex:none}.trial-title{font-size:16px;margin:0 0 6px}.trial-intro{font-size:11px;margin:0 0 10px}.trial-features-list{gap:6px;margin:0 0 10px}.trial-feature-item{font-size:11px;gap:6px}.checkmark-icon{width:16px;height:16px;min-width:16px;min-height:16px}.checkmark-icon:after{width:4px;height:7px;top:2px;left:4px}.trial-conclusion{font-size:10px}.signup-right-section{padding:15px;width:100%;max-width:100%;flex:none}.signup-container form{max-width:100%}.signup-image-wrapper{max-width:180px;margin:0 auto 10px;height:160px;flex-shrink:0}.signup-image{max-width:180px;max-height:160px;object-fit:contain}.signup-form-container{padding:12px;height:auto;min-height:auto;max-height:none}.signup-right-section h2{font-size:18px;margin-bottom:12px}.signup-container input{padding:8px 12px;font-size:13px}.input-wrapper .signup-input,.password-input-container .signup-input{padding-left:36px}.input-icon{width:16px;height:16px;left:12px}.page-indicator{bottom:15px}.indicator{width:8px;height:3px}.indicator.active{width:24px}.signup:after{width:250px;height:250px;bottom:-30px;right:-30px}}@media(max-width:320px){.signup{padding:5px}.signup-container{margin:5px auto}.signup-left-section h2{font-size:13px}.signup-right-section h2{font-size:16px}.signup-image-wrapper{max-width:150px;height:130px;flex-shrink:0}.signup-image{max-width:150px;max-height:130px;object-fit:contain}.social-login-icons{gap:12px}.social-icon-button{width:26px;height:26px}.social-icon-button img{width:14px;height:14px}.or-divider-text{font-size:11px;padding:0 12px}.login-link,.text-button,.form-helper{font-size:11px}.signup:after{width:200px;height:200px;bottom:-25px;right:-25px;opacity:.5}}@media(max-width:768px)and (orientation:landscape){.signup{height:auto;min-height:100vh;padding:10px 0;overflow-y:auto;overflow-x:hidden}.signup-container{flex-direction:row;height:auto;min-height:400px;max-height:none}.signup-left-section{border-radius:0 16px 16px 0;order:2;padding:20px 15px 40px;width:50%;max-width:50%;flex:0 0 50%}.signup-right-section{border-radius:16px 0 0 16px;order:1;padding:20px 15px;width:50%;max-width:50%;flex:0 0 50%}.signup-image-wrapper{max-width:160px;margin:0 auto 8px;height:140px;flex-shrink:0}.signup-image{max-width:160px;max-height:140px;object-fit:contain}.trial-title{font-size:14px;margin:0 0 5px}.trial-intro{font-size:10px;margin:0 0 8px}.trial-features-list{gap:5px;margin:0 0 8px}.trial-feature-item{font-size:10px;gap:5px}.checkmark-icon{width:14px;height:14px;min-width:14px;min-height:14px}.checkmark-icon:after{width:3px;height:6px;top:1px;left:3px}.trial-conclusion{font-size:9px}.page-indicator{bottom:15px}}.contact-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231868db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E")}.page-indicator{display:flex;gap:6px;justify-content:center;align-items:center;position:absolute;bottom:30px;left:0;right:0;width:100%}.indicator{width:10px;height:4px;border-radius:2px;background-color:#000;display:inline-block;transition:all .3s ease;opacity:.3}.indicator.active{background-color:#1868db;width:30px;opacity:1}@keyframes indicatorSlide{0%,16%{transform:translate(0)}20%,36%{transform:translate(-32px)}40%,56%{transform:translate(-64px)}60%,76%{transform:translate(-96px)}80%,96%{transform:translate(-128px)}to{transform:translate(0)}}.input-field-wrapper{width:100%}.input-label{display:block;margin-bottom:8px;font-size:12px;font-weight:500;color:#071630;text-align:left}.required-asterisk{color:#dc3545;font-weight:600}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-position:center;background-repeat:no-repeat;z-index:2}.email-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231868db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E")}.password-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231868db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E")}.input-wrapper .signup-input,.password-input-container .signup-input{padding-left:46px}.signup-today{margin-left:4px!important;font-weight:700;color:#343b42;transition:opacity .5s ease-in-out}.forgot-password-page .forgot-password-auth-container{width:100%;max-width:800px}.forgot-password-page .forgot-password-container{width:800px;min-width:800px;max-width:800px;height:480px;min-height:480px;max-height:480px}.forgot-password-page .signup-left-section,.forgot-password-page .signup-right-section{flex:0 0 400px;width:400px;min-width:400px;max-width:400px}.forgot-password-page .signup-image-wrapper{max-width:300px;width:300px;min-width:0}.forgot-password-page .signup-image{max-width:100%;width:100%}@media(max-width:1024px){.forgot-password-page .forgot-password-auth-container{min-width:0;max-width:700px}.forgot-password-page .forgot-password-container{width:100%;min-width:0;max-width:95%;height:auto;min-height:400px}.forgot-password-page .signup-left-section,.forgot-password-page .signup-right-section{flex:0 0 50%;width:50%;min-width:0;max-width:50%}}@media(max-width:768px){.forgot-password-page .forgot-password-auth-container{max-width:450px}.forgot-password-page .forgot-password-container{flex-direction:column;max-width:95%;height:auto;min-height:auto;margin:20px auto}.forgot-password-page .signup-left-section{border-radius:0 0 16px 16px;padding:20px 20px 50px;order:2;width:100%;max-width:100%;flex:none;min-width:0}.forgot-password-page .signup-right-section{border-radius:16px 16px 0 0;padding:20px;order:1;width:100%;max-width:100%;flex:none;min-width:0}}@media(max-width:480px){.forgot-password-page .forgot-password-auth-container{max-width:100%}.forgot-password-page .forgot-password-container{width:100%;border-radius:12px;margin:10px auto;height:auto;min-height:auto}.forgot-password-page .signup-left-section{padding:15px 15px 40px;width:100%;max-width:100%;flex:none;min-width:0}.forgot-password-page .signup-right-section{padding:15px;width:100%;max-width:100%;flex:none;min-width:0}}.signup-with-bubble{--bubble-image: url(var(--bubble-svg))}.password-toggle-icon .material-icons{font-size:16px;color:#8e9eab;pointer-events:none;-webkit-user-select:none;user-select:none}.password-toggle-icon:hover .material-icons{color:#343b42}:root{--primary-color: #2563eb;--primary-light: rgba(37, 99, 235, .1);--primary-dark: #1d4ed8;--background-color: #f1f5f9;--card-bg: rgba(255, 255, 255, .95);--card-bg-rgb: 255, 255, 255;--text-color: #0f172a;--text-muted: #475569;--border-color: rgba(203, 213, 225, .5);--success-color: #059669;--error-color: #dc2626;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .08);--transition-speed: .3s}.jobdescription-modal-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.jobdescription-edit-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:6px}.jobdescription-edit-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.jobdescription-edit-button:active{transform:translateY(0)}.jobdescription-edit-button i{font-size:12px}@media(max-width:768px){.jobdescription-edit-button{padding:6px 12px;font-size:12px}.jobdescription-edit-button span{display:none}.jobdescription-edit-button i{font-size:14px}}@media(prefers-color-scheme:dark){:root{--primary-color: #3b82f6;--primary-light: rgba(59, 130, 246, .15);--primary-dark: #2563eb;--background-color: #0f172a;--card-bg: rgba(30, 41, 59, .95);--card-bg-rgb: 30, 41, 59;--text-color: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(148, 163, 184, .2);--success-color: #10b981;--error-color: #ef4444;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .2)}}.jobdescription-form{max-width:800px;margin:2rem auto;padding:2.5rem;background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-soft);position:relative;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.jobdescription-form:hover{box-shadow:0 8px 30px #00000026}.jobdescription-title{color:var(--text-color);margin-bottom:2rem;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;position:relative;text-align:left;padding-bottom:1rem;border-bottom:2px solid var(--primary-light)}.jobdescription-form-element{display:flex;flex-direction:column;gap:1rem}.jobdescription-field-group{display:flex;flex-direction:column;gap:.3rem}.jobdescription-row{display:flex;gap:1rem;align-items:flex-start}.jobdescription-row .jobdescription-field-group{flex:1;min-width:0}.jobdescription-label{color:var(--text-color);font-weight:600;font-size:.9rem;margin-bottom:.1rem}.jobdescription-required{color:#dc2626;font-weight:700}.jobdescription-input,.jobdescription-textarea{width:100%;padding:.6rem .8rem;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-size:.95rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.jobdescription-textarea{min-height:calc(100vh - 270px);resize:vertical;line-height:1.5}.jobdescription-input:focus,.jobdescription-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.jobdescription-input::placeholder,.jobdescription-textarea::placeholder{color:var(--text-muted);opacity:.7}.jobdescription-input:focus::placeholder,.jobdescription-textarea:focus::placeholder{opacity:.5}.jobdescription-form-actions{display:flex;justify-content:flex-end;gap:.8rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--card-bg);min-height:60px;flex-shrink:0}.jobdescription-form-actions button{padding:.4rem 1.8rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;width:auto;min-width:140px;letter-spacing:.5px}.jobdescription-submit-button{background:#1868db;color:#fff}.jobdescription-submit-button:hover{box-shadow:0 6px 20px #2563eb4d}.jobdescription-cancel-button{background:#6b7280;color:#fff}.jobdescription-cancel-button:hover{background:#4b5563}.jobdescription-loading{opacity:.9;pointer-events:none}.jobdescription-loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--primary-dark),transparent)}.jobdescription-textarea.error,.jobdescription-input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #dc262626}.jobdescription-error-message{color:#dc2626;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.jobdescription-error-message:before{content:"⚠";font-size:.75rem}.jobdescription-textarea.success,.jobdescription-input.success{border-color:var(--success-color);box-shadow:0 0 0 3px #05966926}.jobdescription-input[readonly]{background-color:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.8}.jobdescription-input[readonly]:focus{border-color:var(--border-color);box-shadow:none}.jd-modal-body form{display:flex;flex-direction:column;gap:1.5rem;padding:0}.jd-modal-body form input,.jd-modal-body form textarea{width:100%;padding:1.2rem;border:2px solid var(--border-color);border-radius:12px;background:var(--card-bg);color:var(--text-color);font-size:1rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.jd-modal-body form textarea{min-height:300px;resize:none;line-height:1.6}.jd-modal-body form input:focus,.jd-modal-body form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.jd-modal-body form input::placeholder,.jd-modal-body form textarea::placeholder{color:var(--text-muted);opacity:.7}.jd-modal-body form input:focus::placeholder,.jd-modal-body form textarea:focus::placeholder{opacity:.5}.jd-modal-body form button[type=submit]{align-self:flex-end;padding:1rem 2.2rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;width:auto;min-width:160px;text-transform:uppercase;letter-spacing:1px}.jd-modal-body form button[type=submit]:hover{box-shadow:0 6px 20px #2563eb4d}.jd-modal-body form button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.jobdescription-row{flex-direction:column;gap:1rem}.jobdescription-row .jobdescription-field-group{flex:none;min-width:auto}.job-description-form{margin:1rem;padding:1.5rem}.job-description-form h2{font-size:1.8rem;margin-bottom:1.5rem}.job-description-form input,.job-description-form textarea{padding:.8rem;font-size:.95rem}.job-description-form textarea{min-height:150px}.job-description-form button[type=submit]{padding:.9rem 1.8rem;font-size:1rem;min-width:140px}.jd-modal-body form input,.jd-modal-body form textarea{padding:.8rem;font-size:.95rem}.jd-modal-body form textarea{min-height:120px}.jd-modal-body form button[type=submit]{padding:.9rem 1.8rem;font-size:1rem;min-width:140px}}@media(max-width:480px){.job-description-form{margin:.5rem;padding:1rem}.job-description-form h2{font-size:1.6rem;margin-bottom:1rem}.job-description-form input,.job-description-form textarea{padding:.7rem;font-size:.9rem}.job-description-form textarea{min-height:120px}.job-description-form button[type=submit]{padding:.8rem 1.5rem;font-size:.95rem;min-width:120px;width:100%}.jd-modal-body form input,.jd-modal-body form textarea{padding:.7rem;font-size:.9rem}.jd-modal-body form textarea{min-height:100px}.jd-modal-body form button[type=submit]{padding:.8rem 1.5rem;font-size:.95rem;min-width:120px;width:100%}}.jobdescription-textarea-container{position:relative;width:100%}.jobdescription-textarea-placeholder{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px}.jobdescription-placeholder-text{color:var(--text-muted);font-size:1rem;opacity:.7;text-align:center;padding:1.2rem}.jobdescription-generate-button{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1868db;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;pointer-events:auto;box-shadow:0 2px 8px #00000026}.jobdescription-generate-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.jobdescription-generate-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.jobdescription-generate-button i{font-size:16px}.jobdescription-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:10px}.jobdescription-modal-content{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-soft);max-width:none;max-height:none;width:100%;height:100%;position:relative;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:jobdescription-modal-slide-in .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes jobdescription-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.jobdescription-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 1rem;border-bottom:1px solid var(--border-color);background:var(--card-bg);border-radius:16px 16px 0 0;gap:1rem}.jobdescription-modal-header h2{color:var(--text-color);margin:0;font-size:1.3rem;font-weight:600}.jobdescription-modal-close{background:#f3f4f6;border:1px solid #d1d5db;font-size:.9rem;color:#374151;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:60px;font-weight:500}.jobdescription-modal-close:hover{background:#e5e7eb;color:#111827;border-color:#9ca3af}.jobdescription-modal-body{padding:0;flex:1;overflow-y:auto;min-height:0;max-height:calc(100vh - 130px);border-bottom:1px solid var(--border-color)}.jobdescription-modal-body::-webkit-scrollbar{width:8px}.jobdescription-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.jobdescription-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.jobdescription-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.jobdescription-modal-body{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.jobdescription-modal-body .jobdescription-form{margin:0;padding:.75rem 1.5rem;max-width:none;width:100%;box-shadow:none;border:none;border-radius:0;flex:1;overflow-y:auto;min-height:0}.jobdescription-modal-content .jobdescription-form-actions{border-top:1px solid var(--border-color);background:var(--card-bg);margin:0;padding:.75rem 1.5rem;flex-shrink:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}@media(max-width:768px){.jobdescription-modal-content{width:100%;height:100%;margin:0}.jobdescription-modal-header{padding:.8rem 1.2rem}.jobdescription-modal-header h2{font-size:1.2rem}.jobdescription-modal-body .jobdescription-form{padding:1rem 1.2rem}}@media(max-width:480px){.jobdescription-modal-content{width:100%;height:100%;border-radius:0;margin:0}.jobdescription-modal-header,.jobdescription-modal-body .jobdescription-form{padding:.8rem 1rem}}@media(prefers-color-scheme:dark){.jobdescription-modal-overlay{background:#000000b3}.jobdescription-modal-content,.jobdescription-modal-header{background:var(--card-bg);border-color:var(--border-color)}.jobdescription-modal-header h2{color:var(--text-color)}.jobdescription-modal-close{color:var(--text-muted)}.jobdescription-modal-close:hover{background:var(--primary-light);color:var(--primary-color)}}@media(prefers-color-scheme:dark){.jd-modal-body form input,.jd-modal-body form textarea{background:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}.jd-modal-body form input:focus,.jd-modal-body form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.jd-modal-body form input::placeholder,.jd-modal-body form textarea::placeholder{color:var(--text-muted)}.jd-modal-body form button[type=submit]{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.jd-modal-body form button[type=submit]:hover{box-shadow:0 6px 20px #3b82f64d}}.jobdescription-edit-button .material-icons{font-size:12px}.jobdescription-generate-button .material-icons{font-size:16px}.page-header-card{background:#fff;margin-bottom:32px;border-radius:12px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;padding:16px 24px}.page-header-flex{display:flex;align-items:center;margin-bottom:16px}.page-header-avatar{background-color:#1976d2;color:#fff;width:56px;height:56px;margin-right:16px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:8px}.page-header-content{flex:1}.page-header-title{margin:0;font-weight:600;font-size:24px;line-height:1.35;color:#1f1f1f}.page-header-subtitle{color:#8c8c8c;display:block;font-size:14px}.page-header-divider{border:0;border-top:1px solid rgba(0,0,0,.12);margin:0}.password-change-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.password-change-modal-content{border-radius:12px!important;background-color:#fff;box-shadow:0 10px 25px #00000026;width:98%;max-width:450px;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.password-change-modal-header{border-top-left-radius:12px!important;border-top-right-radius:12px!important;display:flex;justify-content:center;align-items:center;padding:15px 25px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.password-change-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.password-change-modal-body{padding:20px 25px;max-height:calc(90vh - 100px);overflow-y:auto;overflow-x:hidden;flex:1}.password-change-modal-body::-webkit-scrollbar{width:8px}.password-change-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.password-change-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .2s ease}.password-change-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.password-change-modal-body{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.password-change-modal-actions{padding:0 25px 20px;display:flex;justify-content:center;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.password-change-modal-description{margin-bottom:20px;color:#342d42;line-height:1.5;font-size:14px;font-weight:500}.password-change-modal-field-container{margin-bottom:10px}.password-change-modal-field-label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:#333}.password-change-modal-input-wrapper{position:relative;display:flex;align-items:center}.password-change-modal-field{width:100%;padding:10px 45px 10px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.password-change-modal-field:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.password-change-modal-field::placeholder{color:#999;font-size:14px}.password-change-modal-field:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.password-change-modal-field-error{border-color:#d32f2f}.password-change-modal-field-error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}.password-change-modal-eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;font-size:16px;color:#666;transition:color .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.password-change-modal-eye-btn:hover{color:#333}.password-change-modal-error-text{margin-top:4px;font-size:12px;color:#d32f2f;line-height:1.4}.password-change-modal-helper-text{margin-top:16px;padding:12px 16px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:13px;line-height:1.4}.password-change-modal-requirements{margin-top:10px;padding:10px 16px;background-color:#d5d7d7;border:1px solid #e9ecef;border-radius:8px}.password-change-modal-requirements-title{font-size:13px;font-weight:600;color:#333;margin-bottom:4px}.password-change-modal-requirement-item{display:flex;font-weight:500;align-items:center;margin-bottom:2px;font-size:11px;color:#342d42;gap:2px}.password-change-modal-requirement-item:last-child{margin-bottom:0}.password-change-modal-requirement-check{margin-right:4px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:#666;font-size:12px;font-weight:700;flex-shrink:0;transition:all .3s ease}.password-change-modal-requirement-check.met{background-color:#4caf50;color:#fff}.password-change-modal-requirement-item span{transition:color .3s ease}.password-change-modal-requirement-item span.met{color:#40b744;font-weight:500}.password-change-modal-submit-btn{width:100%;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;background-color:#1976d2;color:#fff;border:1px solid #1976d2;cursor:pointer;font-family:inherit}.password-change-modal-submit-btn:hover:not(:disabled){background-color:#1565c0;border-color:#1565c0}.password-change-modal-submit-btn:disabled{cursor:not-allowed;background-color:#ccc;border-color:#ccc}.password-change-modal-loading{display:inline-flex;align-items:center;gap:8px}.password-change-modal-loading:before{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:password-change-spin 1s linear infinite}@keyframes password-change-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.password-change-modal-overlay{padding:10px}.password-change-modal-content{width:95%;max-width:400px;margin:10px}.password-change-modal-header{padding:12px 15px}.password-change-modal-header h2{font-size:16px}.password-change-modal-body{padding:15px}.password-change-modal-actions{padding:12px 15px;justify-content:center;gap:10px}.password-change-modal-submit-btn{width:100%;padding:10px 16px}}@media(max-width:480px){.password-change-modal-content{width:98%;max-width:350px}.password-change-modal-header{padding:10px 12px}.password-change-modal-body{padding:12px}.password-change-modal-actions{padding:10px 12px}.password-change-modal-helper-text{font-size:12px;padding:10px 12px}}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.password-change-modal-eye-btn .material-icons{font-size:16px}.password-change-modal-success-info{display:flex;align-items:center;gap:6px;color:#4caf50;font-size:12px;margin-top:6px;font-weight:500;animation:password-change-fadeIn .3s ease}.password-change-modal-success-info .material-icons{font-size:14px}.password-match-indicator{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:8px;font-weight:500;animation:password-change-fadeIn .3s ease}.password-match-indicator .material-icons{font-size:14px}.password-match-indicator.match{color:#4caf50}.password-match-indicator.no-match{color:#d32f2f}.password-all-met-message{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:8px;background-color:#4caf501a;border-radius:6px;color:#2e7d32;font-size:13px;font-weight:600;border:1px dashed #4caf50;animation:password-change-bounceIn .4s ease}.password-all-met-message .material-icons{font-size:18px}@keyframes password-change-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes password-change-bounceIn{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.verification-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.verification-modal-content{border-radius:12px!important;background-color:#fff;box-shadow:0 10px 25px #00000026;width:98%;max-width:600px;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.verification-modal-header{border-top-left-radius:12px!important;border-top-right-radius:12px!important;display:flex;justify-content:space-between;align-items:center;padding:25px}.verification-modal-header h2{margin:0;font-size:28px;font-weight:700;color:#333}.verification-modal-close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.verification-modal-close-btn:hover{background-color:#e9ecef;color:#333}.verification-modal-body{padding:0 25px 25px;max-height:calc(90vh - 100px);overflow-y:auto;overflow-x:hidden;flex:1}.verification-modal-body::-webkit-scrollbar{width:8px}.verification-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.verification-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .2s ease}.verification-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.verification-modal-body{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.verification-modal-actions{text-align:right;padding:0 25px 25px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.verification-modal-actions-inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.verification-modal-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:16px}.verification-modal-description{color:#342d42;font-weight:500;line-height:1.5;font-size:15px}.verification-modal-alert{margin:22px 0;padding:12px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px}.verification-modal-alert.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.verification-modal-alert.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.verification-modal-otp-container{margin-top:16px}.verification-modal-otp-label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:#333}.verification-modal-otp-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.verification-modal-otp-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.verification-modal-otp-input::placeholder{color:#999;font-size:14px}.verification-modal-otp-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.verification-modal-send-btn{width:100%;padding:12px 24px;border-radius:24px;border:none;font-weight:500;text-transform:none;font-size:14px;transition:all .2s ease;background-color:#1976d2;color:#fff;cursor:pointer}.verification-modal-helper-text{margin:6px 0 0;font-size:13px;color:#7a748a}.verification-modal-send-btn:disabled{opacity:.6;cursor:not-allowed}.verification-modal-resend-btn{border:none;background-color:#1868db;padding:8px 20px;font-size:14px;color:#fff;cursor:pointer;border-radius:6px;transition:background-color .2s ease,opacity .2s ease}.verification-modal-resend-btn:disabled{cursor:default;background-color:#1868db;color:#fff;padding:8px 20px;opacity:.75}.verification-modal-resend-btn.is-cooldown{background-color:transparent;color:#a0a4ab;padding:0;cursor:default;opacity:1}.verification-modal-resend-btn.is-loading{cursor:default;opacity:.9}.verification-modal-cancel-btn{padding:8px 16px;border-radius:6px;font-size:14px;text-transform:none;color:#666;border:1px solid #ddd;background-color:#fff;transition:all .2s ease}.verification-modal-cancel-btn:hover{background-color:#f8f9fa;border-color:#ccc}.verification-modal-verify-btn{padding:8px 20px;border-radius:6px;border:none;font-size:14px;text-transform:none;font-weight:500;transition:all .2s ease;background-color:#1868db;color:#fff;cursor:pointer}.verification-modal-loading{display:inline-flex;align-items:center;gap:8px}.verification-modal-loading:before{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:verification-spin 1s linear infinite}@keyframes verification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.verification-modal-overlay{padding:10px}.verification-modal-content{width:95%;max-width:400px;margin:10px}.verification-modal-header{padding:12px 15px}.verification-modal-header h2{font-size:16px}.verification-modal-body{padding:15px}.verification-modal-actions{padding:12px 15px;flex-direction:column-reverse;gap:10px}.verification-modal-cancel-btn,.verification-modal-verify-btn{width:100%;padding:10px 16px}}@media(max-width:480px){.verification-modal-content{width:98%;max-width:320px}.verification-modal-header{padding:10px 12px}.verification-modal-body{padding:12px}.verification-modal-actions{padding:10px 12px}}.oauth-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.oauth-modal-content{border-radius:12px!important;background-color:#fff;box-shadow:0 10px 25px #00000026;width:98%;max-width:500px;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.oauth-modal-header{border-top-left-radius:12px!important;border-top-right-radius:12px!important;display:flex;justify-content:center;align-items:center;padding:20px 25px}.oauth-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#333}.oauth-modal-body{padding:0 25px 20px;max-height:calc(90vh - 100px);overflow-y:auto;overflow-x:hidden;flex:1}.oauth-modal-body::-webkit-scrollbar{width:8px}.oauth-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.oauth-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .2s ease}.oauth-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.oauth-modal-body{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.oauth-modal-actions{padding:15px 25px;border-top:1px solid #e0e0e0;background-color:#f8f9fa;display:flex;justify-content:center;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.oauth-modal-description{margin-bottom:20px;color:#342d42;line-height:1.5;font-size:15px;font-weight:500;text-align:left}.oauth-modal-providers{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.oauth-modal-provider-btn{display:flex;align-items:center;padding:16px 20px;border:none;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .2s ease;position:relative;width:100%;text-align:left}.oauth-modal-provider{display:flex;align-items:center;padding:20px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;border-radius:12px;background-color:#fff;transition:all .2s ease;position:relative;width:100%;text-align:left}.oauth-modal-provider-btn:hover:not(:disabled){border-color:#1976d2;background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #1976d226}.oauth-modal-provider:hover:not(:disabled){border-color:#1976d2;background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #1976d226}.oauth-modal-provider-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.oauth-modal-provider-btn-loading{border-color:#1976d2;background-color:#f8f9fa}.oauth-connect-btn{font-size:16px;margin-left:16px;flex-shrink:0;padding:8px 14px;border-radius:8px;background-color:#fff;color:#1868db;border:none;font-weight:600;cursor:pointer}.oauth-connect-btn:hover:not(:disabled){transform:translateY(-1px)}.oauth-connect-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-modal-provider-icon{margin-right:16px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.oauth-modal-provider-content{flex:1}.oauth-modal-provider-name{font-size:16px;font-weight:700;color:#342d42;margin-bottom:2px}.oauth-modal-provider-desc{font-size:14px;color:#666}.oauth-modal-loading-spinner{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid #1976d2;border-radius:50%;animation:oauth-modal-spin 1s linear infinite}@keyframes oauth-modal-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes oauth-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oauth-button-spinner{display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:oauth-button-spin .9s linear infinite;vertical-align:middle}.oauth-modal-note{margin-top:16px;padding:12px 16px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-align:center}.oauth-modal-note p{margin:0;font-size:13px;color:#6c757d;line-height:1.4}.oauth-modal-skip-link{display:flex;justify-content:center;align-items:center;margin:8px auto 0;background:none;border:none;color:#342d42;font-size:14px;font-weight:400;cursor:pointer;padding:6px 10px;transition:color .2s ease,opacity .2s ease;font-family:inherit}.oauth-modal-skip-link:hover:not(:disabled){color:#1459bd}.oauth-modal-skip-link:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.oauth-modal-skip-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;background-color:#6c757d;color:#fff;border:1px solid #6c757d;cursor:pointer;font-family:inherit}.oauth-modal-skip-btn:hover:not(:disabled){background-color:#5a6268;border-color:#5a6268}.oauth-modal-skip-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#ccc;border-color:#ccc}@media(max-width:768px){.oauth-modal-overlay{padding:10px}.oauth-modal-content{width:95%;max-width:400px;margin:10px}.oauth-modal-header{padding:12px 15px}.oauth-modal-header h2{font-size:16px}.oauth-modal-body{padding:15px}.oauth-modal-actions{padding:12px 15px;justify-content:center;gap:10px}.oauth-modal-provider-btn{padding:14px 16px}.oauth-modal-provider-name{font-size:15px}.oauth-modal-provider-desc{font-size:13px}.oauth-modal-skip-btn{width:100%;padding:10px 16px}}@media(max-width:480px){.oauth-modal-content{width:98%;max-width:350px}.oauth-modal-header{padding:10px 12px}.oauth-modal-body{padding:12px}.oauth-modal-actions{padding:10px 12px}.oauth-modal-provider-btn{padding:12px 14px}.oauth-modal-note{padding:10px 12px}.oauth-modal-note p{font-size:12px}}.custom-date-picker-calendar{background:var(--bg-primary);border-radius:6px;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);animation:custom-date-picker-fade-in .15s ease-out;font-family:var(--font-primary);font-size:var(--fs-sm);color:var(--text-heading);overflow:hidden;opacity:0;transition:opacity .1s ease-in-out}.custom-date-picker-calendar.positioned{opacity:1}@keyframes custom-date-picker-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-date-picker-header{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:6px 6px 0 0}.custom-date-picker-nav{background:none;border:none;font-size:var(--fs-lg);cursor:pointer;padding:1px 3px;border-radius:3px;color:var(--text-secondary-clr);display:flex;align-items:center;justify-content:center;width:22px;height:22px;transition:background-color .2s ease}.custom-date-picker-nav:hover{background-color:var(--bg-hover)}.custom-date-picker-nav:active{background-color:var(--bg-secondary)}.custom-date-picker-month-year{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.custom-date-picker-month-year:hover{background-color:var(--bg-hover)}.custom-date-picker-month-year-text{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.custom-date-picker-dropdown-icon{font-size:var(--fs-xs);color:var(--text-muted-clr)}.custom-date-picker-body{padding:6px}.custom-date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:3px}.custom-date-picker-weekday{text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted-clr);padding:2px 1px}.custom-date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.custom-date-picker-day{background:none;color:var(--text-heading);border:none;border-radius:3px;padding:1px;font-size:var(--fs-xs);cursor:pointer;width:100%;height:22px;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-normal);position:relative;transition:background-color .2s ease;font-family:var(--font-primary)}.custom-date-picker-day:hover:not(.disabled):not(.today):not(.selected){background-color:var(--bg-hover)}.custom-date-picker-day.other-month{color:var(--text-muted-clr)}.custom-date-picker-day.today{background:var(--text-brand);color:var(--bg-primary);font-weight:var(--fw-semibold)}.custom-date-picker-day.today:hover{background:var(--text-brand-hover)}.custom-date-picker-day.selected{background:var(--text-brand);color:var(--bg-primary);font-weight:var(--fw-semibold)}.custom-date-picker-day.selected:hover{background:var(--text-brand-hover)}.custom-date-picker-day.disabled{color:var(--text-muted-clr);cursor:not-allowed;opacity:.5}.custom-date-picker-day.disabled:hover{background:none}.custom-date-picker-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.custom-date-picker-year{background:none;color:var(--text-heading);border:1px solid var(--border-subtle);border-radius:3px;padding:5px 3px;font-size:var(--fs-xs);cursor:pointer;font-weight:var(--fw-normal);transition:all .2s ease;font-family:var(--font-primary)}.custom-date-picker-year:hover:not(.selected){background-color:var(--bg-hover)}.custom-date-picker-year.current{font-weight:var(--fw-semibold)}.custom-date-picker-year.selected{background:var(--text-brand);color:var(--bg-primary);font-weight:var(--fw-semibold)}.custom-date-picker-year.selected:hover{background:var(--text-brand-hover)}.custom-date-picker-footer{display:flex;justify-content:space-between;padding:5px 8px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:0 0 6px 6px}.custom-date-picker-footer-btn{background:none;border:none;cursor:pointer;font-size:var(--fs-xs);padding:2px 5px;border-radius:3px;transition:background-color .2s ease;font-family:var(--font-primary)}.custom-date-picker-today-btn{color:var(--text-brand)}.custom-date-picker-today-btn:hover{background-color:var(--bg-hover)}.custom-date-picker-clear-btn{color:var(--text-secondary-clr)}.custom-date-picker-clear-btn:hover{background-color:var(--bg-hover)}@media(max-width:768px){.custom-date-picker-calendar{width:100%!important;max-width:210px;left:50%!important;transform:translate(-50%)}}@media(max-width:480px){.custom-date-picker-body{padding:5px}.custom-date-picker-day{font-size:10px;height:20px;padding:1px}.custom-date-picker-weekday{font-size:8px;padding:2px 1px}.custom-date-picker-year{font-size:10px;padding:4px 2px}}.newhiring-layout{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.newhiring-layout.no-gap{gap:0}.newhiring-content-area{width:100%}.newhiring-stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%;margin-top:24px;overflow-x:visible;padding-bottom:0}@media(max-width:1200px){.newhiring-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.newhiring-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.newhiring-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.newhiring-stats-row{grid-template-columns:1fr}}.newhiring-stat-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-width:0;height:120px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;flex-grow:1;align-self:stretch;transition:all .2s ease}.newhiring-stat-card.active{background:var(--bg-brand-light);border:1px solid var(--text-brand)}.newhiring-card-inner{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:12px;width:100%;height:52px;align-self:stretch;flex-grow:0}.newhiring-icon-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:40px;height:40px;background:var(--bg-brand-light);border-radius:10px;flex:none;order:0;flex-grow:0}.newhiring-stat-card:nth-child(1) .newhiring-icon-box{background:#d085d0}.newhiring-stat-card:nth-child(2) .newhiring-icon-box{background:#f98e8b}.newhiring-stat-card:nth-child(3) .newhiring-icon-box{background:#c089d4}.newhiring-stat-card:nth-child(4) .newhiring-icon-box{background:#fa4af4}.newhiring-stat-card:nth-child(5) .newhiring-icon-box{background:#c1b3e5}.newhiring-stat-card:nth-child(6) .newhiring-icon-box{background:#b198f3}.newhiring-icon,.newhiring-icon-box .material-icons-outlined{font-size:20px!important;color:#f5f5f5!important}.newhiring-stat-card.active .newhiring-icon{color:#f5f5f5!important}.newhiring-stat-content{flex-direction:column;align-items:flex-start;padding:0;flex:1;order:1;min-width:0}.newhiring-stat-value{width:100%;height:32px;font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:var(--text-heading);flex:none;order:0;align-self:stretch;flex-grow:0}.newhiring-stat-card.active .newhiring-stat-value{color:var(--text-brand)}.newhiring-stat-label{width:100%;height:20px;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;height:auto;flex:1;order:1;align-self:stretch}.newhiring-stat-card.active .newhiring-stat-label{color:var(--text-brand)}.newhiring-icon-search{color:var(--text-muted-clr);font-size:20px}.newhiring-icon-small{font-size:16px}.newhiring-icon-secondary{font-size:20px;color:var(--text-body)}.newhiring-icon-white{font-size:20px;color:var(--bg-primary)}.newhiring-icon-large{font-size:64px;color:var(--text-brand)}.empty-state-title{margin-top:20px;margin-bottom:8px;font-family:Inter;font-weight:600;font-size:24px;color:var(--text-heading)}.empty-state-description{margin-bottom:20px;font-family:Inter;font-weight:400;font-size:16px;color:var(--text-label)}.open-positions-container{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.open-positions-controls{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex-wrap:wrap;gap:16px}.open-positions-filters{display:flex;flex-direction:row;align-items:center;gap:16px;flex-grow:1}.open-positions-search{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:10px;width:100%;max-width:500px;height:40px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px}.open-positions-search input{border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:16px;color:var(--text-heading)}.open-positions-dropdown{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;gap:8px;min-width:128px;height:40px;background:var(--bg-primary);border:.666667px solid var(--border-subtle);border-radius:10px;cursor:pointer;white-space:nowrap}.open-positions-actions{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.btn-secondary,.btn-primary{display:flex;align-items:center;justify-content:center;padding:8px 16px;gap:8px;height:40px;border-radius:10px;cursor:pointer;font-family:Inter;font-weight:500;font-size:16px;white-space:nowrap}.btn-secondary{background:var(--bg-primary);border:.666667px solid var(--border-subtle);color:var(--text-body)}.btn-primary{background:var(--text-brand);border:none;color:var(--bg-primary)}.empty-state-frame{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:81px 171px;gap:19px;width:100%;min-height:473px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;text-align:center}.empty-state-icon{display:flex;justify-content:center;align-items:center;width:128px;height:128px;background:var(--bg-brand-light);border-radius:50%;flex:none;order:0;flex-grow:0}.empty-state-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--text-heading);margin:0;flex:none;order:1;flex-grow:0}.empty-state-description{max-width:448px;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:var(--text-label);margin:0;flex:none;order:2;flex-grow:0}.btn-large{display:flex;flex-direction:row;align-items:center;padding:11px 16px;gap:8px;width:193px;height:46px;background:var(--text-brand);border-radius:10px;flex:none;order:3;flex-grow:0;margin-top:0}.add-job-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:99999;padding:24px;box-sizing:border-box}.add-job-modal-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:100%;background:var(--bg-primary);border-radius:14px;box-shadow:0 4px 24px var(--shadow-md);position:relative;overflow:hidden}.add-job-modal-header{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 32px;width:100%;min-height:70px;border-bottom:1px solid var(--border-subtle)}.add-job-modal-header h2{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:28px;color:var(--text-heading);margin:0}.add-job-close-btn{border:none;background:transparent;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-label);cursor:pointer;padding:8px 16px;border-radius:10px}.add-job-close-btn:hover{background:var(--bg-hover)}.add-job-modal-body{display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:24px;width:100%;box-sizing:border-box;overflow-y:auto;flex:1 1 auto;min-height:0}.add-job-modal-body{scrollbar-width:thin;scrollbar-color:var(--text-muted-clr) var(--bg-hover)}.add-job-modal-body::-webkit-scrollbar{width:8px}.add-job-modal-body::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:5px}.add-job-modal-body::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:5px;border:2px solid var(--bg-hover)}.add-job-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)}.add-job-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}.add-job-input-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.add-job-input-group label{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading);display:flex;align-items:center}.required-star{margin-left:4px;color:var(--text-danger)}.add-job-input{box-sizing:border-box;width:100%;height:45px;padding:10px 16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:16px;color:var(--text-heading);outline:none;transition:border .2s}.add-job-input:focus{border-color:var(--text-brand)}.add-job-input::placeholder{color:var(--text-muted-clr)}.add-job-select-wrapper{position:relative;width:100%}select.add-job-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5565' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px;cursor:pointer}select.add-job-input:disabled{background-color:var(--bg-hover);color:var(--text-muted-clr);cursor:not-allowed}.add-job-description-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.add-job-description-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:10px}.add-job-description-header label{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.add-job-generate-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 12px;gap:6px;height:36px;background:var(--text-brand);border-radius:10px;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--bg-primary)}.generate-icon{font-size:18px}.add-job-textarea{box-sizing:border-box;width:100%;height:100%;min-height:300px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:16px;color:var(--text-heading);outline:none;resize:none;height:300px}.add-job-textarea::placeholder{color:var(--text-muted-clr)}.add-job-modal-footer{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:16px 32px;width:100%;min-height:80px;gap:12px;border-top:1px solid var(--border-subtle);border-radius:0 0 14px 14px;flex-shrink:0;background:var(--bg-primary)}.add-job-cancel-btn{padding:10px 24px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer;transition:all .15s ease}.add-job-cancel-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-muted-clr)}.add-job-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.add-job-save-btn{min-width:100px;height:44px;padding:0 20px;background:var(--text-brand);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer;transition:all .2s ease}.add-job-save-btn:hover:not(:disabled){background:var(--text-brand-hover)}.add-job-save-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.add-job-modal-container{height:100%;max-height:100%}.add-job-modal-body{padding:24px 16px}.add-job-form-row{grid-template-columns:1fr;gap:16px}.add-job-input-group{width:100%}.add-job-textarea{height:150px;min-height:150px}}.job-positions-table-container{width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.job-positions-table{width:100%;border-collapse:collapse}.job-positions-table th{background:var(--bg-secondary);padding:12px 24px;text-align:left;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:18px;color:var(--text-secondary-clr);border-bottom:1px solid var(--border-subtle)}.job-positions-table th:nth-child(4),.job-positions-table th:nth-child(5){text-align:center}.job-positions-table td{padding:16px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-heading)}.job-title-cell{font-weight:500;color:var(--text-heading)}.actions-cell{display:flex;gap:8px;align-items:center}.icon-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-hover)}.status-badge{box-sizing:border-box;padding:4px 12px;border-radius:9999px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;align-items:center;justify-content:center}.status-badge.open{background:var(--bg-success-light);border:.67px solid var(--bg-success-light);color:var(--text-success)}.status-badge.closed{background:var(--bg-hover);color:var(--text-body)}.status-badge.on-hold{background:var(--bg-warning-light);color:var(--text-warning)}.status-badge.actively-hiring{background:var(--bg-brand-light);color:var(--text-brand)}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-primary)}.table-pagination span{font-family:Inter,sans-serif;font-size:14px;color:var(--text-body)}.pagination-controls{display:flex;gap:8px}.pagination-controls button{padding:8px 14px;border:1px solid var(--border-main);background:var(--bg-primary);border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--text-body);cursor:pointer}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls button.active{background:var(--text-brand);color:var(--bg-primary);border-color:var(--text-brand)}.add-job-input.error-border,.add-job-textarea.error-border{border-color:var(--text-danger)}.error-text{font-family:Inter,sans-serif;font-size:12px;color:var(--text-danger);margin-top:4px}.hiring-shared-container{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.hiring-shared-controls{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex-wrap:wrap;gap:16px}.hiring-shared-filters{display:flex;flex-direction:row;align-items:center;gap:24px;flex-grow:1}.hiring-shared-filters.filters-end{justify-content:space-between}.hiring-shared-container.distribute-between .hiring-shared-controls{display:block}.hiring-shared-container.distribute-between .hiring-shared-filters{justify-content:space-between;width:100%}.hiring-interviews-layout .hiring-shared-search{width:360px;max-width:360px}.hiring-shared-search{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:10px;width:100%;max-width:500px;height:40px;background:var(--bg-primary);border:1px solid var(--border-main);border-radius:10px}.hiring-shared-search input{border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:16px;color:var(--text-heading)}.hiring-shared-search-icon{color:var(--text-muted-clr);font-size:20px}.hiring-shared-dropdown{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:0;gap:8px;min-width:128px;height:40px;background:var(--bg-primary);border:.666667px solid var(--border-main);border-radius:10px;cursor:pointer;white-space:nowrap;position:relative}.hiring-shared-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;width:100%;height:100%;padding:8px 32px 8px 16px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-body);cursor:pointer;outline:none;border-radius:10px}.hiring-shared-icon-small{font-size:16px;position:absolute;right:12px;pointer-events:none}.hiring-shared-actions{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.hiring-shared-btn-secondary,.hiring-shared-btn-primary{display:flex;align-items:center;justify-content:center;padding:8px 16px;gap:8px;height:40px;border-radius:10px;cursor:pointer;font-family:Inter;font-weight:500;font-size:14px;white-space:nowrap}.hiring-shared-btn-secondary{background:var(--bg-primary);border:.666667px solid var(--border-main);color:var(--text-body)}.hiring-shared-btn-primary{background:var(--text-brand);border:none;color:var(--bg-primary)}.hiring-shared-btn-large{width:193px;height:46px;padding:11px 16px}.hiring-shared-icon-secondary{font-size:20px;color:var(--text-body)}.hiring-shared-icon-white{font-size:20px;color:var(--bg-primary)}.hiring-shared-empty-state-frame{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:19px;width:100%;min-height:350px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;text-align:center}.hiring-shared-empty-state-frame.with-image{gap:0px}.hiring-shared-empty-state-icon{display:flex;justify-content:center;align-items:center;width:128px;height:128px;background:var(--bg-brand-light);border-radius:50%;flex:none;order:0;flex-grow:0}.hiring-shared-icon-large{font-size:64px;color:var(--text-brand)}.hiring-shared-empty-state-image-container{height:250px;width:auto;margin-bottom:24px}.hiring-shared-empty-state-img{width:100%;height:100%;object-fit:contain}.hiring-shared-empty-state-frame .hiring-shared-btn-large{margin-top:16px}.hiring-shared-empty-state-title{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:26px;color:var(--text-label);margin:0}.hiring-shared-empty-state-description{max-width:448px;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:var(--text-label);margin:0}.hiring-shared-table-container{width:100%;max-width:100%;border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;flex:1}.employee-payroll-table .payroll-shared-table-header-scroll{position:sticky!important;top:0!important;z-index:20!important;background-color:var(--bg-secondary)!important;border-top-left-radius:10px;border-top-right-radius:10px}.hiring-shared-table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--text-muted-clr) var(--bg-hover)}.hiring-shared-table-scroll::-webkit-scrollbar{height:8px}.hiring-shared-table-scroll::-webkit-scrollbar-track{background:var(--bg-hover)}.hiring-shared-table-scroll::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.hiring-shared-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.hiring-shared-table th,.payroll-shared-table th{background-color:var(--bg-secondary)!important;padding:12px 24px;text-align:left;font-family:Inter,sans-serif;font-size:14px!important;font-weight:600!important;color:var(--text-heading)!important;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:20;white-space:nowrap;border-top:1px solid var(--border-subtle)}.hiring-shared-table th:first-child,.hiring-shared-table td:first-child{position:sticky;left:0;z-index:15}.hiring-shared-table th:first-child{z-index:30;background:var(--bg-secondary);border-top-left-radius:10px}.hiring-shared-table th:last-child{border-top-right-radius:10px}.hiring-shared-table td{background:var(--bg-primary);padding:16px 24px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading);border-bottom:1px solid var(--border-subtle);vertical-align:middle;white-space:nowrap}.hiring-shared-table tbody tr:last-child td{border-bottom:none}.hiring-shared-pagination{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 24px;height:73px;background:var(--bg-primary);border-top:.666667px solid var(--border-subtle);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hiring-pagination-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.hiring-pagination-info{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);white-space:nowrap}.hiring-pagination-right{display:flex;flex-direction:row;align-items:center;gap:16px}.hiring-pagination-rows-section{display:flex;flex-direction:row;align-items:center;gap:8px}.hiring-pagination-rows-label{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);white-space:nowrap}.hiring-pagination-size-dropdown{position:relative}.hiring-pagination-size-btn{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;width:70px;height:31.33px;background:var(--bg-primary);border:.666667px solid var(--border-main);border-radius:10px;cursor:pointer;transition:border-color .2s ease}.hiring-pagination-size-btn:hover{border-color:var(--text-muted-clr)}.hiring-pagination-size-value{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:19px;color:var(--text-secondary-clr)}.hiring-pagination-size-chevron{font-size:18px;color:var(--border-main);transition:transform .2s ease}.hiring-pagination-size-options{position:absolute;bottom:calc(100% + 4px);left:0;width:70px;background:var(--bg-primary);border:.666667px solid var(--border-main);border-radius:10px;box-shadow:0 4px 12px var(--shadow-sm);z-index:50;overflow:hidden}.hiring-pagination-size-option{padding:8px 12px;font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-label);cursor:pointer;transition:background .15s ease}.hiring-pagination-size-option:hover{background:var(--bg-hover)}.hiring-pagination-size-option.active{background:var(--bg-brand-light);color:var(--text-brand);font-weight:500}.hiring-pagination-nav{display:flex;flex-direction:row;align-items:center;gap:4px}.hiring-pagination-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-main);border-radius:8px;cursor:pointer;padding:0;transition:all .2s ease}.hiring-pagination-nav-btn:hover:not(:disabled){background:var(--bg-brand-light);border-color:var(--text-brand)}.hiring-pagination-nav-btn .material-icons{font-size:20px;color:var(--text-label);transition:color .2s ease}.hiring-pagination-nav-btn:hover:not(:disabled) .material-icons{color:var(--text-brand)}.hiring-pagination-nav-btn:disabled{background:var(--bg-secondary);border-color:var(--border-subtle);opacity:.6;cursor:not-allowed}.hiring-pagination-nav-btn:disabled .material-icons{color:var(--border-main)}.hiring-pagination-page-btn{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border:none;border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;text-align:center;cursor:default;padding:0}.hiring-pagination-page-btn.active{background:var(--text-brand);color:var(--bg-primary)}.hiring-pagination-page-info{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);white-space:nowrap}.hiring-shared-status-badge{box-sizing:border-box;padding:4px 12px;border-radius:9999px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.hiring-shared-status-badge.open{background:var(--bg-success-light);border:.67px solid var(--bg-success-light);color:var(--text-success)}.hiring-shared-status-badge.closed{background:var(--bg-hover);color:var(--text-body)}.hiring-shared-status-badge.on-hold{background:var(--bg-warning-light);color:var(--text-warning)}.hiring-shared-status-badge.actively-hiring{background:var(--bg-brand-light);color:var(--text-brand-hover)}.hiring-shared-actions-cell{padding:0!important}.hiring-actions-flex-wrapper{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:16px 24px;box-sizing:border-box}.hiring-shared-icon-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.hiring-shared-icon-btn:hover{background-color:var(--bg-hover)}.drawer-interview-history{display:flex;flex-direction:column;gap:12px;padding:20px;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;box-sizing:border-box}.drawer-interview-history-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0 0 12px}.drawer-interview-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:8px;background:var(--bg-secondary);border-radius:10px;width:100%;box-sizing:border-box}.drawer-interview-header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:8px}.drawer-interview-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.drawer-interview-round-name{font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.drawer-interview-interviewer{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.drawer-interview-status-badge{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:16px;height:26px}.drawer-interview-status-badge.completed{background:var(--bg-success-light);border:1px solid var(--bg-success-light);color:var(--text-success)}.drawer-interview-status-badge.scheduled{background:var(--bg-brand-light);border:1px solid var(--border-info);color:var(--text-info)}.drawer-interview-date-row{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%}.drawer-interview-date-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.drawer-interview-date-icon{font-size:14px;color:var(--text-secondary-clr);margin-right:4px}.drawer-interview-feedback{box-sizing:border-box;width:100%;padding:12px 0 16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:row;align-items:flex-start;gap:4px;font-family:Inter,sans-serif;font-style:normal;font-size:14px;line-height:20px;color:var(--text-body)}.drawer-interview-feedback-label{font-weight:500;color:var(--text-body);white-space:nowrap}.drawer-interview-feedback-text{font-weight:400;color:var(--text-body)}.Toastify__toast-container{z-index:999999!important}.tsm-header-flex-wrapper{display:flex;align-items:center;gap:8px;width:100%}.tsm-entries-head-text{white-space:nowrap}.tsm-entries-sort-icon{display:inline-flex;align-items:center;color:var(--text-muted-clr)}.tsm-entries-sort-icon .active{color:var(--text-brand)}.tsm-entries-sortable{cursor:pointer;transition:background-color .2s}.tsm-entries-sortable:hover{background-color:var(--bg-hover)!important}.payroll-shared-table-container{width:100%;max-width:100%;border-radius:12px;display:flex;flex-direction:column}.payroll-table-dual-wrapper{display:block;width:100%}.payroll-shared-table-header-scroll{overflow-x:hidden;overflow-y:scroll;position:sticky;top:0;z-index:20;background:#f8fafc;border-bottom:1.5px solid #E5E7EB;scrollbar-gutter:stable!important;scrollbar-width:thin;scrollbar-color:transparent transparent}.payroll-shared-table-scroll{width:100%;overflow-x:auto;overflow-y:auto;scrollbar-gutter:stable!important;scrollbar-width:thin;scrollbar-color:#D0D5DD #F9FAFB}.payroll-shared-table-header-scroll::-webkit-scrollbar,.payroll-shared-table-scroll::-webkit-scrollbar{width:8px;height:8px}.payroll-shared-table-header-scroll::-webkit-scrollbar-track,.payroll-shared-table-scroll::-webkit-scrollbar-track{background:#f9fafb}.payroll-shared-table-scroll::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:10px}.payroll-shared-table-header-scroll::-webkit-scrollbar-thumb{background:transparent}.payroll-shared-table{width:100%;min-width:1000px;border-collapse:collapse;border-spacing:0;table-layout:fixed}.payroll-shared-table.auto-layout{min-width:100%;border-bottom:none}.payroll-shared-table th{background-color:#f8f9fa!important;color:#342d42!important;font-weight:600!important;font-size:14px!important;padding:16px 24px;text-align:left;font-family:Inter,sans-serif;line-height:16px;letter-spacing:.6px;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid #EAECF0;vertical-align:middle}.payroll-shared-table.auto-layout thead th{position:sticky;top:0;z-index:20;background:#f8fafc}.payroll-shared-table-header th{border-bottom:none}.payroll-shared-table td{background:#fff;padding:16px 24px;font-family:Inter,sans-serif;font-size:14px;color:#475467;border-bottom:1px solid #EAECF0;vertical-align:middle;box-sizing:border-box;white-space:normal;word-break:break-word}.payroll-shared-table tbody tr{transition:none!important}.payroll-shared-table tbody tr td{border-bottom:1px solid #EAECF0;transition:none!important}.payroll-shared-table .text-right{text-align:right!important}.payroll-shared-table .text-center{text-align:center!important}.payroll-shared-table .text-left{text-align:left!important}.payroll-shared-pagination{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;height:72px;background:transparent;border-top:1.5px solid #E5E7EB}.payroll-pagination-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.payroll-pagination-info{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#667085;white-space:nowrap}.payroll-pagination-right{display:flex;flex-direction:row;align-items:center;gap:16px}.payroll-pagination-rows-section{display:flex;flex-direction:row;align-items:center;gap:8px}.payroll-pagination-rows-label{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#667085;white-space:nowrap}.payroll-pagination-size-dropdown{position:relative}.payroll-pagination-size-btn{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10px;gap:8px;min-width:64px;height:32px;background:#fff;border:1px solid #D0D5DD;border-radius:8px;cursor:pointer;transition:all .2s}.payroll-pagination-size-btn:hover{border-color:#2d6aee}.payroll-pagination-size-value{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#344054}.payroll-pagination-size-chevron{font-size:18px;color:#667085;transition:transform .2s ease}.payroll-pagination-size-options{position:absolute;bottom:calc(100% + 4px);left:0;width:64px;background:#fff;border:1px solid #D0D5DD;border-radius:8px;box-shadow:0 4px 12px #10182814;z-index:50;overflow:hidden}.payroll-pagination-size-option{padding:8px 10px;font-family:Inter,sans-serif;font-size:14px;color:#344054;cursor:pointer;transition:background .15s}.payroll-pagination-size-option:hover{background:#f9fafb}.payroll-pagination-size-option.active{background:#f0f7ff;color:#2d6aee;font-weight:600}.payroll-pagination-nav{display:flex;flex-direction:row;align-items:center;gap:6px}.payroll-pagination-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #D0D5DD;border-radius:8px;cursor:pointer;padding:0;transition:all .2s}.payroll-pagination-nav-btn:hover:not(:disabled){background:#f9fafb;border-color:#2d6aee}.payroll-pagination-nav-btn .material-icons{font-size:20px;color:#667085}.payroll-pagination-nav-btn:hover:not(:disabled) .material-icons{color:#2d6aee}.payroll-pagination-nav-btn:disabled{background:#fdfdfd;border-color:#eaecf0;opacity:.5;cursor:not-allowed}.payroll-pagination-page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid #2D6AEE;background:#f0f7ff;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#2d6aee;cursor:default;padding:0}.payroll-pagination-page-info{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#667085;white-space:nowrap}.tsm-entries-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.tsm-entries-sortable:hover{background-color:#f0f0f0!important}.tsm-entries-head-text{display:inline-block}.tsm-entries-sort-icon{display:inline-flex;align-items:center;color:#99a1af;vertical-align:middle;margin-left:8px;transition:color .2s ease}.tsm-entries-sortable:hover .tsm-entries-sort-icon{color:#1868db}.payroll-empty-state-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;width:100%}.payroll-empty-state-image-container{margin-bottom:24px;width:100%;display:flex;justify-content:center}.payroll-empty-state-img{height:250px;width:auto;object-fit:contain}.payroll-empty-state-title{font-family:var(--font-primary);font-weight:var(--fw-bold);font-size:18px;color:var(--text-label);margin:0 0 8px}.payroll-empty-state-description{font-size:var(--fs-md);color:var(--text-secondary-clr);max-width:350px;margin:0 0 16px;line-height:1.5}.payroll-empty-state-icon-box{width:64px;height:64px;background-color:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.payroll-empty-state-icon{font-size:32px!important;color:var(--text-muted-clr)}.payroll-empty-state-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--text-brand);color:#fff;border:none;border-radius:8px;font-weight:var(--fw-medium);cursor:pointer;transition:background .2s;margin-top:16px}.payroll-empty-state-action-btn:hover{background-color:var(--text-brand-hover)}.add-candidate-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:200010;display:flex;align-items:center;justify-content:center;padding:24px}.add-candidate-modal-content{width:100%;height:100%;background:var(--bg-secondary);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;animation:addCandidateSlideIn .25s ease-out}@keyframes addCandidateSlideIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.add-candidate-header{display:flex;flex-direction:column;padding:0 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.add-candidate-header-top{display:flex;justify-content:space-between;align-items:center;padding:24px 0 0}.add-candidate-header-info{display:flex;flex-direction:column;gap:4px}.add-candidate-header-info h1{font-family:Inter,sans-serif;font-weight:600;font-size:24px;line-height:32px;color:var(--text-heading);margin:0}.add-candidate-header-info p{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--text-label);margin:0}.add-candidate-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary-clr);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.add-candidate-close-btn:hover{background:var(--bg-hover);color:var(--text-heading)}.add-candidate-close-btn .material-icons{font-size:24px}.add-candidate-tabs{display:flex;gap:4px;padding-top:24px}.add-candidate-tab{display:flex;align-items:center;gap:8px;padding:13px 24px;cursor:pointer;border:none;background:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:var(--text-label);border-bottom:2px solid transparent;transition:all .15s ease}.add-candidate-tab .material-icons{font-size:20px}.add-candidate-tab.active{color:var(--text-brand);border-bottom-color:var(--text-brand)}.add-candidate-tab.disabled{opacity:.5;cursor:not-allowed}.add-candidate-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:32px 24px;scrollbar-width:thin;scrollbar-color:var(--text-muted-clr) var(--bg-hover)}.add-candidate-body::-webkit-scrollbar{width:8px}.add-candidate-body::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:4px}.add-candidate-body::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:4px;border:2px solid var(--bg-hover)}.add-candidate-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)}.add-candidate-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-danger-light);border:1px solid var(--border-danger);border-radius:10px;color:var(--text-danger);font-family:Inter,sans-serif;font-size:14px;width:100%;max-width:960px;box-sizing:border-box;margin-bottom:16px}.add-candidate-error .material-icons{font-size:20px;flex-shrink:0}.add-candidate-upload-card{box-sizing:border-box;display:flex;flex-direction:column;padding:32px;gap:24px;width:100%;max-width:960px;background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 3px var(--shadow-md),0 1px 2px -1px var(--shadow-md);border-radius:14px}.add-candidate-field{display:flex;flex-direction:column;gap:12px;width:100%}.add-candidate-field-label{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading)}.add-candidate-dropdown-wrapper{position:relative;width:100%}.add-candidate-dropdown{box-sizing:border-box;width:100%;height:60px;padding:0 48px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:14px;font-family:Inter,sans-serif;font-size:15px;color:var(--text-heading);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color .15s ease}.add-candidate-dropdown:focus{outline:none;border-color:var(--text-brand)}.add-candidate-dropdown-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted-clr);pointer-events:none;display:flex;align-items:center}.add-candidate-dropdown-icon .material-icons{font-size:22px}.add-candidate-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted-clr);pointer-events:none;display:flex;align-items:center}.add-candidate-dropdown-arrow .material-icons{font-size:28px}.add-candidate-upload-area{box-sizing:border-box;width:100%;min-height:360px;background:var(--bg-secondary);border:2px dashed var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;padding:40px 20px}.add-candidate-upload-area:hover:not(.disabled){border-color:var(--text-brand);background:var(--bg-brand-light)}.add-candidate-upload-area.drag-hover{border-color:var(--text-brand);background:var(--bg-brand-light)}.add-candidate-upload-area.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.add-candidate-upload-icon .material-icons{font-size:64px;color:var(--border-subtle)}.add-candidate-upload-text{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:28px;text-align:center;color:var(--text-muted-clr)}.add-candidate-upload-formats{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;text-align:center;color:var(--text-secondary-clr);margin-top:8px}.add-candidate-upload-warning{font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:16px;text-align:center;color:var(--text-warning);margin-top:4px}.add-candidate-selected-file{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-brand-light);border:1px solid var(--text-brand);border-radius:10px;width:100%;box-sizing:border-box;margin-top:16px}.add-candidate-selected-file-info{display:flex;align-items:center;gap:8px;color:var(--text-brand);font-family:Inter,sans-serif;font-size:14px;font-weight:500}.add-candidate-selected-file-info .material-icons{font-size:20px}.add-candidate-remove-file{background:none;border:none;cursor:pointer;color:var(--text-secondary-clr);padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.add-candidate-remove-file:hover{background:var(--bg-danger-light);color:var(--text-danger)}.add-candidate-remove-file .material-icons{font-size:18px}.add-candidate-footer{display:flex;justify-content:flex-end;padding:16px 24px;background:var(--bg-primary);border-top:1px solid var(--border-subtle);flex-shrink:0}.add-candidate-footer-actions{display:flex;gap:12px}.add-candidate-cancel-btn{padding:10px 24px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--text-label);cursor:pointer;transition:all .15s ease}.add-candidate-cancel-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted-clr)}.add-candidate-analyze-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--text-brand);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--bg-primary);cursor:pointer;transition:all .15s ease}.add-candidate-analyze-btn:hover:not(:disabled){background:var(--text-brand-hover)}.add-candidate-analyze-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-brand-light)}.add-candidate-analyze-btn .material-icons{font-size:18px}.add-candidate-browse-btn{padding:11px 24px;background:var(--border-subtle);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--text-muted-clr);cursor:pointer;transition:all .15s ease}.add-candidate-browse-btn:hover{background:var(--border-subtle);color:var(--text-label)}.add-candidate-browse-btn.file-selected{background:var(--bg-brand-light);color:var(--text-brand);border:1px solid var(--text-brand)}.add-candidate-browse-btn.file-selected:hover{background:var(--bg-brand-light)}.add-candidate-spinner{width:20px;height:20px;border:2px solid var(--bg-brand-light);border-top-color:var(--bg-primary);border-radius:50%;animation:addCandidateSpin .6s linear infinite}@keyframes addCandidateSpin{to{transform:rotate(360deg)}}.add-candidate-body.analysis-active{padding:0;align-items:stretch;background:var(--bg-primary)}.add-candidate-analysis-wrapper{display:flex;flex-direction:column;width:100%}.add-candidate-drawer-header{background:var(--bg-primary);padding:32px 32px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:flex-start}.add-candidate-drawer-profile{display:flex;align-items:center;gap:20px}.add-candidate-drawer-avatar{width:72px;height:72px;background:linear-gradient(135deg,var(--text-brand),var(--text-brand));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-size:28px;font-weight:600}.add-candidate-drawer-info{display:flex;flex-direction:column;gap:4px}.add-candidate-drawer-name{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:var(--text-heading);margin:0}.add-candidate-drawer-pos{font-family:Inter,sans-serif;font-size:16px;color:var(--text-secondary-clr);margin:0}.add-candidate-drawer-score{display:flex;flex-direction:column;align-items:center;gap:8px}.add-candidate-score-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.score-circle-inner{width:52px;height:52px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px var(--shadow-xs)}.add-candidate-score-circle .score-value{font-size:16px;font-weight:700;color:var(--text-brand);font-family:Inter,sans-serif}.add-candidate-drawer-score .score-label{font-size:10px;font-weight:600;color:var(--text-secondary-clr);text-transform:uppercase}.add-candidate-drawer-content{padding:32px;display:flex;flex-direction:column;gap:32px}.add-candidate-drawer-section{display:flex;flex-direction:column;gap:12px}.add-candidate-drawer-section-bordered{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px}.add-candidate-drawer-title{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:var(--text-heading);margin:0}.add-candidate-drawer-contact{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:8px}.add-candidate-drawer-detail{display:flex;align-items:center;gap:8px}.add-candidate-drawer-text{font-family:Inter,sans-serif;font-size:14px;color:var(--text-body)}.add-candidate-drawer-summary-text{font-family:Inter,sans-serif;font-size:14px;line-height:1.6;color:var(--text-label);margin:0}.add-candidate-drawer-skills-group{display:flex;flex-direction:column;gap:12px}.add-candidate-drawer-skills-header{display:flex;align-items:center;gap:8px}.add-candidate-drawer-skills-label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--text-heading)}.add-candidate-drawer-skills-tags{display:flex;flex-wrap:wrap;gap:8px}.add-candidate-drawer-skill-tag{padding:6px 14px;border-radius:1000px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.add-candidate-drawer-exp-list,.add-candidate-drawer-edu-list,.add-candidate-drawer-project-list{display:flex;flex-direction:column;gap:16px}.add-candidate-drawer-exp-item,.add-candidate-drawer-edu-item,.add-candidate-drawer-project-item{background:var(--bg-secondary);border-radius:10px;padding:16px}.add-candidate-drawer-exp-header,.add-candidate-drawer-edu-item,.add-candidate-drawer-project-header{display:flex;gap:16px}.drawer-icon-blue,.drawer-icon-purple{color:var(--text-brand);font-size:20px!important}.drawer-icon-success{color:var(--text-success);font-size:20px!important}.add-candidate-drawer-exp-info,.add-candidate-drawer-edu-info,.add-candidate-drawer-project-info{display:flex;flex-direction:column;gap:2px}.add-candidate-drawer-exp-title,.add-candidate-drawer-edu-degree,.add-candidate-drawer-project-name{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:var(--text-heading);margin:0}.add-candidate-drawer-exp-company,.add-candidate-drawer-edu-institution{font-family:Inter,sans-serif;font-size:14px;color:var(--text-label);margin:0}.add-candidate-drawer-exp-dates,.add-candidate-drawer-edu-dates,.add-candidate-drawer-project-date{font-family:Inter,sans-serif;font-size:12px;color:var(--text-secondary-clr);margin:0}.add-candidate-drawer-exp-desc,.add-candidate-drawer-project-desc{margin:12px 0 0 36px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;color:var(--text-label)}.add-candidate-drawer-project-desc ul{margin:8px 0 0;padding-left:18px}.add-candidate-drawer-project-desc li{margin-bottom:4px}.add-candidate-drawer-cert-list{display:flex;flex-direction:column;gap:12px}.add-candidate-drawer-cert-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:10px}.add-candidate-drawer-cert-text{font-family:Inter,sans-serif;font-size:14px;color:var(--text-body);margin:0}.add-candidate-drawer-links-list{display:flex;flex-direction:column;gap:12px}.add-candidate-drawer-link-item{display:flex;align-items:center;gap:12px}.add-candidate-drawer-link-text{font-family:Inter,sans-serif;font-size:14px;color:var(--text-brand);text-decoration:none;font-weight:500}.add-candidate-drawer-link-text:hover{text-decoration:underline}.resume-filter-panel{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:12px;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:24px}.resume-filter-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:20px}.resume-filter-title-group{display:flex;flex-direction:row;align-items:center;gap:8px}.resume-filter-icon{font-size:16px!important;color:var(--text-secondary-clr)}.resume-filter-title{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-heading)}.resume-filter-badge{display:flex;align-items:center;justify-content:center;padding:0;width:20px;height:20px;background:var(--text-brand);border-radius:50%;font-family:Inter,sans-serif;font-weight:600;font-size:11px;color:var(--bg-primary)}.resume-filter-clear-btn{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-brand);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.resume-clear-icon{font-size:16px!important}.resume-filter-clear-btn:hover{opacity:.8}.resume-filter-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.resume-filter-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:180px}.resume-filter-label{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:var(--text-body)}.resume-filter-input-wrapper{position:relative;width:100%}.resume-filter-input,.resume-filter-select{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 16px;width:100%;height:45px;border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading);background:var(--bg-primary);outline:none}.resume-filter-input::placeholder{color:var(--text-muted-clr)}.resume-filter-select{appearance:none;cursor:pointer;padding-right:40px}.resume-filter-select-icon,.resume-filter-date-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-heading);font-size:20px!important;pointer-events:none}.resume-filter-date{padding-right:40px;appearance:none;-moz-appearance:none}.resume-filter-date::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;top:0;width:100%;height:100%;cursor:pointer}.resume-filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;height:40px;color:var(--text-body);font-family:Inter,sans-serif;font-weight:500;font-size:14px}.resume-filter-toggle-btn .material-icons{font-size:18px}.resume-filter-toggle-btn.active{background:var(--bg-primary);border-color:var(--text-brand);color:var(--text-brand)}.resume-filter-toggle-badge{display:flex;align-items:center;justify-content:center;background:var(--text-brand);color:var(--bg-primary);border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:600;margin-left:4px}.resume-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:2px 4px}.resume-header-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:12px;margin-top:-1px}.resume-filter-chip{display:flex;align-items:center;padding:2px 10px;background:var(--text-brand);border-radius:100px;font-family:Inter,sans-serif;font-size:11px;color:var(--bg-primary);gap:4px;border:none;height:22px}.resume-filter-chip-label{font-weight:600;color:var(--bg-primary)}.resume-filter-chip-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--bg-primary);border-radius:50%;transition:all .2s;opacity:.8}.resume-filter-chip-remove:hover{background:var(--bg-brand-light);opacity:1}.resume-filter-clear-all-btn{background:none;border:none;color:var(--text-brand);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px}.resume-filter-clear-all-btn:hover{background:var(--bg-hover);text-decoration:underline}.resume-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;padding:0}.resume-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:2px;width:100%;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;transition:box-shadow .2s ease,border-color .2s ease;cursor:pointer;position:relative;overflow:hidden}.resume-card:hover{border-color:var(--text-brand);box-shadow:0 4px 12px var(--bg-brand-light)}.resume-card-hovered{border-color:var(--text-brand)}.resume-card-selected{border-color:var(--text-brand);background-color:var(--bg-brand-light)}.resume-card-checkbox-wrapper{position:absolute;top:12px;left:12px;z-index:20;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:scale(.8)}.resume-card-checkbox-wrapper.visible{opacity:1;transform:scale(1)}.resume-card-checkbox{width:20px;height:20px;border:2px solid var(--border-subtle);border-radius:4px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.resume-card-checkbox.checked{background-color:var(--text-brand);border-color:var(--text-brand)}.resume-card-checkbox .material-icons{font-size:16px!important;color:var(--bg-primary)}.resume-card-checkbox:hover{border-color:var(--text-brand)}.resume-card-hover-overlay{position:absolute;inset:0;background-color:var(--bg-overlay);display:flex;flex-direction:column;justify-content:flex-end;padding:15px;opacity:0;transition:opacity .3s ease;animation:fadeIn .3s forwards;border-radius:8px;z-index:10}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}.resume-card-hover-actions{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.resume-card-hover-buttons{display:flex;justify-content:center;align-items:center;gap:10px}.resume-card-hover-stats{display:flex;justify-content:center;align-items:center;color:var(--bg-primary);font-size:13px;font-weight:500}.resume-card-action-btn-pill{color:var(--bg-primary);border:none;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;transform:scale(.9);animation:scaleIn .3s forwards;box-shadow:0 2px 5px var(--shadow-lg);white-space:nowrap}.resume-card-action-btn-pill:hover{transform:scale(1.05);box-shadow:0 4px 8px var(--shadow-xl)}.resume-card-action-btn-pill .material-icons{font-size:16px}.resume-card-action-view-pill{background-color:var(--text-brand)}.resume-card-action-view-pill:hover{background-color:var(--text-brand-hover)}.resume-card-action-delete-pill,.resume-card-action-delete-pill:hover{background-color:var(--text-danger)}.resume-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px;width:100%;height:80px;box-sizing:border-box;background:linear-gradient(90deg,var(--bg-brand-light) 0%,var(--bg-brand-light) 100%);border-radius:8px 8px 0 0}.resume-card-profile{display:flex;flex-direction:row;align-items:center;gap:12px}.resume-card-avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:48px;height:48px;background:var(--bg-primary);border-radius:50%;flex-shrink:0}.resume-card-avatar span{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:28px;color:var(--text-body)}.resume-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:0px}.resume-card-name{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:27px;color:var(--text-heading);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:180px}.resume-card-position{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-body);margin:0}.resume-card-score{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 12px;min-width:50px;height:32px;background:var(--bg-success-light);border-radius:1000px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;flex-shrink:0}.resume-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;width:100%;box-sizing:border-box;flex-grow:1}.resume-card-details{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.resume-card-detail-item{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;height:20px}.resume-card-icon{font-size:16px!important;width:16px;height:16px;color:var(--text-secondary-clr);flex-shrink:0}.resume-card-icon-success{font-size:16px!important;width:16px;height:16px;color:var(--text-success);flex-shrink:0}.resume-card-detail-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-body)}.resume-card-status{display:flex;justify-content:flex-start;width:100%;padding:4px 0 0}.resume-status-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:6px 16px;height:33px;border-radius:1000px;border:1px solid;font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;box-sizing:border-box}.resume-status-badge .material-icons{font-size:14px!important}.resume-card-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px}.resume-card-view-count{display:flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:13px;color:var(--text-muted-clr)}.resume-card-view-count .material-icons{font-size:16px!important;color:var(--text-muted-clr)}.resume-pagination{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;margin-top:16px;border-top:1px solid var(--border-subtle)}.resume-pagination-info{display:flex;align-items:center;gap:16px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-secondary-clr)}.resume-pagination-actions{display:flex;gap:8px}.resume-pagination-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.resume-pagination-button:hover:not(:disabled){border-color:var(--text-brand);color:var(--text-brand)}.resume-pagination-button:disabled{opacity:.5;cursor:not-allowed}.resume-pagination-button .material-icons{font-size:18px!important;color:inherit}.resume-loading{display:flex;justify-content:center;align-items:center;width:100%;padding:60px 0;font-family:Inter,sans-serif;font-size:16px;color:var(--text-secondary-clr)}.resume-error{display:flex;justify-content:center;align-items:center;width:100%;padding:60px 0;font-family:Inter,sans-serif;font-size:16px;color:var(--text-danger)}@media(max-width:768px){.resume-cards-grid{grid-template-columns:1fr}.resume-filter-grid{flex-direction:column}.resume-filter-item{width:100%;min-width:unset}.resume-pagination{flex-direction:column;gap:12px}.resume-pagination-info{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.resume-card-header{flex-direction:column;height:auto;gap:12px;padding-bottom:16px}.resume-card-score{align-self:flex-start}.resume-card-name{font-size:16px}.resume-card-position{font-size:13px}}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);z-index:99999;animation:fadeIn .2s ease}.resume-detail-drawer{position:fixed;top:0;right:0;width:800px;max-width:100vw;height:100vh;background:var(--bg-primary);box-shadow:-10px 0 15px -3px var(--shadow-md),-4px 0 6px -4px var(--shadow-md);border-radius:10px 0 0 10px;z-index:100000;display:flex;flex-direction:column;animation:slideIn .3s ease;overflow:hidden}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:16px;background:linear-gradient(90deg,var(--bg-brand-light) 0%,var(--bg-brand-light) 100%);border-radius:10px 0 0;flex-shrink:0}.drawer-header-content{display:flex;justify-content:space-between;align-items:flex-start}.drawer-profile{display:flex;align-items:center;gap:12px}.drawer-avatar{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:var(--bg-primary);border-radius:50%}.drawer-avatar span{font-family:Inter,sans-serif;font-weight:600;font-size:20px;color:var(--text-body)}.drawer-profile-info{display:flex;flex-direction:column}.drawer-name{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:var(--text-heading);margin:0}.drawer-position{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-body);margin:0}.drawer-header-right{display:flex;align-items:flex-start;gap:16px}.drawer-status-selection{display:flex;flex-direction:column;gap:8px}.drawer-status-label{font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:var(--text-label);line-height:16px}.drawer-score-pill{margin-top:24px;display:flex;justify-content:center;align-items:center;padding:0 12px;height:32px;background:var(--bg-success-light);border-radius:1000px;font-family:Inter,sans-serif;font-weight:600;font-size:16px}.drawer-header-close-btn{margin-top:5px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--text-muted-clr)}.drawer-header-close-btn:hover{color:var(--text-label)}.drawer-header-close-btn .material-icons{font-size:20px!important}.drawer-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:0}.drawer-body{overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:var(--border-subtle) var(--bg-hover)}.drawer-body::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important}.drawer-body::-webkit-scrollbar-track{background:var(--bg-hover)!important;border-radius:4px}.drawer-body::-webkit-scrollbar-thumb{background:var(--text-muted-clr)!important;border-radius:4px;border:2px solid var(--bg-hover)!important}.drawer-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)!important}.drawer-section{display:flex;flex-direction:column;gap:8px}.drawer-section-bordered{padding:20px;border:1px solid var(--border-subtle);border-radius:10px}.drawer-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:var(--text-heading);margin:0}.drawer-contact{padding-top:0;gap:8px}.drawer-detail-item{display:flex;align-items:center;gap:8px}.drawer-icon{font-size:16px!important;color:var(--text-secondary-clr)}.drawer-icon-success{font-size:16px!important;color:var(--text-success)}.drawer-icon-gray{font-size:18px!important;color:var(--text-muted-clr)}.drawer-icon-blue,.drawer-icon-purple{font-size:18px!important;color:var(--text-brand)}.drawer-detail-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-body)}.drawer-summary-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-body);margin:0}.drawer-skills-group{display:flex;flex-direction:column;gap:8px}.drawer-skills-header{display:flex;align-items:center;gap:8px}.drawer-skills-label{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-body)}.drawer-skills-tags{display:flex;flex-wrap:wrap;gap:8px}.drawer-skill-tag{padding:4px 12px;border-radius:1000px;font-family:Inter,sans-serif;font-weight:500;font-size:12px}.drawer-skill-matched{background:var(--bg-success-light);border:1px solid var(--border-success);color:var(--text-success)}.drawer-skill-not-matched{background:var(--bg-hover);color:var(--text-label)}.drawer-experience-list{display:flex;flex-direction:column;gap:12px}.drawer-experience-item{padding:12px;background:var(--bg-secondary);border-radius:10px}.drawer-exp-header{display:flex;gap:12px}.drawer-exp-info{display:flex;flex-direction:column}.drawer-exp-title{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-heading);margin:0}.drawer-exp-company{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-label);margin:0}.drawer-exp-dates{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--text-secondary-clr);margin:0}.drawer-exp-description{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-body);margin:8px 0 0 30px}.drawer-education-list{display:flex;flex-direction:column;gap:8px}.drawer-education-item{display:flex;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:10px}.drawer-edu-info{display:flex;flex-direction:column}.drawer-edu-degree{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-heading);margin:0}.drawer-edu-institution{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-label);margin:0}.drawer-edu-dates{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--text-secondary-clr);margin:0}.drawer-cert-list{display:flex;flex-direction:column;gap:4px}.drawer-cert-item{display:flex;align-items:center;gap:8px}.drawer-cert-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-body)}.drawer-links-list{display:flex;flex-direction:column;gap:4px}.drawer-link-item{display:flex;align-items:center;gap:8px;text-decoration:none}.drawer-link-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-brand)}.drawer-resume-header{display:flex;justify-content:space-between;align-items:center}.drawer-download-link{display:flex;align-items:center;gap:4px;text-decoration:none;font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-brand)}.drawer-download-link .material-icons{font-size:16px!important}.drawer-resume-preview{display:flex;justify-content:center;align-items:center;padding:40px 0;margin-top:12px}.drawer-preview-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-secondary-clr)}.drawer-footer{display:flex;gap:12px;padding:16px;border-top:1px solid var(--border-subtle);flex-shrink:0}.drawer-btn{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 0;border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:all .2s ease}.drawer-btn .material-icons{font-size:20px!important}.drawer-btn-reject{background:transparent;border:1px solid var(--text-danger);color:var(--text-danger)}.drawer-btn-reject:hover{background:var(--bg-danger-light)}.drawer-btn-rejected{background:var(--bg-danger-light);border:1px solid var(--text-danger);color:var(--text-danger);cursor:not-allowed;opacity:.8}.drawer-btn-shortlist{background:transparent;border:1px solid var(--text-brand);color:var(--text-brand)}.drawer-btn-shortlist:hover{background:var(--bg-brand-light)}.drawer-btn-shortlisted{background:var(--bg-success-light);border:1px solid var(--text-success);color:var(--text-success);cursor:not-allowed;opacity:.9}.drawer-btn-reconsider{background:var(--bg-warning-light);border:1px solid var(--border-warning);color:var(--text-warning);cursor:not-allowed;opacity:.9}.drawer-btn-schedule{background:var(--text-brand);border:1px solid var(--text-brand);color:var(--bg-primary)}.drawer-btn-schedule:hover{background:var(--text-brand-hover)}@media(max-width:900px){.resume-detail-drawer{width:100%;border-radius:0}}@media(max-width:600px){.drawer-footer{flex-direction:column}.drawer-btn{width:100%}.drawer-header-content{flex-direction:column;gap:12px}.drawer-header-actions{align-self:flex-end}}.process-dialog-backdrop{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;background-color:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:2147483647!important;animation:fadeIn .2s ease}.process-confirmation-dialog{background:var(--bg-primary);padding:0;border-radius:8px;width:400px;max-width:90vw;box-shadow:0 4px 6px -1px var(--shadow-md),0 2px 4px -1px var(--shadow-xs);overflow:hidden;animation:scaleIn .2s ease}.process-confirmation-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-secondary)}.process-confirmation-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-heading)}.process-confirmation-body{padding:20px}.process-confirmation-body p{margin:0;color:var(--text-label);font-size:14px;line-height:1.5}.process-confirmation-footer{padding:16px 20px;background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background-color:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-body);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-danger{background-color:var(--text-danger);border:1px solid var(--text-danger);color:var(--bg-primary);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background-color:var(--text-danger);border-color:var(--text-danger)}.drawer-btn-select{background:transparent;border:1px solid var(--text-brand);color:var(--text-brand);font-family:Inter;font-weight:500}.drawer-btn-select:hover{background:var(--bg-brand-light)}.drawer-btn-selected{background:var(--bg-success-light);border:1px solid var(--text-success);color:var(--text-success);cursor:not-allowed;opacity:.9}.drawer-btn-scheduled-badge{background:var(--bg-brand-light);border:1px solid var(--text-brand);color:var(--text-brand);cursor:not-allowed;opacity:.9}.drawer-btn-onhold{background:var(--bg-warning-light);border:1px solid var(--border-warning);color:var(--text-warning);cursor:not-allowed;opacity:.9}.ctp-container{position:relative;width:100%}.ctp-input{position:relative;width:100%;height:40px;min-height:40px;max-height:40px;cursor:pointer;border-radius:8px;background-color:#fff;border:1px solid #D1D5DB;box-shadow:0 1px 2px #1018280d;transition:all .2s ease;display:flex;align-items:center;box-sizing:border-box}.ctp-input.ctp-disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.ctp-input-field{width:100%;height:40px;min-height:40px;max-height:40px;padding:8px 14px;border:none;background:transparent;font-size:14px;color:#101828;cursor:pointer;outline:none;line-height:24px;display:flex;align-items:center;box-sizing:border-box;font-family:Inter,sans-serif}.ctp-input-field:disabled{cursor:not-allowed}.ctp-input-field::placeholder{color:#667085}.ctp-input-adornment{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.ctp-picker-wrapper{position:absolute;top:calc(100% + 8px);left:0;z-index:99999;background:#fff;border-radius:6px;box-shadow:0 4px 20px #00000026;min-width:240px;max-width:260px;width:100%}.ctp-picker-wrapper-fixed{position:fixed}.ctp-picker-wrapper-above{top:auto;bottom:calc(100% + 8px)}.ctp-picker{position:relative;width:100%;background:#fff;border-radius:6px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.ctp-picker-right{left:auto;right:0}.ctp-time-display-container{display:flex;justify-content:flex-start;align-items:center}.ctp-ampm-container{display:flex;justify-content:flex-end;align-items:center}.ctp-clock{display:flex;justify-content:center}.ctp-clock-face{position:relative;width:160px;height:160px;border-radius:50%;background-color:#f8f9fa;border:1px solid #e5e7eb}.ctp-number{position:absolute;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#333;cursor:pointer;border-radius:50%;transition:all .15s ease;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;background-color:transparent}.ctp-number:hover{background-color:#e3f2fd;color:#1868db}.ctp-number.ctp-selected{background-color:#1868db;color:#fff;font-weight:600;box-shadow:0 2px 4px #1868db4d}.ctp-hour-number{opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}.ctp-minute-number{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.ctp-clock-face.selecting-minutes .ctp-hour-number{opacity:0;visibility:hidden}.ctp-clock-face.selecting-minutes .ctp-minute-number{opacity:1;visibility:visible}.ctp-time-display{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#333;background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;min-width:80px}.ctp-time-part{padding:2px 6px;border-radius:3px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;background-color:transparent}.ctp-time-part:hover{background-color:#e3f2fd;color:#1868db}.ctp-time-part.ctp-active{background-color:#1868db;color:#fff}.ctp-time-separator{margin:0 2px;color:#666}.ctp-ampm-toggle{display:flex;gap:4px;justify-content:center;background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px;padding:3px}.ctp-ampm-button{width:26px;height:26px;border:1px solid #ddd;background-color:#fff;color:#333;border-radius:50%;cursor:pointer;font-size:10px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;outline:none}.ctp-ampm-button:hover{border-color:#1868db;background-color:#e3f2fd;color:#1868db}.ctp-ampm-button.ctp-selected{background-color:#1868db;color:#fff;border-color:#1868db;box-shadow:0 2px 4px #1868db4d}.ctp-ampm-button.ctp-selected:hover{background-color:#0f4c75;color:#fff;border-color:#0f4c75}.ctp-clock-hand{position:absolute;top:50%;left:50%;width:0;height:0;transform-origin:center center;z-index:4;transition:transform .05s linear;pointer-events:none}.ctp-hand-line{position:absolute;top:50%;left:50%;width:2.5px;height:55px;background:#1868db;transform-origin:bottom center;transform:translate(-50%,-100%);box-shadow:0 1px 3px #1868db66;border-radius:2px 2px 0 0}.ctp-hand-line:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#1868db;border-radius:50%;z-index:1}.ctp-hour-hand .ctp-hand-line{height:43px;width:2.5px}.ctp-minute-hand .ctp-hand-line{height:43px;width:2px}.ctp-clock-center{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#1868db;border-radius:50%;transform:translate(-50%,-50%);z-index:6;border:2px solid #fff;box-shadow:0 0 4px #1868db66}.ctp-ok-container{display:flex;justify-content:flex-end;align-items:center;margin-top:6px}.ctp-ok-button{background-color:#1868db;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:50px}.ctp-ok-button:hover{background-color:#0f4c75;transform:translateY(-1px);box-shadow:0 2px 4px #1868db4d}.ctp-clock-face.selecting-minutes{cursor:pointer;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){.ctp-picker-wrapper{min-width:220px;max-width:240px;margin:0 auto}.ctp-picker{padding:10px;gap:8px}.ctp-clock-face{width:140px;height:140px}.ctp-number{width:22px;height:22px;font-size:11px}.ctp-time-display{font-size:13px;min-width:70px;padding:4px 8px}.ctp-ampm-button{width:22px;height:22px;font-size:9px}.ctp-ok-button{padding:4px 10px;font-size:11px;min-width:45px}}@media screen and (max-width:480px){.ctp-picker-wrapper{min-width:200px;max-width:220px}.ctp-picker{padding:8px;gap:6px}.ctp-clock-face{width:120px;height:120px}.ctp-number{width:20px;height:20px;font-size:10px}.ctp-time-display{font-size:12px;min-width:60px;padding:3px 6px}.ctp-ampm-button{width:20px;height:20px;font-size:8px}.ctp-ok-button{padding:3px 8px;font-size:10px;min-width:40px}}.ctp-picker-wrapper{animation:ctp-slideIn .2s ease-out}.ctp-picker-wrapper-above{animation:ctp-slideInAbove .2s ease-out}@keyframes ctp-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ctp-slideInAbove{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-contrast:high){.ctp-number.ctp-selected{background-color:#000;color:#fff}.ctp-ampm-button.ctp-selected{background-color:#000;color:#fff;border-color:#000}}.ctp-time-ampm-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hiring-schedule-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:200000!important;padding:24px;box-sizing:border-box}.hiring-schedule-container{background:var(--bg-primary);box-shadow:0 20px 25px -5px var(--shadow-md),0 8px 10px -6px var(--shadow-md);border-radius:10px;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.schedule-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:80px;border-bottom:.67px solid var(--border-subtle);flex-shrink:0;position:relative;z-index:1}.schedule-modal-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:28px;color:var(--text-heading)}.schedule-modal-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary-clr);padding:4px;display:flex;align-items:center;justify-content:center}.schedule-modal-body{padding:24px;gap:16px;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-heading) var(--bg-hover);position:relative;z-index:5}.schedule-modal-body::-webkit-scrollbar{width:8px}.schedule-modal-body::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:4px}.schedule-modal-body::-webkit-scrollbar-thumb{background:var(--text-heading);border-radius:4px;border:2px solid var(--bg-hover)}.schedule-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)}.schedule-candidate-section{display:flex;flex-direction:column;gap:4px;width:100%}.schedule-section-label{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label)}.candidate-name-input{width:100%}.schedule-candidate-name{font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.schedule-row{display:flex;gap:16px;width:100%}.schedule-field-group{display:flex;flex-direction:column;gap:4px;flex:1}.schedule-input-label{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.schedule-input{box-sizing:border-box;height:41.33px;border:.67px solid var(--border-subtle);border-radius:10px;padding:8px 12px;font-family:Inter,sans-serif;font-size:14px;width:100%;outline:none;background-color:var(--bg-primary)}.schedule-input:focus{border-color:var(--text-brand)}.required-star{color:var(--text-danger);margin-left:2px}.field-error-msg{color:var(--text-danger);font-size:12px;font-family:Inter,sans-serif;margin-top:2px}.schedule-input.error{border-color:var(--text-danger)}.schedule-modal-footer{height:90px;border-top:.67px solid var(--border-subtle);display:flex;justify-content:flex-end;align-items:center;padding:0 24px;gap:12px;flex-shrink:0}.schedule-btn-cancel,.schedule-btn-secondary{height:41.33px;min-width:140px;border:.67px solid var(--border-subtle);border-radius:10px;background:var(--bg-primary);color:var(--text-body);font-family:Inter,sans-serif;font-weight:500;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.schedule-btn-submit{height:41.33px;min-width:188px;background:var(--text-brand);border:none;border-radius:10px;color:var(--bg-primary);font-family:Inter,sans-serif;font-weight:500;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.schedule-time-picker-wrapper{border:.67px solid var(--border-subtle);border-radius:10px;background-color:var(--bg-primary);width:100%;height:41.33px;display:flex;align-items:center;box-sizing:border-box}.schedule-time-picker-wrapper .ctp-container{width:100%;height:100%;border:none!important}.schedule-time-picker-wrapper .ctp-input{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;height:100%!important;width:100%!important}.schedule-time-picker-wrapper .ctp-input input,.schedule-time-picker-wrapper .ctp-input-field{background:transparent!important;border:none!important;outline:none!important;height:100%!important}.interview-searchable-dropdown{position:relative;width:100%}.interview-searchable-dropdown-trigger{box-sizing:border-box;height:41.33px;border:.67px solid var(--border-subtle);border-radius:10px;padding:8px 12px;background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading)}.interview-searchable-dropdown-trigger .placeholder{color:var(--text-muted-clr)}.selected-counts{color:var(--text-heading);background:var(--bg-hover);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.interview-searchable-dropdown-trigger.error{border-color:var(--text-danger)}.interview-searchable-dropdown-menu{position:absolute;top:100%;left:0;width:100%;max-height:250px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;z-index:1000;overflow-y:auto;box-shadow:0 4px 6px var(--shadow-md);margin-top:4px}.interview-searchable-dropdown-search{padding:8px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-primary);z-index:1}.interview-searchable-dropdown-input{width:100%;padding:6px;border:1px solid var(--border-subtle);border-radius:4px;box-sizing:border-box;font-size:14px}.interview-searchable-dropdown-option{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-body)}.interview-searchable-dropdown-option:hover,.interview-searchable-dropdown-option.selected{background:var(--bg-hover);color:var(--text-heading)}.interview-searchable-dropdown-option.multi{padding:10px 12px}.multi-select-checkbox{width:18px;height:18px;border:1.5px solid var(--border-subtle);border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);transition:all .2s;flex-shrink:0}.multi-select-checkbox.checked{background:var(--text-brand);border-color:var(--text-brand);color:var(--bg-primary)}.interview-searchable-dropdown-no-options{padding:12px;text-align:center;color:var(--text-secondary-clr);font-size:14px}.hiring-schedule-container .interview-summary{padding:1.5rem;margin-bottom:1rem;box-shadow:none;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-secondary)}.hiring-schedule-container .interview-summary h3{color:var(--text-heading);margin-bottom:1rem;font-size:1.1rem;font-weight:600;border-bottom:none;padding-bottom:0;margin-top:0}.hiring-schedule-container .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:768px){.hiring-schedule-container .summary-grid{grid-template-columns:1fr}}.hiring-schedule-container .summary-grid .summary-item{background:var(--bg-primary);border-radius:4px;display:flex;align-items:center;border:1px solid var(--border-subtle);padding:.7rem 1rem;min-height:40px;box-shadow:none;margin-bottom:0}.hiring-schedule-container .summary-grid .summary-label{font-weight:700;color:var(--text-heading);margin-right:.5rem;min-width:90px;font-size:14px}.hiring-schedule-container .summary-grid .summary-value{font-weight:400;color:var(--text-heading);font-size:14px;word-break:break-word}.email-preview-notice{display:flex;align-items:center;gap:8px;margin-top:1.5rem;padding:12px;background:var(--bg-brand-light);border-radius:6px;color:var(--text-brand);font-size:.9rem;font-family:Inter,sans-serif}.email-preview-notice i{font-size:20px}.schedule-btn-spinner{width:16px;height:16px;border:2px solid var(--bg-brand-light);border-top-color:var(--bg-primary);border-radius:50%;animation:schedule-spin .6s linear infinite;margin-right:8px;flex-shrink:0}@keyframes schedule-spin{to{transform:rotate(360deg)}}.schedule-btn-submit:disabled{opacity:.7;cursor:not-allowed}.schedule-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.feedback-backdrop{background:var(--bg-overlay);position:fixed;top:0;left:0;width:100%;height:100%;z-index:200000!important;display:flex;justify-content:center;align-items:center;padding:24px}.feedback-container{background:var(--bg-primary);box-shadow:0 25px 50px -12px var(--shadow-xl);border-radius:10px;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.feedback-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(90deg,var(--bg-brand-light) 0%,var(--bg-brand-light) 100%);border-bottom:.67px solid var(--border-subtle);flex-shrink:0}.feedback-title-group{display:flex;flex-direction:column;gap:2px}.feedback-title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:28px;color:var(--text-heading);margin:0}.feedback-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.feedback-close-btn{background:none;border:none;cursor:pointer;color:var(--text-label);padding:8px;display:flex;align-items:center;justify-content:center}.feedback-body{padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-muted-clr) var(--bg-hover);display:flex;flex-direction:column;gap:24px;flex-grow:1}.feedback-section-container{background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:16px}.feedback-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);display:flex;align-items:center;gap:8px;margin:0}.feedback-section-title .material-icons{font-size:20px;color:var(--text-brand)}.candidate-info-grid{display:flex;flex-wrap:wrap;gap:16px}.info-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px}.info-label{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.info-value{font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.interview-details-container{background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:16px}.rating-result-bar{background:var(--bg-brand-light);border:.67px solid var(--border-info);border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center}.overall-rating-group{display:flex;align-items:center;gap:12px}.rating-label{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-label)}.stars-display{display:flex;gap:2px;color:var(--text-warning)}.rating-score{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:var(--text-heading);margin-left:8px}.result-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;font-size:16px}.result-badge.passed{background:var(--bg-success-light);border:.67px solid var(--border-success);color:var(--text-success)}.result-badge.failed{background:var(--bg-danger-light);border:.67px solid var(--border-danger);color:var(--text-danger)}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-item{background:var(--bg-secondary);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-heading)}.skill-rating{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--text-body)}.feedback-text-container{background:var(--bg-secondary);border-radius:10px;padding:16px}.feedback-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:23px;color:var(--text-body);white-space:pre-wrap;margin:0}.feedback-footer{padding:24px;background:var(--bg-secondary);border-top:.67px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.close-action-btn{background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:10px;padding:8px 16px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.feedback-body::-webkit-scrollbar{width:8px}.feedback-body::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:4px}.feedback-body::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:4px;border:2px solid var(--bg-hover)}.feedback-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)}.resume-detail-drawer .drawer-resume-preview{margin-top:0!important;padding:0!important;background:transparent!important;border:none!important}.resume-detail-drawer .drawer-section-bordered{background:transparent!important;border:1px solid var(--border-subtle);margin-top:16px;padding:20px;border-radius:8px}.resume-detail-drawer .drawer-resume-preview .docx-wrapper,.resume-detail-drawer .drawer-resume-preview .docx-preview-wrapper{padding:0!important;margin:0!important;background:transparent!important;display:flex;flex-direction:column;gap:0!important}.resume-detail-drawer .drawer-resume-preview .docx-wrapper>section.docx,.resume-detail-drawer .drawer-resume-preview .docx-preview-wrapper>section.docx,.docx-preview-wrapper>section.docx-preview{min-height:auto!important;height:auto!important;width:100%!important;margin-bottom:0!important;padding:0!important;box-shadow:none!important;border:none!important;background:transparent!important}.resume-detail-drawer .drawer-resume-preview .docx-wrapper>section.docx:last-child,.resume-detail-drawer .drawer-resume-preview .docx-preview-wrapper>section.docx:last-child{border-bottom:none}.docx-loader{text-align:center;margin-top:40px;color:var(--text-muted-clr)}.docx-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted-clr)}.docx-error-icon{font-size:48px;color:var(--text-danger);margin-bottom:16px}.docx-error-text{font-weight:500}.docx-error-subtext{font-size:12px;margin-top:4px}.docx-error-debug{font-size:10px;color:var(--text-muted-clr);margin-top:8px}.pipeline-candidate-wrapper{display:flex;align-items:center;gap:12px}.pipeline-avatar{width:32px;height:32px;background:var(--text-brand);border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--bg-primary);flex-shrink:0}.pipeline-candidate-name{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-heading)}.pipeline-role{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-heading)}.pipeline-progress-wrapper{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:100%}.pipeline-progress-icon{display:flex;align-items:center;justify-content:center}.pipeline-progress-icon .material-icons{font-size:16px}.pipeline-icon-green{color:var(--text-success)}.pipeline-icon-blue{color:var(--text-brand)}.pipeline-icon-gray{color:var(--text-muted-clr)}.pipeline-progress-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--text-secondary-clr);margin-left:4px}.pipeline-status-badge{display:inline-flex;justify-content:center;align-items:center;padding:4px 12px;border-radius:9999px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:16px;white-space:nowrap;min-width:110px;flex-shrink:0}.badge-scheduled{background:var(--bg-brand-light);border:1px solid var(--border-brand);color:var(--text-brand)}.badge-shortlisted,.badge-inprogress{background:var(--bg-brand-light);border:1px solid var(--border-info);color:var(--text-brand)}.badge-onhold,.badge-reconsider{background:var(--bg-warning-light);border:1px solid var(--border-warning);color:var(--text-warning)}.badge-selected{background:var(--bg-success-light);border:1px solid var(--border-success);color:var(--text-success)}.badge-rejected{background:var(--bg-danger-light);border:1px solid var(--border-danger);color:var(--text-danger)}.badge-default{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-body)}.pipeline-action-btn{background:none;border:none;cursor:pointer;color:var(--text-label);padding:4px;border-radius:4px;transition:background .2s;display:flex;align-items:center;justify-content:center;margin:0 auto}.pipeline-action-btn:hover{background:var(--bg-hover)}.confirm-selection-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:200005!important;padding:24px;box-sizing:border-box;margin:0}.confirm-selection-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:100%;background:var(--bg-primary);box-shadow:0 4px 20px var(--shadow-lg);border-radius:12px;overflow-y:auto;position:relative;max-width:none}.confirm-selection-header{display:flex;flex-direction:column;padding:24px 24px 16px;width:100%;box-sizing:border-box;background:var(--bg-primary)!important;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.confirm-selection-header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.confirm-selection-title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:28px;color:var(--text-heading);margin:0}.confirm-selection-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary-clr);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%}.confirm-selection-close-btn:hover{background-color:var(--bg-hover)}.confirm-selection-candidate-info{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--text-heading);display:flex;gap:8px;align-items:center;margin-bottom:4px}.confirm-selection-candidate-info span{color:var(--text-muted-clr)}.confirm-selection-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.confirm-selection-body{display:flex;flex-direction:column;padding:24px;width:100%;box-sizing:border-box;gap:24px;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-muted-clr) var(--bg-hover)}.confirm-selection-body::-webkit-scrollbar{width:8px}.confirm-selection-body::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:4px}.confirm-selection-body::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:4px;border:2px solid var(--bg-hover)}.confirm-selection-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)}.confirm-selection-error-message{color:var(--text-danger);font-size:14px;margin-bottom:10px}.confirm-selection-row{display:flex;flex-direction:row;gap:24px;width:100%}.confirm-selection-form-group{display:flex;flex-direction:column;gap:8px;width:100%}.confirm-selection-form-label{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-body)}.confirm-selection-required-star{color:var(--text-danger);margin-left:2px}.confirm-selection-input-container{position:relative;width:100%;height:48px}.confirm-selection-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--text-secondary-clr);pointer-events:none;z-index:1}.confirm-selection-input{width:100%;height:100%;padding:10px 16px 10px 48px;border:1px solid var(--border-main);border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:16px;color:var(--text-heading);outline:none;background:var(--bg-primary);transition:border-color .2s,box-shadow .2s}.confirm-selection-input:focus{border-color:var(--text-brand);box-shadow:0 0 0 4px var(--bg-brand-light)}.confirm-selection-input::placeholder{color:var(--text-secondary-clr)}.confirm-selection-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;cursor:pointer}.confirm-selection-radio-group{display:flex;flex-direction:row;gap:32px;margin-top:8px;align-items:center}.confirm-selection-radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.confirm-selection-radio-option input[type=radio]{width:18px;height:18px;accent-color:var(--text-brand);cursor:pointer;margin:0}.confirm-selection-radio-label{font-family:Inter,sans-serif;font-size:16px;color:var(--text-body);font-weight:500}.confirm-selection-footer{display:flex;justify-content:flex-end;gap:16px;padding:24px;border-top:1px solid var(--border-subtle);background:var(--bg-primary);flex-shrink:0;width:100%;box-sizing:border-box}.confirm-selection-btn-cancel{padding:10px 18px;background:var(--bg-primary);border:1px solid var(--border-main);border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--text-body);cursor:pointer}.confirm-selection-btn-cancel:hover{background:var(--bg-secondary)}.confirm-selection-btn-confirm{padding:10px 18px;background:var(--text-brand);border:1px solid var(--text-brand);border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--bg-primary);cursor:pointer}.confirm-selection-btn-confirm:hover{background:var(--text-brand-hover);border-color:var(--text-brand-hover)}.interviews-page-layout{display:flex;flex-direction:row;gap:24px;height:calc(100vh - 140px);width:100%;box-sizing:border-box;font-family:Inter,sans-serif}@media(max-width:1024px){.interviews-page-layout{flex-direction:column;height:auto}.interviews-list-panel{width:100%;max-height:400px}.interviews-detail-panel{width:100%}}.interviews-list-panel{width:360px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;height:100%}.interviews-list-panel,.detail-scrollable-content{scrollbar-width:thin;scrollbar-color:var(--text-muted-clr) var(--bg-hover)}.interviews-list-panel::-webkit-scrollbar,.detail-scrollable-content::-webkit-scrollbar{width:6px;display:block!important}.interviews-list-panel::-webkit-scrollbar-thumb,.detail-scrollable-content::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.interviews-list-panel::-webkit-scrollbar-thumb:hover,.detail-scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--text-label)}.interviews-list-panel::-webkit-scrollbar-track,.detail-scrollable-content::-webkit-scrollbar-track{background:var(--bg-hover)}.loading-spinner-container{display:flex;justify-content:center;padding:20px}.spinner{border:3px solid var(--bg-secondary);border-top:3px solid var(--text-brand);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}.no-data-message{text-align:center;padding:20px;color:var(--text-secondary-clr);font-size:14px}.interview-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:12px;position:relative;box-shadow:0 1px 2px var(--shadow-xs)}.interview-card:hover{border-color:var(--border-subtle);box-shadow:0 4px 6px -2px var(--shadow-xs)}.interview-card.active{background:var(--bg-brand-light);border:.666667px solid var(--text-brand);box-shadow:0 1px 3px var(--shadow-md),0 1px 2px -1px var(--shadow-md);border-radius:10px;padding:17px;gap:10px}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:12px}.card-name{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-role{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-label);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-meta{display:flex;align-items:center;gap:16px;margin-top:4px}.card-meta-item{display:flex;align-items:center;gap:6px;font-weight:500;font-size:12px;line-height:16px;color:var(--text-label)}.card-meta-icon{font-size:14px!important;color:var(--text-muted-clr)}.status-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:500;line-height:18px;flex-shrink:0;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;vertical-align:middle}.interview-card.active .status-badge.scheduled{background:var(--bg-brand-light);border:.666667px solid var(--border-info);border-radius:22px;color:var(--text-brand);font-weight:500;font-size:12px;line-height:16px;padding:4px 12px;mix-blend-mode:normal}.status-badge.scheduled{background:var(--bg-brand-light);color:var(--text-brand);border:.666667px solid var(--border-info);border-radius:22px}.status-badge.pending{background:var(--bg-warning-light);color:var(--text-warning)}.status-badge.passed{background:var(--bg-success-light);color:var(--text-success)}.status-badge.rejected{background:var(--bg-danger-light);color:var(--text-danger)}.status-badge.shortlisted{background:var(--bg-brand-light);color:var(--text-brand)}.status-badge.reconsider{background:var(--bg-warning-light);color:var(--text-warning);border:1px solid var(--border-warning)}.interviews-detail-panel{flex-grow:1;background:var(--bg-primary);border:.666667px solid var(--border-subtle);box-shadow:0 1px 3px var(--shadow-md);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.detail-content-wrapper{display:flex;flex-direction:column;padding:0;gap:0;height:100%;overflow:hidden}.detail-scrollable-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:32px}.detail-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:var(--bg-primary)}.interviews-empty-container{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 0 0 .0001px;width:710.67px;height:500px;background:var(--bg-primary);border-radius:10px;margin:auto;max-width:100%;max-height:100%}.interviews-empty-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;width:448px;height:292px}.interviews-empty-icon-wrapper{display:flex;flex-direction:column;align-items:center;padding:0 128px;width:448px;height:192px;box-sizing:border-box}.interviews-empty-icon{width:192px;height:192px;position:relative;flex:none;order:0;flex-grow:0}.empty-icon-vector-1{position:absolute;inset:20% 25%;background:var(--bg-brand-light);border:1.92px solid var(--text-brand);border-radius:12px;box-sizing:border-box}.empty-icon-vector-2{position:absolute;inset:20% 25% 65%;background:var(--text-brand);border-top-left-radius:10px;border-top-right-radius:10px}.empty-icon-vector-3{position:absolute;inset:15.5% 63% 80.5% 33%;background:var(--text-muted-clr);border-radius:4px}.empty-icon-vector-4{position:absolute;inset:15.5% 33% 80.5% 63%;background:var(--text-muted-clr);border-radius:4px}.empty-icon-line-1{position:absolute;inset:42.5% 57.5% 57.5% 32.5%;border:1.92px solid var(--text-muted-clr);border-radius:2px}.empty-icon-line-2{position:absolute;inset:42.5% 42.5% 57.5% 47.5%;border:1.92px solid var(--text-muted-clr);border-radius:2px}.empty-icon-line-3{position:absolute;inset:42.5% 32.5% 57.5% 62.5%;border:1.92px solid var(--text-muted-clr);border-radius:2px}.empty-icon-line-4{position:absolute;inset:52.5% 57.5% 47.5% 32.5%;border:1.92px solid var(--text-muted-clr);border-radius:2px}.empty-icon-line-5{position:absolute;inset:52.5% 42.5% 47.5% 47.5%;border:1.92px solid var(--text-muted-clr);border-radius:2px}.empty-icon-line-6{position:absolute;inset:52.5% 32.5% 47.5% 62.5%;border:1.92px solid var(--text-muted-clr);border-radius:2px}.empty-icon-check-bg{position:absolute;inset:58.5% 41% 23.5%;background:var(--text-success);opacity:.9;border-radius:50%;z-index:2;display:flex;justify-content:center;align-items:center}.empty-icon-check-mark{color:var(--bg-primary);font-size:20px;font-weight:700}.interviews-empty-text-container{width:448px;display:flex;flex-direction:column;align-items:center;gap:16px}.interviews-empty-title{font-family:Inter;font-style:normal;font-weight:600;font-size:20px;line-height:28px;text-align:center;color:var(--text-heading);margin:0;width:100%}.interviews-empty-description{font-family:Inter;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:var(--text-label);margin:0;width:100%}.detail-header-section{display:flex;justify-content:space-between;align-items:flex-start}.detail-header-info h2{font-family:Inter;font-style:normal;font-weight:600;font-size:20px;line-height:28px;color:var(--text-heading);margin:0}.detail-header-info p{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.large-badge{padding:4px 12px;font-size:14px;flex-shrink:0;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interview-progress-section{display:flex;flex-direction:column;gap:16px}.progress-title{font-weight:600;font-size:14px;color:var(--text-heading);margin:0}.timeline-container{display:flex;flex-direction:column;gap:16px}.progress-card{display:flex;flex-direction:row;align-items:flex-start;padding:16px;gap:16px;border-radius:10px;border:.666667px solid}.progress-card.passed-card{background:var(--bg-success-light);border-color:var(--text-success)}.progress-card.scheduled-card{background:var(--bg-brand-light);border-color:var(--border-info)}.progress-card-left{flex-shrink:0;padding-top:2px}.round-number-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--bg-primary);border:2px solid var(--shadow-md)}.passed-circle{color:var(--text-success)}.scheduled-circle{color:var(--text-brand)}.progress-card-content{flex-grow:1;display:flex;flex-direction:column;gap:8px;width:100%}.progress-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.round-title{font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passed-text{color:var(--text-success)}.scheduled-text{color:var(--text-brand)}.round-status{font-family:Inter;font-style:normal;font-weight:500;font-size:12px;line-height:16px;text-align:right;flex-shrink:0;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passed-status{color:var(--text-success)}.scheduled-status{color:var(--text-brand)}.progress-card-sub{display:flex;justify-content:space-between;align-items:center;width:100%}.interviewer-name{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.progress-card.passed-card .interviewer-name{color:var(--text-success);opacity:.8}.progress-card.scheduled-card .interviewer-name{color:var(--text-brand);opacity:.8}.round-date{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.progress-card.passed-card .round-date{color:var(--text-success);opacity:.8}.progress-card.scheduled-card .round-date{color:var(--text-brand);opacity:.8}.feedback-box{margin-top:8px;padding-top:8px;border-top:.666667px solid var(--border-subtle);font-size:14px;color:var(--text-body);display:flex;flex-direction:row;align-items:flex-start;gap:4px}.feedback-label{font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:24px;column-gap:48px;margin-top:8px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{display:flex;align-items:center;gap:8px;font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-label)}.detail-icon{font-size:18px!important;color:var(--text-label)}.detail-value{font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:var(--text-heading);padding-left:26px}.detail-actions-footer{border-top:1px solid var(--border-subtle);padding-top:24px;margin-top:auto}.actions-title{font-weight:500;font-size:14px;color:var(--text-body);margin-bottom:12px}.actions-buttons{display:flex;gap:12px}.btn-reschedule{background:var(--bg-primary);border:1px solid var(--border-main);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;padding:10px 16px;font-weight:600;color:var(--text-body);cursor:pointer;flex:0}.btn-cancel{background:var(--bg-primary);border:1px solid var(--border-danger);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;padding:10px 16px;font-weight:600;color:var(--text-danger);cursor:pointer;flex:0}.detail-footer-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;border-top:1px solid var(--border-subtle);background:var(--bg-primary);flex-shrink:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.detail-action-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:8px;border-radius:8px;font-weight:500;cursor:pointer;font-size:14px;border:none;outline:none;transition:all .2s}.btn-select{background:var(--bg-primary);border:1px solid var(--text-brand);color:var(--text-brand)}.btn-select:hover{background:var(--bg-brand-light)}.btn-primary{background:var(--bg-primary);border:.666667px solid var(--border-subtle);color:var(--text-body);box-shadow:none}.btn-primary:hover{background:var(--bg-secondary)}.btn-reject{background:var(--bg-primary);border:1px solid var(--text-danger);color:var(--text-danger)}.btn-reject:hover{background:var(--bg-danger-light)}.status-badge-selected-large{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-success-light);color:var(--text-success);font-weight:600;border-radius:100px;border:1px solid var(--text-success);font-size:14px;box-shadow:none;max-width:250px}.status-badge-selected-large .badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.offers-table-wrapper{width:100%;overflow-x:auto;padding-bottom:8px}.offers-table-wrapper .hiring-shared-table{min-width:1340px}.offers-table-wrapper .hiring-shared-table-container{overflow:visible;width:fit-content;min-width:100%}.offers-table-wrapper .hiring-shared-table td,.offers-table-wrapper .hiring-shared-table th{white-space:nowrap;text-transform:none}.offers-section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;margin-bottom:0}.offers-table-wrapper .hiring-shared-table th:first-child,.offers-table-wrapper .hiring-shared-table td:first-child{position:sticky;left:0;z-index:20;background-color:var(--bg-secondary)}.offers-table-wrapper .hiring-shared-table th:first-child{z-index:40}.offers-table-wrapper .hiring-shared-table td:first-child{background-color:var(--bg-primary)}.offers-table-wrapper .hiring-shared-table th:last-child,.offers-table-wrapper .hiring-shared-table td:last-child{position:sticky;right:0;z-index:20;background-color:var(--bg-secondary)}.offers-table-wrapper .hiring-shared-table th:last-child{z-index:40}.offers-table-wrapper .hiring-shared-table td:last-child{background-color:var(--bg-primary)}.selected-action-btns{display:flex;justify-content:center;gap:12px}.selected-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-label);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.selected-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-brand)}.selected-icon-btn .material-icons{font-size:20px}.offers-section-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.offers-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:28px;color:var(--text-heading);margin:0}.offers-section-description{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.offers-selected-badge{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 16px;gap:8px;height:37px;background:var(--bg-success-light);border:.67px solid var(--bg-success-light);border-radius:10px}.offers-selected-badge .material-icons{font-size:20px;color:var(--text-success)}.offers-selected-badge span:last-child{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:var(--text-success)}.offers-candidate-cell{display:flex;flex-direction:row;align-items:center;gap:12px}.offers-candidate-avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;background:var(--text-success);box-shadow:0 1px 3px var(--shadow-md),0 1px 2px -1px var(--shadow-md);border-radius:50%;font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--bg-primary)}.offers-candidate-info{display:flex;flex-direction:column;align-items:flex-start}.offers-candidate-name{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.offers-candidate-id{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.offers-contact-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.offers-contact-item{display:flex;flex-direction:row;align-items:center;gap:6px}.offers-contact-item .material-icons{font-size:14px;color:var(--text-label)}.offers-contact-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-label)}.offers-employment-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--bg-brand-light);border-radius:4px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-brand)}.offers-salary{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading)}.offers-date{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-heading)}.offers-status-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;background:var(--bg-success-light);border:.67px solid var(--bg-success-light);border-radius:9999px;font-family:Inter,sans-serif;font-weight:600;font-size:12px;line-height:16px;color:var(--text-success);white-space:nowrap}.offers-status-badge.pending{background:var(--bg-warning-light);border-color:var(--bg-warning-light);color:var(--text-warning)}.offers-status-badge.confirmed{background:var(--bg-success-light);border-color:var(--bg-success-light);color:var(--text-success)}.offers-status-badge.declined{background:var(--bg-danger-light);border-color:var(--bg-danger-light);color:var(--text-danger)}.offers-view-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.offers-view-btn:hover{background:var(--bg-hover)}.offers-view-btn .material-icons{font-size:18px;color:var(--text-label)}.offers-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.offers-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 24px -4px var(--shadow-sm),0 8px 8px -4px var(--shadow-xs);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.offers-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.offers-modal-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:28px;color:var(--text-heading);margin:0}.offers-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer}.offers-modal-close:hover{background:var(--bg-hover)}.offers-modal-close .material-icons{font-size:20px;color:var(--text-secondary-clr)}.offers-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.offers-form-group{display:flex;flex-direction:column;gap:6px}.offers-form-label{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.offers-form-input,.offers-form-select{box-sizing:border-box;width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-main);border-radius:8px;font-family:Inter,sans-serif;font-size:16px;line-height:24px;color:var(--text-heading);outline:none;transition:border-color .2s ease}.offers-form-input:focus,.offers-form-select:focus{border-color:var(--text-brand);box-shadow:0 0 0 4px var(--bg-brand-light)}.offers-form-input::placeholder{color:var(--text-secondary-clr)}.offers-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.offers-modal-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;border-top:1px solid var(--border-subtle)}.offers-btn-cancel{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 18px;background:var(--bg-primary);border:1px solid var(--border-main);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--text-body);cursor:pointer}.offers-btn-cancel:hover{background:var(--bg-secondary)}.offers-btn-submit{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 18px;background:var(--text-brand);border:1px solid var(--text-brand);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--bg-primary);cursor:pointer}.offers-btn-submit:hover{background:var(--text-brand-hover)}.offers-btn-submit:disabled{background:var(--bg-brand-light);border-color:var(--bg-brand-light);cursor:not-allowed}.offers-loading{display:flex;justify-content:center;align-items:center;padding:40px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-secondary-clr)}.offers-error{display:flex;justify-content:center;align-items:center;padding:40px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-danger)}@media(max-width:1024px){.offers-section-header{flex-direction:column;align-items:flex-start;gap:16px}.hiring-shared-table{display:block;overflow-x:auto}.offers-form-row{grid-template-columns:1fr}}@media(max-width:768px){.offers-modal{margin:16px;max-width:calc(100% - 32px)}.offers-modal-body{padding:16px}.offers-modal-footer{flex-direction:column;gap:8px}.offers-btn-cancel,.offers-btn-submit{width:100%}}.offers-table-role{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.selected-detail-backdrop{background:var(--bg-overlay);position:fixed;top:0;left:0;width:100%;height:100%;z-index:200000;display:flex;justify-content:center;align-items:center;padding:24px}.selected-detail-container{background:var(--bg-primary);box-shadow:0 25px 50px -12px var(--shadow-xl);border-radius:14px;width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:Inter,sans-serif}.selected-detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px;height:90px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.selected-detail-header-left{display:flex;align-items:center;gap:12px}.selected-detail-back-btn{background:none;border:none;cursor:pointer;color:var(--text-label);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:10px}.selected-detail-title{font-family:Inter;font-weight:600;font-size:24px;line-height:32px;color:var(--text-heading);margin:0}.selected-detail-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary-clr);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:10px}.selected-detail-body{padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-muted-clr) var(--bg-hover);display:flex;flex-direction:column;gap:24px;flex-grow:1}.selected-detail-summary-card{background:linear-gradient(135deg,var(--bg-brand-light) 0%,var(--bg-primary) 100%);border:.67px solid var(--bg-brand-light);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:24px}.selected-detail-profile-row{display:flex;justify-content:space-between;align-items:flex-start}.selected-detail-profile-info{display:flex;align-items:center;gap:16px}.selected-detail-avatar{width:64px;height:64px;background:var(--text-brand);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--bg-primary)}.selected-detail-avatar .material-icons{font-size:32px}.selected-detail-name-box{display:flex;flex-direction:column;gap:4px}.selected-detail-name{font-weight:600;font-size:20px;line-height:28px;color:var(--text-heading);margin:0}.selected-detail-position{font-weight:400;font-size:16px;line-height:24px;color:var(--text-label);display:flex;align-items:center;gap:6px}.selected-detail-status-pill{background:var(--bg-success-light);border:.67px solid var(--border-success);border-radius:10px;padding:6px 16px;color:var(--text-success);font-weight:600;font-size:14px;line-height:20px;height:32px;display:flex;align-items:center}.selected-detail-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;margin-top:8px}.selected-detail-contact-item{display:flex;align-items:center;gap:12px}.selected-detail-contact-icon{font-size:20px;color:var(--text-secondary-clr)}.selected-detail-contact-content{display:flex;flex-direction:column}.selected-detail-contact-label{font-size:11px;line-height:14px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary-clr);font-weight:500;margin-bottom:2px}.selected-detail-contact-value{font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.selected-detail-download-btn{width:100%;background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:10px;padding:10px 16px;display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;font-weight:500;font-size:14px;color:var(--text-heading);transition:all .2s ease}.selected-detail-download-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted-clr)}.selected-detail-section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.selected-detail-section-title{font-weight:600;font-size:18px;line-height:28px;color:var(--text-heading);margin:0}.selected-detail-round-count{font-size:14px;color:var(--text-label)}.selected-detail-timeline{display:flex;flex-direction:column;gap:12px}.selected-detail-round-card{background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:10px;padding:16px;display:flex;gap:16px}.selected-detail-round-number-badge{width:40px;height:40px;background:var(--bg-brand-light);border:2px solid var(--border-info);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--text-info);font-weight:600;font-size:16px;flex-shrink:0}.selected-detail-round-content{display:flex;flex-direction:column;gap:8px;flex-grow:1}.selected-detail-round-header{display:flex;align-items:center;gap:8px}.selected-detail-round-name{font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.selected-detail-round-status{background:var(--bg-success-light);border:.67px solid var(--border-success);border-radius:999px;padding:2px 10px;font-weight:500;font-size:12px;color:var(--text-success)}.selected-detail-round-meta{font-size:14px;color:var(--text-label)}.selected-detail-round-rating-row{display:flex;align-items:center;gap:2px}.selected-detail-star{font-size:16px;color:var(--text-warning)}.selected-detail-star.empty{color:var(--border-subtle)}.selected-detail-rating-text{margin-left:6px;font-weight:500;font-size:14px;color:var(--text-body)}.selected-detail-notes-box{background:var(--bg-secondary);border:.67px solid var(--border-subtle);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.selected-detail-notes-label{font-weight:500;font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:var(--text-body)}.selected-detail-notes-text{font-size:14px;line-height:20px;color:var(--text-body)}.selected-detail-view-feedback-btn{background:none;border:none;color:var(--text-brand);cursor:pointer;font-weight:500;font-size:14px;display:flex;align-items:center;gap:4px;width:fit-content;padding:0}.selected-detail-round-check{color:var(--text-success);font-size:28px;flex-shrink:0}.selected-detail-overall-card{background:var(--bg-secondary);border:.67px solid var(--border-subtle);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.selected-detail-overall-title{font-weight:600;font-size:14px;line-height:20px;letter-spacing:.35px;text-transform:uppercase;color:var(--text-heading);margin:0}.selected-detail-metrics-row{display:flex;justify-content:space-around;align-items:center}.selected-detail-metric-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.selected-detail-metric-value{font-weight:700;font-size:24px;line-height:32px;color:var(--text-heading)}.selected-detail-metric-value.passed{color:var(--text-success)}.selected-detail-metric-value.rating{color:var(--text-brand)}.selected-detail-metric-label{font-size:12px;color:var(--text-label)}.selected-detail-footer{padding:24px;background:var(--bg-secondary);border-top:.67px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.selected-detail-footer-right{display:flex;gap:12px}.selected-detail-btn-secondary{padding:10px 18px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.selected-detail-btn-primary{padding:10px 24px;background:var(--text-brand);border:none;border-radius:10px;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer}.selected-detail-body::-webkit-scrollbar{width:8px}.selected-detail-body::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:4px}.selected-detail-body::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:4px;border:2px solid var(--bg-hover)}.selected-detail-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)}.rejected-section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%;margin-bottom:0}.rejected-section-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.rejected-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:28px;color:var(--text-heading);margin:0}.rejected-section-description{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}@media(max-width:1024px){.rejected-section-header{flex-direction:column;align-items:flex-start;gap:16px}}.rejected-table-wrapper{width:100%}.rejected-table-wrapper .hiring-shared-table{min-width:1000px}.rejected-table-wrapper .hiring-shared-table td,.rejected-table-wrapper .hiring-shared-table th{white-space:nowrap;text-transform:none!important}.rejected-candidate-cell{display:flex;align-items:center;gap:12px}.rejected-candidate-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--text-danger) 0%,var(--text-danger) 100%);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px}.rejected-candidate-info{display:flex;flex-direction:column}.rejected-candidate-name{color:var(--text-heading);font-weight:500;font-size:14px}.rejected-candidate-email{color:var(--text-label);font-size:12px}.rejected-table-text{color:var(--text-label);font-size:14px}.text-truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.rejected-stage-badge{display:inline-flex;padding:4px 12px;background:var(--bg-danger-light);border:1px solid var(--border-danger);border-radius:16px;color:var(--text-danger);font-size:12px;font-weight:500}.rejected-action-btns{display:flex;justify-content:center;gap:12px}.rejected-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-label);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.rejected-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-brand)}.rejected-icon-btn.history-btn:hover{color:var(--text-success)}.rejected-icon-btn.loading{cursor:wait;opacity:.7}.spin{animation:rejected-spin 1s linear infinite}@keyframes rejected-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rejected-icon-btn .material-icons{font-size:20px}.rejected-error{padding:24px;color:var(--text-danger);text-align:center;background:var(--bg-danger-light);border-radius:8px;margin-top:24px}.rejected-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-overlay);z-index:99999;animation:fadeIn .2s ease-out}.rejected-drawer-container{position:fixed;top:0;right:0;bottom:0;width:808px;max-width:90vw;height:100vh;background:var(--bg-primary);box-shadow:-4px 0 24px var(--shadow-lg);display:flex;flex-direction:column;z-index:100000;border-radius:10px 0 0 10px;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.rejected-drawer-header{flex-shrink:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;height:80px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);z-index:10}.rejected-header-left{display:flex;flex-direction:row;align-items:center;gap:12px}.rejected-avatar{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:linear-gradient(135deg,var(--text-danger) 0%,var(--text-danger) 100%);border-radius:50%;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:var(--bg-primary)}.rejected-header-info{display:flex;flex-direction:column;align-items:flex-start}.rejected-name{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:28px;color:var(--text-heading);margin:0}.rejected-role{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.rejected-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:transparent;border:none;cursor:pointer;color:var(--text-label);transition:background-color .2s}.rejected-close-btn:hover{background-color:var(--bg-hover)}.rejected-drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;width:100%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--text-heading) var(--bg-hover)}.rejected-drawer-body::-webkit-scrollbar{width:6px}.rejected-drawer-body::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:3px}.rejected-drawer-body::-webkit-scrollbar-thumb{background:var(--text-heading);border-radius:3px}.rejected-drawer-body::-webkit-scrollbar-thumb:hover{background:var(--text-heading)}.rejected-alert-box{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:16px;width:100%;background:var(--bg-danger-light);border:1px solid var(--border-danger);border-radius:10px;position:relative;flex-shrink:0}.rejected-alert-content-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%}.rejected-alert-icon{color:var(--text-danger);margin-top:2px}.rejected-alert-details{display:flex;flex-direction:column;gap:4px;flex:1}.rejected-alert-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:var(--text-danger);margin:0}.rejected-alert-stage,.rejected-alert-reason{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-danger);margin:0}.rejected-alert-date{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--text-danger);margin-top:4px}.rejected-reconsider-btn{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;background:var(--text-success);border-radius:10px;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);transition:background-color .2s;flex-shrink:0}.rejected-reconsider-btn:hover{background:var(--text-success)}.rejected-section-box{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:20px;gap:16px;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0}.rejected-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:var(--text-heading);margin:0}.rejected-contact-grid{display:flex;flex-direction:column;gap:12px;width:100%}.rejected-contact-item{display:flex;align-items:center;gap:12px;width:100%;height:36px}.rejected-contact-icon{color:var(--text-muted-clr);font-size:20px}.rejected-contact-data{display:flex;flex-direction:column}.rejected-contact-label{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--text-secondary-clr);margin:0}.rejected-contact-value{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-heading);margin:0}.rejected-history-list{display:flex;flex-direction:column;gap:16px;width:100%}.rejected-history-item{box-sizing:border-box;display:flex;flex-direction:column;padding:18px;width:100%;background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:10px;gap:4px}.rejected-history-item.failed{background:var(--bg-danger-light);border:2px solid var(--border-danger)}.rejected-history-item-header{display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%}.rejected-history-icon{font-size:20px}.rejected-history-icon.passed{color:var(--text-success)}.rejected-history-icon.failed{color:var(--text-danger)}.rejected-history-content{display:flex;flex-direction:column;flex:1;gap:4px}.rejected-history-top-row{display:flex;justify-content:space-between;align-items:center}.rejected-history-stage{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:var(--text-heading);margin:0}.rejected-status-pill{padding:2px 10px;border-radius:20px;font-family:Inter,sans-serif;font-weight:500;font-size:12px}.rejected-status-pill.passed{background:var(--bg-success-light);border:1px solid var(--border-success);color:var(--text-success)}.rejected-status-pill.failed{background:var(--bg-danger-light);border:1px solid var(--border-danger);color:var(--text-danger)}.rejected-history-meta{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-label);margin:0}.rejected-history-feedback{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-body);margin:0}.rejected-history-footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-danger);font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:var(--text-danger);display:flex;align-items:center;gap:4px}@media(max-width:900px){.rejected-drawer-container{width:100%;max-width:100%}}:root{--dash-primary: var(--text-brand);--dash-primary-light: var(--bg-brand-light);--dash-success: var(--text-success);--dash-success-light: var(--bg-success-light);--dash-warning: var(--text-warning);--dash-warning-light: var(--bg-warning-light);--dash-red: var(--text-danger);--dash-red-light: var(--bg-danger-light);--dash-pink: var(--text-brand);--dash-purple: var(--text-brand);--dash-sky: var(--text-info);--dash-blue: var(--text-brand);--dash-bg: var(--bg-secondary);--dash-border: var(--border-subtle);--dash-text-main: var(--text-heading);--dash-text-sub: var(--text-label);--dash-text-muted: var(--text-secondary-clr);--dash-text-title: var(--text-body)}.newdashboard-main-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;padding:24px 0;font-family:Inter,sans-serif}.newdashboard-content-frame{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box}.newdashboard-summary-header{display:flex;flex-direction:row;align-items:center;padding:20px;width:100%;background:var(--bg-top-header);border-radius:14px;box-shadow:0 4px 6px -1px var(--shadow-sm)}.newdashboard-header-metric-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.newdashboard-header-metric-item:not(:last-child){border-right:1px solid var(--bg-primary)}.newdashboard-header-metric-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--bg-primary)!important;margin:0}.newdashboard-header-metric-value{font-size:24px;font-weight:700;color:var(--bg-primary);margin:0}.newdashboard-kpi-row-full{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:24px;width:100%}.newdashboard-kpi-card-box-v2{flex:1;background:var(--bg-primary);border:2px solid var(--border-main);border-radius:10px;padding:20px;min-height:181.33px;display:flex;flex-direction:column;box-sizing:border-box;transition:all .2s ease;overflow:hidden}.newdashboard-kpi-card-box-v2:hover{border-color:var(--text-brand);box-shadow:0 4px 12px var(--shadow-xs)}.newdashboard-kpi-inner-v2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;flex:1;width:100%}.newdashboard-kpi-content-v2{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.newdashboard-kpi-top-v2{display:flex;flex-direction:row;align-items:center;gap:8px}.newdashboard-kpi-icon-v2{width:40px;height:40px;background:var(--dash-primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#f5f5f5}.newdashboard-kpi-row-full .newdashboard-kpi-card-box-v2:nth-child(1) .newdashboard-kpi-icon-v2{background:#7b4eea}.newdashboard-kpi-row-full .newdashboard-kpi-card-box-v2:nth-child(2) .newdashboard-kpi-icon-v2{background:#54779c}.newdashboard-kpi-row-full .newdashboard-kpi-card-box-v2:nth-child(3) .newdashboard-kpi-icon-v2{background:#228be6}.newdashboard-kpi-row-full .newdashboard-kpi-card-box-v2:nth-child(4) .newdashboard-kpi-icon-v2{background:#e8811a}.newdashboard-kpi-icon-v2 .material-icons,.newdashboard-kpi-icon-v2 .material-icons-outlined{font-size:20px;color:#f5f5f5!important}.newdashboard-kpi-icon-v2.amber{background:var(--dash-warning-light);color:#f5f5f5}.newdashboard-trend-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-weight:500;font-size:12px}.newdashboard-trend-badge.pos{background:var(--dash-success-light);color:var(--dash-success)}.newdashboard-trend-badge.neg{background:var(--dash-red-light);color:var(--dash-red)}.newdashboard-trend-plain{display:flex;align-items:center;gap:4px;font-weight:500;font-size:13px;margin-left:4px}.newdashboard-trend-plain.pos{color:var(--dash-success)}.newdashboard-trend-plain.neg{color:var(--dash-red)}.newdashboard-trend-plain .material-icons{font-size:16px}.newdashboard-kpi-text-v2 h2{font-size:28px;font-weight:700;color:var(--dash-text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newdashboard-kpi-text-v2 h3{font-size:14px;font-weight:500;color:var(--dash-text-main);margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newdashboard-kpi-text-v2 p{font-size:12px;color:var(--dash-text-muted);margin:0;line-height:1.4}.newdashboard-kpi-chart-v2{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.newdashboard-main-content-split{display:flex;flex-direction:row;gap:24px;width:100%}.newdashboard-left-main-col{display:flex;flex-direction:column;gap:24px;flex:2}.newdashboard-right-main-col{flex:1}.newdashboard-pipeline-card-full,.newdashboard-trends-card-full,.newdashboard-tasks-card-full,.newdashboard-birthday-card-v2,.newdashboard-activity-card-v2,.newdashboard-attention-card-v2{background:var(--bg-primary);border:.67px solid var(--dash-border);border-radius:14px;padding:24.67px;box-sizing:border-box}.newdashboard-card-header-simple,.newdashboard-card-header-with-icon{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.newdashboard-card-header-with-icon{display:flex;justify-content:flex-start;align-items:center;gap:12px}.newdashboard-tasks-card-full .newdashboard-card-header-with-icon{justify-content:space-between}.newdashboard-card-title-main{font-size:18px;font-weight:600;color:var(--dash-text-main);margin:0}.newdashboard-pipeline-card-full{height:423.5px}.newdashboard-pipeline-chart-content{display:flex;flex-direction:column;align-items:center;gap:32px}.newdashboard-pipeline-legend-horizontal{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.newdashboard-pipeline-legend-item-v2{display:flex;align-items:center;gap:6px}.newdashboard-legend-dot-v2{width:14px;height:14px;border-radius:2px}.newdashboard-legend-label-v2{font-size:16px;font-weight:400}.newdashboard-trends-card-full{height:423.5px}.newdashboard-bar-chart-surface{height:280px;width:100%;position:relative;padding-bottom:30px}.newdashboard-chart-grid{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.newdashboard-grid-row{display:flex;align-items:center;gap:12px;color:var(--dash-text-muted);font-size:12px;height:20px}.newdashboard-grid-row span{width:32px;text-align:right;line-height:20px}.newdashboard-grid-line-solid{flex:1;border-top:1px dashed var(--dash-border)}.newdashboard-bars-container{position:absolute;inset:10px 0 10px 44px;border-left:1px solid var(--dash-border);border-bottom:1px solid var(--dash-border)}.newdashboard-bars-scroller{position:absolute;inset:0 0 -45px;display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden}.newdashboard-bars-scroller::-webkit-scrollbar{height:6px}.newdashboard-bars-scroller::-webkit-scrollbar-track{background:transparent}.newdashboard-bars-scroller::-webkit-scrollbar-thumb{background-color:var(--dash-border);border-radius:4px}.newdashboard-bar-group{position:relative;display:flex;flex-direction:column;align-items:center;flex:1 0 auto;min-width:80px;justify-content:flex-end;height:calc(100% - 45px)}.newdashboard-bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;flex:1}.newdashboard-bar{width:24px;border-radius:4px 4px 0 0;transition:height .3s ease;position:relative}.newdashboard-bar-count{position:absolute;top:-20px;width:100%;text-align:center;font-size:11px;font-weight:500;color:var(--dash-text-sub)}.newdashboard-bar.interviewed{background:var(--bg-brand-light);width:24px}.newdashboard-bar.hired{background:var(--text-brand);width:24px}.newdashboard-bar-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:100%;text-align:center;font-size:11.99px;line-height:15px;font-weight:400;color:var(--text-secondary-clr);display:flex;flex-direction:column;align-items:center}.newdashboard-bar-label:before{content:"";position:absolute;top:-10px;left:50%;width:1.5px;height:10px;background:var(--text-secondary-clr)}.newdashboard-trends-legend-simple{display:flex;justify-content:flex-start;gap:32px;margin-top:32px;padding-left:20px}.newdashboard-legend-item-v2{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dash-text-muted)}.newdashboard-legend-dot-v2{width:14px;height:14px;border-radius:0}.newdashboard-legend-dot-v2.interviewed{background:var(--bg-brand-light)}.newdashboard-legend-dot-v2.hired{background:var(--text-brand)}.newdashboard-legend-item-v2 span{font-size:16px;font-weight:400}.newdashboard-legend-item-v2.interviewed span{color:var(--bg-brand-light)}.newdashboard-legend-item-v2.hired span{color:var(--text-brand)}.newdashboard-tasks-card-full{height:871px;display:flex;flex-direction:column}.newdashboard-tasks-content{display:flex;flex-direction:column;gap:32px;overflow-y:auto}.newdashboard-task-group{display:flex;flex-direction:column;gap:12px}.newdashboard-task-group-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--dash-text-title);margin-bottom:4px}.newdashboard-item-card-v2{padding:16px;border:1px solid var(--dash-border);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:all .2s ease;background:var(--bg-primary)}.newdashboard-item-card-v2:hover{box-shadow:0 4px 6px -1px var(--shadow-xs);border-color:var(--border-subtle)}.newdashboard-item-info{display:flex;flex-direction:column;width:100%}.newdashboard-item-info h4{font-size:15px;font-weight:600;color:var(--dash-text-main);margin:0}.newdashboard-item-info p{font-size:13px;color:var(--dash-text-sub);margin:4px 0 0}.newdashboard-item-time,.newdashboard-item-sub{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary-clr);margin-top:10px}.newdashboard-item-time .material-icons,.newdashboard-item-sub .material-icons{color:var(--text-muted-clr)}.newdashboard-status-row-v2{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--dash-border);border-radius:12px;background:var(--bg-primary)}.newdashboard-name-v2{font-size:15px;font-weight:600;color:var(--dash-text-main)}.newdashboard-status-v2{padding:2px 10px;border-radius:100px;font-size:12px;font-weight:500}.newdashboard-status-v2.blue{background:var(--bg-brand-light);color:var(--text-info)}.newdashboard-status-v2.amber{background:var(--bg-warning-light);color:var(--text-warning)}.newdashboard-bottom-split-row{display:flex;flex-direction:row;gap:24px;width:100%}.newdashboard-bottom-left-split{flex:1;display:flex;flex-direction:column;gap:24px}.newdashboard-bottom-right-split{flex:1}.newdashboard-attention-list{display:flex;flex-direction:column;gap:12px}.newdashboard-attention-item-v2{display:flex;align-items:center;gap:12px;padding:8px 0}.newdashboard-attention-icon-v2{width:32px;height:32px;border-radius:100px;display:flex;align-items:center;justify-content:center}.newdashboard-attention-icon-v2.amber{background:var(--dash-warning-light);color:var(--dash-amber, var(--text-warning))}.newdashboard-attention-icon-v2.red{background:var(--dash-red-light);color:var(--dash-red)}.newdashboard-attention-icon-v2.blue{background:var(--bg-brand-light);color:var(--text-brand)}.newdashboard-activity-timeline{display:flex;flex-direction:column;gap:20px}.newdashboard-activity-item-v2{display:flex;gap:16px;position:relative}.newdashboard-activity-dot-v2{width:8px;height:8px;border-radius:100px;margin-top:6px;flex-shrink:0}.newdashboard-activity-dot-v2.blue{background:var(--dash-primary)}.newdashboard-activity-dot-v2.green{background:var(--dash-success)}.newdashboard-activity-dot-v2.orange{background:var(--text-warning)}.newdashboard-activity-content-v2 h4{font-size:14px;font-weight:500;margin:0}.newdashboard-activity-content-v2 p{font-size:12px;color:var(--dash-text-sub);margin:4px 0}.newdashboard-activity-content-v2 .time{font-size:12px;font-style:italic;color:var(--dash-text-muted)}.newdashboard-birthday-list{display:flex;flex-direction:column;gap:16px}.newdashboard-birthday-row-v2{display:flex;align-items:center;gap:12px}.newdashboard-birthday-avatar-v2{width:40px;height:40px;border-radius:100px;background:linear-gradient(180deg,var(--text-brand) 0%,var(--text-brand) 100%);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.newdashboard-birthday-info-v2{flex:1}.newdashboard-birthday-info-v2 h4{font-size:16px;font-weight:500;margin:0;color:var(--dash-text-main)}.newdashboard-birthday-info-v2 p{font-size:14px;color:var(--dash-text-sub);margin:0}.newdashboard-birthday-date-v2{color:var(--dash-primary);font-size:14px;font-weight:500}.material-icons{font-size:20px}.newdashboard-icon-s{font-size:18px}.newdashboard-icon-xs{font-size:16px}.newdashboard-clr-blue{color:var(--dash-primary)}.newdashboard-clr-green{color:var(--dash-success)}.newdashboard-clr-amber{color:var(--text-warning)}.newdashboard-clr-main{color:var(--dash-text-title)}@media(max-width:1200px){.newdashboard-kpi-row-full{flex-wrap:wrap}.newdashboard-kpi-card-box-v2{min-width:calc(50% - 12px)}.newdashboard-main-content-split,.newdashboard-bottom-split-row{flex-direction:column}}@media(max-width:768px){.newdashboard-summary-header{flex-direction:column;height:auto;padding:10px}.newdashboard-header-metric-item{border-right:none!important;border-bottom:1px solid var(--bg-brand-light);width:100%;padding:10px 0}.newdashboard-kpi-card-box-v2{min-width:100%}}.header-with-pagination{display:flex;justify-content:space-between;align-items:center;width:100%}.newdashboard-pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{background:none;border:1px solid var(--dash-border);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--dash-text-sub);padding:0}.pagination-btn:hover:not(:disabled){background-color:var(--dash-bg);border-color:var(--dash-primary);color:var(--dash-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:13px;font-weight:500;color:var(--dash-text-sub);min-width:40px;text-align:center}.newdashboard-empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;gap:16px}.newdashboard-empty-state-img{width:300px;height:300px;object-fit:contain;opacity:.85;transition:transform .3s ease}.newdashboard-empty-state-img:hover{transform:scale(1.05)}.newdashboard-empty-text{font-size:14px;color:var(--dash-text-muted, #888);margin:0;font-weight:500}.HiringOnboarding-container{display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box;min-height:100%}.HiringOnboarding-stats-grid{margin-top:24px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%}.HiringOnboarding-stat-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-height:120px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .3s ease;flex:1}.HiringOnboarding-stat-card:hover{box-shadow:0 4px 12px var(--shadow-xs);border-color:var(--text-brand)}.HiringOnboarding-stat-card.active{background:var(--bg-brand-light);border:1px solid var(--text-brand)}.HiringOnboarding-card-header{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;height:52px}.HiringOnboarding-icon-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;background:var(--bg-brand-light);border-radius:10px;flex:none}.HiringOnboarding-stat-card:nth-child(1) .HiringOnboarding-icon-container{background:#4785de}.HiringOnboarding-stat-card:nth-child(2) .HiringOnboarding-icon-container{background:#80e6dd}.HiringOnboarding-stat-card:nth-child(3) .HiringOnboarding-icon-container{background:#86c4fb}.HiringOnboarding-stat-card:nth-child(4) .HiringOnboarding-icon-container{background:#47877c}.HiringOnboarding-stat-card:nth-child(5) .HiringOnboarding-icon-container{background:#dbf3a7}.HiringOnboarding-stat-card:nth-child(6) .HiringOnboarding-icon-container{background:#f8d7ae}.HiringOnboarding-icon,.HiringOnboarding-icon-container .material-icons-outlined{font-size:20px!important;color:#f5f5f5!important}.HiringOnboarding-stat-card.active .HiringOnboarding-icon{color:#f5f5f5!important}.HiringOnboarding-text-container{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.HiringOnboarding-stat-value{font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:var(--text-heading);margin:0}.HiringOnboarding-stat-card.active .HiringOnboarding-stat-value{color:var(--text-brand)}.HiringOnboarding-stat-label{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.HiringOnboarding-stat-card.active .HiringOnboarding-stat-label{color:var(--text-brand)}.HiringOnboarding-table-section{width:100%;border-radius:10px}@media(max-width:1400px){.HiringOnboarding-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.HiringOnboarding-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.HiringOnboarding-stat-card{padding:16px;min-height:100px}}@media(max-width:480px){.HiringOnboarding-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.HiringOnboarding-stat-card{padding:12px;min-height:90px}.HiringOnboarding-stat-value{font-size:20px;line-height:28px}.HiringOnboarding-stat-label{font-size:12px;line-height:16px}}.StepModal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:9999;padding:24px}.StepModal-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:100%;max-width:none;max-height:none;background:var(--bg-primary);box-shadow:0 25px 50px -12px var(--shadow-lg);border-radius:16px;overflow:hidden;position:relative}.StepModal-inner{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100%}.StepModal-header{box-sizing:border-box;width:100%;height:70px;border-bottom:.666667px solid var(--border-subtle);flex:none;padding:0 40px}.StepModal-header-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.StepModal-header-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--text-heading);margin:0}.StepModal-header-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.StepModal-close-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;cursor:pointer;color:var(--text-secondary-clr);transition:background .2s}.StepModal-close-btn:hover{background:var(--bg-hover)}.StepModal-stepper-section{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;background:var(--bg-brand-light);border-bottom:1px solid var(--text-brand);flex:none;padding:8px 40px 4px}.StepModal-stepper-section .StepModal-inner{flex-direction:column;height:auto}.StepModal-stepper-row{margin-bottom:12px!important;display:flex;flex-direction:row;align-items:flex-start;width:100%;margin:0 auto;height:60px;padding-top:4px}.StepModal-step-item{display:flex;flex-direction:column;align-items:center;width:85px;flex:none;position:relative;z-index:2;cursor:pointer;transition:all .2s ease}.StepModal-step-item:hover .StepModal-step-circle{background:var(--bg-hover);color:var(--text-label)}.StepModal-step-item.active:hover .StepModal-step-circle,.StepModal-step-item.completed:hover .StepModal-step-circle{background:var(--text-brand-hover);color:var(--bg-primary)}.StepModal-step-circle{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background:var(--border-subtle);color:var(--text-muted-clr);border-radius:50%;font-weight:600;font-size:15px;transition:all .3s}.StepModal-step-check{font-size:18px!important;font-weight:700}.StepModal-step-item.active .StepModal-step-circle,.StepModal-step-item.completed .StepModal-step-circle{background:var(--text-brand);color:var(--bg-primary)}.StepModal-step-label{font-family:Inter,sans-serif;font-size:11px;line-height:16px;text-align:center;color:var(--text-muted-clr);font-weight:500;margin-top:6px;white-space:nowrap}.StepModal-step-item.active .StepModal-step-label,.StepModal-step-item.completed .StepModal-step-label{color:var(--text-brand);font-weight:600}.StepModal-step-connector{flex:1;height:3px;background:var(--border-subtle);margin:28px 4px 0;border-radius:10px;position:relative;z-index:1;min-width:50px}.StepModal-step-connector.active{background:var(--text-brand)}.StepModal-progress-info{display:flex;justify-content:space-between;align-items:center;width:100%;height:20px;margin:0 auto}.StepModal-progress-text,.StepModal-step-counter{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:var(--text-brand)}.StepModal-content{box-sizing:border-box;display:flex;flex-direction:column;padding:0 50px;width:100%;background:var(--bg-primary);flex:1;overflow-y:auto;min-height:0;position:relative;z-index:5}.StepModal-content-step-1,.StepModal-content-step-2,.StepModal-content-step-3,.StepModal-content-step-4,.StepModal-content-step-5,.StepModal-content-step-6{justify-content:flex-start;overflow-y:auto!important}@keyframes StepModal-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.StepModal-step-content{width:100%;margin:0 auto;padding:16px 0;animation:StepModal-fadeIn .4s ease-out forwards}.StepModal-content-step-1 .StepModal-step-content,.StepModal-content-step-4 .StepModal-step-content,.StepModal-content-step-5 .StepModal-step-content,.StepModal-content-step-6 .StepModal-step-content{padding:12px 0}.StepModal-content-step-2 .StepModal-step-content,.StepModal-content-step-3 .StepModal-step-content{margin-top:0}.StepModal-footer{box-sizing:border-box;width:100%;height:56px;background:var(--bg-secondary);border-top:.666667px solid var(--border-subtle);flex:none;padding:0 40px}.StepModal-btn{display:flex;justify-content:center;align-items:center;padding:8px 31px;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;cursor:pointer;transition:all .2s;height:40px}.StepModal-btn-back{background:var(--bg-secondary);border:1px solid var(--bg-hover);color:var(--text-muted-clr);min-width:100px}.StepModal-btn-back:disabled{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--border-subtle);cursor:not-allowed}.StepModal-btn-continue{background:var(--text-brand);border:none;color:var(--bg-primary);min-width:120px}.StepModal-btn-continue:hover:not(:disabled){background:var(--text-brand);opacity:.9}.StepModal-btn-continue:disabled{background:var(--text-muted-clr);cursor:not-allowed}.StepModal-section-title{font-family:Inter,sans-serif;font-size:24px;font-weight:600;color:var(--text-heading);margin-bottom:12px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.4}.StepModal-section-desc{font-family:Inter,sans-serif;font-size:16px;color:var(--text-label);text-align:center;margin-bottom:32px;line-height:1.5}.StepModal-status-icon-box{width:80px;height:80px;background:var(--bg-brand-light);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:24px auto 20px}.StepModal-action-group{display:flex;justify-content:center;gap:12px;margin-top:0;position:relative;z-index:10}.StepModal-step1-content{padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;overflow:hidden}.StepModal-request-view{margin-top:24px;display:flex;flex-direction:column;width:100%;height:100%}.StepModal-success-view{padding:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.StepModal-step1-content .StepModal-status-icon-box{width:60px;height:60px;margin:auto auto 16px;align-self:center}.StepModal-step1-content .StepModal-icon-large{font-size:28px!important}.StepModal-step1-content .StepModal-section-title{font-size:18px;margin-bottom:6px;max-width:600px;text-align:center;align-self:center}.StepModal-step1-content .StepModal-section-desc{font-size:13px;margin-bottom:20px;text-align:center;align-self:center}.StepModal-step1-content .StepModal-illustration-container{margin:0 auto 12px;padding:0;display:flex;justify-content:center}.StepModal-step1-content .StepModal-resend-svg{max-width:280px;width:100%;height:160px}.StepModal-step1-content .StepModal-candidate-summary{margin-bottom:12px;font-size:13px;justify-content:flex-start}.StepModal-step1-content .StepModal-instruction-text{margin-bottom:4px;text-align:left;width:100%}.StepModal-step1-content .StepModal-action-group{margin-top:0;margin-bottom:auto;align-self:center}.StepModal-step1-content .StepModal-primary-action,.StepModal-step1-content .StepModal-secondary-action{padding:8px 16px;font-size:13px}.StepModal-secondary-action{display:flex;align-items:center;padding:10px 18px;background:var(--bg-primary);border:1px solid var(--text-brand);border-radius:6px;color:var(--text-brand);font-weight:500;font-size:14px;cursor:pointer;gap:8px;transition:all .2s}.StepModal-secondary-action:hover{background:var(--bg-brand-light)}.StepModal-primary-action{display:flex;align-items:center;padding:10px 22px;background:var(--text-brand);border:none;border-radius:6px;color:var(--bg-primary);font-weight:500;font-size:14px;cursor:pointer;gap:10px;transition:all .2s}.StepModal-primary-action:hover{background:var(--text-brand);opacity:.9}.StepModal-primary-action:disabled{opacity:.7;cursor:not-allowed}.StepModal-instruction-text{font-family:Inter,sans-serif;font-size:14px;color:var(--text-label);margin-bottom:12px;text-align:left}.StepModal-candidate-summary{display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:12px}.StepModal-candidate-name{font-weight:600;color:var(--text-heading)}.StepModal-candidate-detail{color:var(--text-heading);font-weight:600}.StepModal-dot{color:var(--border-subtle);font-size:16px}.StepModal-info-banner{background:var(--bg-success-light);border:1px solid var(--border-success);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;margin-bottom:20px;margin-top:20px}.StepModal-success-text{color:var(--text-success);font-weight:500;font-size:14px}.StepModal-section-header-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.StepModal-content-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.StepModal-tag{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.StepModal-text-link{margin-left:auto;background:none;border:none;color:var(--text-brand);font-weight:500;font-size:14px;cursor:pointer;text-decoration:none}.StepModal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.StepModal-info-item{display:flex;flex-direction:column;gap:4px}.StepModal-info-item label{font-size:13px;color:var(--text-label);font-weight:500;margin-bottom:4px}.StepModal-info-item span{font-size:15px;color:var(--text-heading);font-weight:600}.StepModal-required-star{color:var(--text-danger);margin-left:2px}.StepModal-input-with-icon{position:relative;display:flex;align-items:center}.StepModal-input-with-icon input{width:100%;padding-right:36px}.StepModal-input-icon-right{position:absolute;right:12px;color:var(--text-secondary-clr);font-size:18px!important;pointer-events:none}.StepModal-full-width{grid-column:span 2}.StepModal-tabs{display:flex;border-bottom:1px solid var(--border-subtle);gap:24px;margin-bottom:16px}.StepModal-upload-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:32px}.StepModal-upload-container{width:100%;height:120px;border:1px dashed var(--border-subtle);border-radius:8px;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--bg-primary);cursor:pointer}.StepModal-upload-icon{color:var(--text-brand);font-size:24px!important}.StepModal-upload-text{font-size:14px;font-weight:500;color:var(--text-brand)}.StepModal-upload-hint{font-size:12px;color:var(--text-secondary-clr);margin:0}.StepModal-tab{background:none;border:none;padding:8px 0;font-size:14px;font-weight:500;color:var(--text-secondary-clr);cursor:pointer;position:relative}.StepModal-tab.active{color:var(--text-brand)}.StepModal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--text-brand)}.StepModal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.StepModal-form-item{display:flex;flex-direction:column;gap:6px}.StepModal-form-item label{font-weight:600!important;color:var(--text-body)!important;font-size:13px!important;margin-bottom:2px}.StepModal-input{width:100%;height:40px;background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;padding:0 12px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading)}.StepModal-select{appearance:none;-webkit-appearance:none;width:100%;height:40px;background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;padding:0 14px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading);cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23667085'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}.StepModal-select:focus{outline:none;border-color:var(--text-brand);box-shadow:0 1px 2px var(--shadow-xs),0 0 0 4px var(--bg-brand-light)}.StepModal-select:hover{border-color:var(--text-muted-clr)}.StepModal-select-wrapper{position:relative;width:100%}.StepModal-select-icon{display:none}.StepModal-form-item input{height:36px;padding:0 12px;border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none}.StepModal-form-item input:focus{border-color:var(--text-brand);box-shadow:0 0 0 4px var(--bg-brand-light)}.StepModal-icon-large{font-size:48px!important;color:var(--text-brand)}.StepModal-illustration-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:40px;padding:20px 0}.StepModal-resend-svg{max-width:480px;width:100%;height:auto}.StepModal-error-msg{color:var(--text-danger);background:var(--bg-danger-light);border:1px solid var(--border-danger);padding:10px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:20px}.StepModal-preview-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.StepModal-preview-container{background:var(--bg-primary);width:100%;max-width:1280px;height:90vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px var(--shadow-lg);overflow:hidden;position:relative}.StepModal-preview-header{background:var(--bg-primary);display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--border-subtle)}.StepModal-preview-header-left h3{margin:0;font-size:24px;font-weight:600;color:var(--text-heading);font-family:Inter,sans-serif}.StepModal-preview-close{width:40px;height:40px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary-clr);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.StepModal-preview-close:hover{background:var(--bg-hover);color:var(--text-body)}.StepModal-preview-info{padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.StepModal-preview-info-row{margin-bottom:8px;display:flex;gap:12px}.StepModal-preview-info-row:last-child{margin-bottom:0}.StepModal-preview-info-label{font-weight:500;color:var(--text-secondary-clr);min-width:80px;font-size:14px}.StepModal-preview-info-value{color:var(--text-heading);font-weight:500;font-size:14px}.StepModal-preview-body{flex:1;overflow:hidden;padding:40px;background:var(--bg-secondary);display:flex;justify-content:center}.StepModal-preview-html-wrapper{width:100%;max-width:800px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column}.StepModal-preview-html{padding:24px;height:100%;overflow-y:auto;scrollbar-width:thin;width:100%}.StepModal-icon-success{color:var(--text-success)}.StepModal-step-check{font-size:20px!important}.StepModal-mt-24{margin-top:16px}.StepModal-content-placeholder{text-align:center;padding:100px 0!important}.StepModal-section-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;margin-bottom:32px;width:100%;box-sizing:border-box}.StepModal-section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;width:100%}.StepModal-section-title-large{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.StepModal-address-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-bottom:32px}.StepModal-address-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;box-sizing:border-box}.StepModal-address-title{font-size:16px;font-weight:600;color:var(--text-heading);margin-bottom:20px}.StepModal-education-list{display:flex;flex-direction:column;gap:24px;width:100%}.StepModal-education-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;width:100%;box-sizing:border-box}.StepModal-education-level-title{font-size:16px;font-weight:600;color:var(--text-heading);margin-bottom:20px}.StepModal-skills-list{display:flex;flex-wrap:wrap;gap:12px}.StepModal-skill-chip{background:var(--bg-hover);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:20px;font-size:14px;color:var(--text-body);font-weight:500}.StepModal-mt-32{margin-top:32px}.StepModal-mt-40{margin-top:40px}.StepModal-mb-8{margin-bottom:8px}.StepModal-drawer{position:absolute;top:0;right:0;bottom:0;width:670px;background:var(--bg-primary);box-shadow:-4px 0 24px var(--shadow-md);z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--border-subtle)}.StepModal-drawer.open{transform:translate(0)}.StepModal-drawer-header{padding:24px 32px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.StepModal-drawer-title-group h3{margin:0;font-size:20px;font-weight:600;color:var(--text-heading)}.StepModal-drawer-subtitle{font-size:14px;color:var(--text-secondary-clr);margin-top:4px}.StepModal-back-to-docs-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-brand);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;padding:0;margin-bottom:20px;transition:all .2s;width:fit-content}.StepModal-back-to-docs-btn:hover{color:var(--text-brand-hover);text-decoration:underline}.StepModal-back-to-docs-btn .material-icons{font-size:16px!important}.StepModal-drawer-close{background:none;border:none;cursor:pointer;color:var(--text-muted-clr);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:background .2s}.StepModal-drawer-close:hover{background:var(--bg-secondary);color:var(--text-secondary-clr)}.StepModal-drawer-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--bg-primary)}.StepModal-doc-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;transition:border-color .2s}.StepModal-doc-card:hover{border-color:var(--text-brand)}.StepModal-doc-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.StepModal-doc-icon-box.red{background:var(--bg-danger-light)}.StepModal-doc-icon-box.blue{background:var(--bg-brand-light)}.StepModal-doc-icon-box.gray{background:var(--bg-secondary)}.StepModal-doc-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.StepModal-doc-name{font-size:14px;font-weight:500;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StepModal-doc-filename,.StepModal-doc-meta{font-size:12px;color:var(--text-secondary-clr);margin-top:2px}.StepModal-doc-item-container{display:flex;flex-direction:column;gap:0}.StepModal-doc-card.selected{border-color:var(--border-subtle);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--bg-primary)}.StepModal-preview-area{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:24px;margin-bottom:16px}.StepModal-preview-box{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:16px;overflow:hidden}.StepModal-preview-iframe{border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-secondary)}.StepModal-mt-16{margin-top:16px}.StepModal-download-btn{background:var(--text-brand);color:var(--bg-primary);border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.StepModal-download-btn:hover{background:var(--text-brand-hover)}.StepModal-doc-actions{display:flex;align-items:center;justify-content:center}.StepModal-doc-view-btn{background:none;border:none;cursor:pointer;color:var(--text-brand);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:background .2s}.StepModal-doc-view-btn:hover{background:var(--bg-brand-light)}.StepModal-drawer-footer{padding:20px 24px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;align-items:center;background:var(--bg-primary);min-height:84px}.StepModal-footer-status{flex:1;display:flex;align-items:center;gap:12px}.StepModal-status-label{font-size:14px;color:var(--text-body);font-weight:500}.StepModal-status-badge-pending{background:var(--bg-warning-light);color:var(--text-warning);padding:4px 8px;border-radius:16px;font-size:12px;font-weight:400;display:flex;align-items:center;gap:8px}.StepModal-status-badge-pending .status-dot{width:6px;height:6px;background:var(--text-warning);border-radius:50%}.StepModal-footer-actions{display:flex;gap:12px}.StepModal-btn-approve{background:var(--text-success)!important;color:var(--bg-primary)!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;display:flex;align-items:center;gap:8px;cursor:pointer}.StepModal-btn-reupload{background:var(--text-danger)!important;color:var(--bg-primary)!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;display:flex;align-items:center;gap:8px;cursor:pointer}.StepModal-btn-done{background:var(--text-brand)!important;color:var(--bg-primary)!important;border:none!important;min-width:80px;cursor:pointer}.StepModal-btn-done:hover{background:var(--text-brand-hover)!important}.StepModal-icon-warning{color:var(--text-warning)}.StepModal-warning-text{color:var(--text-warning);font-weight:500}.StepModal-checklist{display:flex;flex-direction:column;gap:12px}.StepModal-checklist-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-body)}.StepModal-icon-success-small{color:var(--text-success);font-size:18px!important}.StepModal-icon-pending-small{color:var(--text-muted-clr);font-size:18px!important}.StepModal-icon-info{color:var(--text-brand)}.StepModal-info-text{color:var(--text-brand);font-weight:500}.StepModal-access-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.StepModal-access-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-label);transition:all .2s}.StepModal-access-card.active{background:var(--bg-brand-light);border-color:var(--border-info);color:var(--text-brand-hover)}.StepModal-access-card.active span{font-weight:600}.StepModal-access-card .material-icons{font-size:20px}.StepModal-checklist-box{display:flex;flex-direction:column;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.StepModal-checklist-row{display:flex;padding:16px;background:var(--bg-primary);gap:16px;align-items:flex-start}.StepModal-checklist-row input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--text-brand)}.StepModal-checklist-text{display:flex;flex-direction:column;gap:2px}.StepModal-required{color:var(--text-danger);margin-left:2px}.StepModal-email-action-row{display:flex;justify-content:flex-end;margin-top:12px;width:100%}.StepModal-send-email-btn{display:flex;flex-direction:row;align-items:center;padding:12px 20px;gap:10px;background:var(--text-brand);border-radius:8px;border:none;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--bg-primary);cursor:pointer;text-transform:uppercase;transition:all .2s}.StepModal-send-email-btn:hover{background:var(--text-brand-hover)}.StepModal-send-email-btn:disabled{background:var(--text-muted-clr);cursor:not-allowed;opacity:.8}.StepModal-send-email-btn .material-icons{font-size:20px}.StepModal-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.StepModal-input-icon-right{position:absolute;right:12px;color:var(--text-secondary-clr);font-size:20px!important;pointer-events:none}.StepModal-input{width:100%;height:40px;background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;padding:0 14px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading);transition:border-color .2s}.StepModal-input:focus{outline:none;border-color:var(--text-brand);box-shadow:0 1px 2px var(--shadow-xs),0 0 0 4px var(--bg-brand-light)}.StepModal-input::placeholder{color:var(--text-muted-clr)}.StepModal-btn-back{background:var(--bg-primary)!important;border:1px solid var(--border-subtle)!important;color:var(--text-body)!important;box-shadow:0 1px 2px var(--shadow-xs)}.StepModal-btn-back:hover:not(:disabled){background:var(--bg-secondary)!important}.StepModal-btn-continue{background:var(--text-brand)!important;border-radius:8px!important;font-weight:600!important}.StepModal-form-item label{font-weight:600!important;color:var(--text-body)!important;font-size:14px!important}.StepModal-content-subtitle{font-size:14px;color:var(--text-secondary-clr);margin-top:4px;margin-bottom:16px}.StepModal-onboarding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.StepModal-onboarding-card{display:flex;align-items:flex-start;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;gap:12px;transition:all .2s}.StepModal-onboarding-card:hover{border-color:var(--text-brand)}.StepModal-checkbox-wrapper input[type=checkbox]{width:24px;height:24px;border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;accent-color:var(--text-brand)}.StepModal-onboarding-card-text label{display:block!important;font-size:16px!important;font-weight:600!important;color:var(--text-heading)!important;cursor:pointer;margin-bottom:2px!important}.StepModal-onboarding-card-text p{font-size:13px!important;color:var(--text-label)!important;margin:0!important}.StepModal-manager-section{border-top:1px solid var(--bg-hover);padding-top:12px}.StepModal-bgv-header-v2{margin-bottom:24px}.StepModal-bgv-header-v2 h3{font-size:18px;font-weight:600;color:var(--text-heading);margin-bottom:4px}.StepModal-bgv-header-v2 p{font-size:14px;color:var(--text-label)}.StepModal-bgv-summary-card{background:var(--bg-brand-light);border:1px solid var(--border-info);border-radius:12px;padding:20px;margin-bottom:24px}.StepModal-bgv-summary-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--text-heading)}.StepModal-bgv-summary-icon{color:var(--text-brand);font-size:20px!important}.StepModal-bgv-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.StepModal-bgv-summary-item label{display:block;font-size:13px;color:var(--text-label);margin-bottom:4px}.StepModal-bgv-summary-item span{font-size:14px;font-weight:500;color:var(--text-heading)}.StepModal-bgv-badge-active{display:inline-block;padding:2px 8px;background:var(--bg-warning-light);color:var(--text-warning);border-radius:16px;font-size:12px;font-weight:500}.StepModal-bgv-update-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;margin-bottom:24px}.StepModal-bgv-update-card h4{font-size:16px;font-weight:600;color:var(--text-heading);margin-bottom:20px}.StepModal-bgv-form-group{margin-bottom:20px}.StepModal-bgv-form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-body);margin-bottom:6px}.StepModal-bgv-textarea{width:100%;min-height:120px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:var(--text-heading);resize:none}.StepModal-bgv-textarea:focus{outline:none;border-color:var(--text-brand);box-shadow:0 0 0 4px var(--bg-brand-light)}.StepModal-bgv-update-btn{background:var(--text-brand);color:var(--bg-primary);border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.StepModal-bgv-update-btn:hover{background:var(--text-brand-hover)}.StepModal-bgv-update-btn:disabled{background:var(--text-muted-clr);cursor:not-allowed;opacity:.8}.StepModal-bgv-shared-docs{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px}.StepModal-bgv-shared-docs h4{font-size:16px;font-weight:600;color:var(--text-heading);margin-bottom:20px}.StepModal-bgv-checklist-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.StepModal-bgv-doc-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--bg-hover);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-body)}.StepModal-bgv-doc-item .material-icons{color:var(--text-success);font-size:18px!important}.StepModal-bgv-shared-footer{font-size:12px;color:var(--text-secondary-clr);margin-top:12px}.StepModal-section-label{font-size:15px;font-weight:600;color:var(--text-heading);margin-bottom:12px}.StepModal-manager-input-row{display:flex;gap:12px;align-items:center}.StepModal-manager-input-row .StepModal-input{flex:1}.StepModal-bgv-instruction{margin-bottom:12px}.StepModal-bgv-instruction h3{font-size:18px;font-weight:600;color:var(--text-heading);margin-bottom:8px}.StepModal-bgv-instruction p{font-size:14px;color:var(--text-label);margin:0;line-height:1.5}.StepModal-bgv-banner{background:var(--bg-warning-light);border:1px solid var(--border-warning);border-radius:8px;padding:12px;display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.StepModal-bgv-banner-icon{color:var(--text-warning);font-size:20px!important;margin-top:2px}.StepModal-bgv-banner-content strong{display:block;font-size:14px;color:var(--text-warning);font-weight:600;margin-bottom:4px}.StepModal-bgv-banner-content p{font-size:13px;color:var(--text-warning);margin:0;line-height:1.5}.StepModal-bgv-checklist-section{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 20px;box-shadow:0 1px 2px var(--shadow-xs)}.StepModal-bgv-checklist-section h4{font-size:14px;font-weight:600;color:var(--text-heading);margin-bottom:12px}.StepModal-bgv-checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;column-gap:32px;row-gap:8px}.StepModal-bgv-checklist-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-body)}.StepModal-bgv-checklist-item .material-icons{color:var(--text-success);font-size:16px!important}.StepModal-no-data-text{margin:0;color:var(--text-secondary-clr);font-size:14px}.StepModal-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border-subtle);margin-bottom:0}.StepModal-tab{background:none;border:none;border-bottom:2px solid transparent;padding:12px 4px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:var(--text-secondary-clr);cursor:pointer;transition:all .2s}.StepModal-tab.active{color:var(--text-brand);border-bottom-color:var(--text-brand);font-weight:600}.StepModal-offer-response-view{margin-top:24px}.StepModal-offer-accepted-banner{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:26px 26px 2px;background:var(--bg-success-light);border:2px solid var(--text-success);border-radius:14px;margin-bottom:24px;align-self:stretch;flex:none}.StepModal-fullscreen-btn-row{display:flex;justify-content:flex-end;margin-top:-8px;margin-bottom:24px;align-self:stretch}.StepModal-fullscreen-btn{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:8px;background:var(--text-brand);border:1px solid var(--text-brand);box-shadow:0 1px 2px var(--shadow-xs);border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:var(--bg-primary);cursor:pointer;transition:all .2s ease}.StepModal-fullscreen-btn:hover{background:var(--text-brand-hover);border-color:var(--text-brand-hover);opacity:.9}.StepModal-fullscreen-btn .material-icons{font-size:18px!important;color:var(--bg-primary)}.StepModal-offer-accepted-header{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;align-self:stretch;width:100%}.StepModal-banner-text-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:none;order:1;flex-grow:1}.StepModal-status-icon-circle-green{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:var(--text-success);border-radius:50%;flex:none;order:0;flex-grow:0}.StepModal-status-icon-circle-green .material-icons{font-size:28px!important;color:var(--bg-primary)}.StepModal-banner-title{font-family:Inter;font-style:normal;font-weight:600;font-size:18px;line-height:28px;color:var(--text-success);margin:0}.StepModal-banner-subtitle{font-family:Inter;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-success);margin:0}.StepModal-offer-summary-card{width:100%;background:var(--bg-primary);border-radius:10px;padding:16px;margin-top:16px;margin-bottom:24px;flex:none;order:2;align-self:stretch}.StepModal-offer-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px}.StepModal-offer-summary-item{display:flex;flex-direction:column;gap:4px}.StepModal-offer-summary-item label{font-family:Inter;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr);margin:0!important}.StepModal-offer-summary-item span{font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.StepModal-next-steps-card{margin-top:24px;background:var(--bg-brand-light);border:1px solid var(--bg-brand-light);border-radius:12px;padding:20px 24px}.StepModal-next-steps-title{font-size:15px;font-weight:700;color:var(--text-brand);margin:0 0 12px}.StepModal-inline-offer-viewer{width:100%;height:500px;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--bg-primary)}.StepModal-inline-offer-viewer iframe{width:100%;height:100%;border:none}.StepModal-next-steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.StepModal-next-steps-list li{font-size:14px;color:var(--text-brand);position:relative;padding-left:16px}.StepModal-next-steps-list li:before{content:"•";position:absolute;left:0;color:var(--text-brand)}.StepModal-grid-span-2{grid-column:span 2!important}.StepModal-bg-disabled{background:var(--border-subtle)!important}.StepModal-flex-1{flex:1!important}.StepModal-doc-icon-red{color:var(--text-danger)!important}.StepModal-doc-icon-blue{color:var(--text-brand)!important}.StepModal-doc-icon-gray{color:var(--text-secondary-clr)!important}.StepModal-icon-approved{color:var(--text-success)!important}.StepModal-icon-xs{font-size:16px!important}.StepModal-drawer-empty-state{text-align:center;color:var(--text-secondary-clr);margin-top:40px;width:100%}.StepModal-drawer-empty-icon{font-size:48px!important;color:var(--border-subtle)}.StepModal-offer-letter-designer{display:flex;gap:24px;width:100%;margin-top:24px;border-radius:12px;overflow:hidden;height:600px;padding-bottom:20px}.StepModal-pdf-preview-container{flex:1;background:var(--bg-hover);border-radius:8px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;position:relative;min-width:0}.StepModal-pdf-top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.StepModal-pdf-nav{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--text-label)}.StepModal-pdf-nav-icon{font-size:20px!important;cursor:pointer;color:var(--text-muted-clr)}.StepModal-pdf-zoom-controls{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-label)}.StepModal-pdf-zoom-controls .material-icons{font-size:18px!important;cursor:pointer;color:var(--text-muted-clr)}.StepModal-divider-v{width:1px;height:16px;background:var(--border-subtle)}.StepModal-pdf-loading{padding:40px;color:var(--text-label);font-size:14px;font-weight:500}.react-pdf__Page{margin-bottom:24px;box-shadow:0 8px 16px -4px var(--shadow-md)}.react-pdf__Document{display:flex;flex-direction:column;align-items:center}.StepModal-signature-overlay-box{position:absolute;pointer-events:auto;cursor:move;border:2px dashed var(--text-brand);background:var(--bg-brand-light);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .2s;z-index:100}.StepModal-signature-overlay-box .drag-handle{position:absolute;top:-12px;left:50%;transform:translate(-50%);color:var(--text-brand);font-size:18px!important;background:var(--bg-primary);border-radius:4px;box-shadow:0 2px 4px var(--shadow-md);cursor:grab}.StepModal-signature-overlay-box .drag-handle:active{cursor:grabbing}.signature-box-content{display:flex;flex-direction:column;align-items:center;gap:4px}.candidate-label{font-size:11px;font-weight:600;color:var(--text-brand)}.sign-here{font-size:10px;color:var(--text-brand)}.signature-date{font-size:10px;color:var(--text-label);margin-top:2px;font-family:Inter,sans-serif;font-weight:500}.StepModal-signature-sidebar{width:320px;min-width:320px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;display:flex;flex-direction:column;height:100%;overflow-y:auto;flex-shrink:0}@media screen and (max-width:1024px){.StepModal-offer-letter-designer{flex-direction:column;height:auto;gap:16px}.StepModal-pdf-preview-container{height:600px}.StepModal-signature-sidebar{width:100%;min-width:0;height:auto;overflow-y:visible}}.StepModal-signature-sidebar h3{font-size:18px;font-weight:600;color:var(--text-heading);margin:0 0 24px}.StepModal-sidebar-item{margin-bottom:16px;flex-shrink:0}.StepModal-sidebar-row-coords{display:flex;gap:12px}.StepModal-sidebar-row-coords .StepModal-sidebar-item{flex:1}.StepModal-sidebar-input-box.small{padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-heading)}.StepModal-sidebar-item label{display:block;font-size:14px;font-weight:500;color:var(--text-body);margin-bottom:8px}.StepModal-sidebar-input-box{padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;color:var(--text-secondary-clr)}.StepModal-sidebar-switch-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.StepModal-sidebar-switch-row span{font-size:14px;font-weight:500;color:var(--text-body)}.StepModal-clear-placement-btn{width:100%;padding:10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;font-weight:600;color:var(--text-body);cursor:pointer;margin-top:8px;flex-shrink:0}.StepModal-clear-placement-btn:hover{background:var(--bg-secondary)}.StepModal-sidebar-tip{margin-top:auto;background:var(--bg-brand-light);border-radius:8px;padding:12px;display:flex;gap:12px;flex-shrink:0}.tip-icon{font-size:20px!important;color:var(--text-brand);margin-top:2px}.StepModal-sidebar-tip p{font-size:12px;line-height:18px;color:var(--text-brand-hover);margin:0}.StepModal-switch{position:relative;display:inline-block;width:36px;height:20px}.StepModal-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-subtle);transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--bg-primary);transition:.4s;box-shadow:0 1px 3px var(--shadow-md),0 1px 2px var(--shadow-md)}input:checked+.slider{background-color:var(--text-brand)}input:checked+.slider:before{transform:translate(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.resize-dot{position:absolute;width:6px;height:6px;background:var(--text-brand);border-radius:50%}.resize-dot.tl{top:-3px;left:-3px}.resize-dot.tr{top:-3px;right:-3px}.resize-dot.bl{bottom:-3px;left:-3px}.resize-dot.br{bottom:-3px;right:-3px}.StepModal-offer-iframe{border:none;width:100%;height:1700px}.StepModal-offer-iframe.is-dragging{pointer-events:none}.StepModal-pdf-viewer-main{position:relative;flex:1;overflow:auto;display:flex;justify-content:center;background:var(--text-heading);padding:20px}.StepModal-pdf-content{width:850px!important;min-width:850px;height:1700px;background:var(--bg-primary);box-shadow:0 8px 32px var(--bg-overlay);position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.StepModal-pdf-drag-container{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;pointer-events:none;z-index:20}.StepModal-pdf-top-bar{display:flex;justify-content:center;align-items:center;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--bg-hover)}.StepModal-pdf-instruction-text{font-size:13px;color:var(--text-secondary-clr);font-weight:500}.StepModal-pdf-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:1400px;background:var(--bg-secondary);color:var(--text-secondary-clr);font-size:14px;gap:16px;border:1px dashed var(--border-subtle);border-radius:8px}.StepModal-step2-content{background-color:var(--bg-primary);padding:24px 0 32px}.StepModal-success-banner-highlight{display:flex;align-items:center;background-color:var(--bg-success-light);border:1px solid var(--bg-success-light);border-radius:12px;padding:12px 20px;color:var(--text-label);font-size:14px;font-weight:500;gap:12px;margin-bottom:32px}.StepModal-banner-success-icon{font-size:20px!important;color:var(--text-success)}.StepModal-auto-fetched-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600}.StepModal-view-documents-link{background:none;border:none;padding:0;color:var(--text-brand);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s}.StepModal-view-documents-link:hover{color:var(--text-brand-hover);text-decoration:underline}.StepModal-section-title-large{font-size:18px;font-weight:700;color:var(--text-heading);margin:0}.StepModal-section-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 1px 2px var(--shadow-xs)}.StepModal-address-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.StepModal-address-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 1px 2px var(--shadow-xs)}.StepModal-address-title{font-size:16px;font-weight:600;color:var(--text-heading);margin:0}.StepModal-same-as-badge{font-size:11px;color:var(--text-brand);background:var(--bg-brand-light);padding:3px 10px;border-radius:12px;font-weight:700}.StepModal-education-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.StepModal-education-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;box-shadow:0 1px 2px var(--shadow-xs)}.StepModal-education-level-title{font-size:15px;font-weight:600;color:var(--text-heading);margin:0 0 20px;display:flex;align-items:center}.StepModal-mt-40{margin-top:40px!important}.StepModal-mt-32{margin-top:32px!important}.StepModal-mt-24{margin-top:24px!important}.StepModal-mt-16{margin-top:16px!important}.StepModal-mt-12{margin-top:12px!important}.StepModal-mt-8{margin-top:8px!important}.StepModal-skills-list{display:flex;flex-wrap:wrap;gap:10px}.StepModal-skill-chip{padding:6px 16px;background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:20px;color:var(--text-body);font-size:13px;font-weight:500}.StepModal-section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.StepModal-no-data-text{color:var(--text-secondary-clr);font-style:italic;font-size:14px;margin:0}.StepModal-docverify-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:21px;width:100%;margin-top:8px;margin-bottom:8px}.StepModal-docverify-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:28px;color:var(--text-heading);margin:0}.StepModal-docverify-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:-12px 0 0}.StepModal-docverify-cards-row{display:flex;flex-direction:row;align-items:stretch;gap:16px;width:100%}.StepModal-docverify-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:22px 22px 14px;gap:12px;flex:1;min-width:0;max-height:160px;overflow-y:auto;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.StepModal-docverify-card::-webkit-scrollbar{width:6px}.StepModal-docverify-card::-webkit-scrollbar-track{background:transparent}.StepModal-docverify-card::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}.StepModal-docverify-card::-webkit-scrollbar-thumb:hover{background:var(--border-subtle)}.StepModal-docverify-card:hover{border-color:var(--text-brand);box-shadow:0 2px 12px var(--shadow-sm)}.StepModal-docverify-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.StepModal-docverify-card-info{display:flex;flex-direction:column;gap:4px}.StepModal-docverify-card-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.StepModal-docverify-card-count{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.StepModal-docverify-card-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.StepModal-docverify-badges-wrap{display:flex;flex-wrap:wrap;gap:8px;width:100%}.StepModal-docverify-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;white-space:nowrap}.StepModal-docverify-warning{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:14px 18px;gap:8px;width:100%;background:var(--bg-warning-light);border:2px solid var(--border-warning);border-radius:10px}.StepModal-docverify-warning span:not(.material-icons){font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-warning)}.StepModal-success-banner-highlight{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:14px 18px;gap:8px;width:100%;background:var(--bg-success-light);border:2px solid var(--border-success);border-radius:10px;margin-top:8px}.StepModal-success-banner-highlight span:not(.material-icons){font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-success)}.StepModal-banner-success-icon{color:var(--text-success);font-size:20px!important}@media(max-width:900px){.StepModal-docverify-cards-row{flex-direction:column}}.pdf-viewer-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:100%;overflow-x:auto}.pdf-controls{display:flex;align-items:center;gap:15px;background:#fff;padding:10px 20px;border-radius:50px;box-shadow:0 2px 8px #0000000d}.pdf-controls button{padding:8px 16px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.pdf-controls button:disabled{background-color:#ccc;cursor:not-allowed}.pdf-controls button:hover:not(:disabled){background-color:#0056b3}.pdf-canvas-wrapper{position:relative;border:1px solid #ddd;background:#fff;cursor:none;display:inline-block;box-shadow:0 4px 12px #0000001a}.pdf-canvas-wrapper canvas{display:block;max-width:100%}.pdf-hover-box-pointer{position:absolute;pointer-events:none;border:2px dashed #1868DB;background:#1868db26;z-index:100;display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.pdf-selected-box-marker{position:absolute;pointer-events:none;border:2px solid #10b981;background:#10b98133;z-index:110;display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.box-label,.box-label-selected{font-size:10px;padding:3px 8px;border-radius:3px;white-space:nowrap;text-transform:uppercase;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.box-label{background:#1868db;color:#fff}.box-label-selected{background:#10b981;color:#fff}.coordinate-display{margin-top:15px;font-family:Courier New,Courier,monospace;background:#333;color:#fff;padding:10px 15px;border-radius:4px;font-size:.9rem}.DocumentRequested-container{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.DocumentRequested-controls{display:flex;justify-content:flex-start;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.DocumentRequested-search-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;gap:8px;width:100%;max-width:320px}.DocumentRequested-search-input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-heading)}.DocumentRequested-dropdown-wrapper{display:flex;align-items:center;min-width:150px}.DocumentRequested-select{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:var(--text-body);cursor:pointer}.DocumentRequested-section-header{display:flex;align-items:center;gap:12px}.DocumentRequested-header-icon{color:var(--text-brand);font-size:24px}.DocumentRequested-header-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.DocumentRequested-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.DocumentRequested-candidate-cell{display:flex;align-items:center;gap:12px}.DocumentRequested-avatar{width:36px;height:36px;background:var(--text-brand);color:var(--bg-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.DocumentRequested-candidate-info{display:flex;flex-direction:column}.DocumentRequested-candidate-name{font-weight:600;color:var(--text-heading);margin:0}.DocumentRequested-candidate-email{font-size:12px;color:var(--text-secondary-clr);margin:0}.DocumentRequested-role-info{display:flex;flex-direction:column}.DocumentRequested-role-title{font-weight:500;color:var(--text-heading)}.DocumentRequested-role-exp{font-size:12px;color:var(--text-secondary-clr)}.DocumentRequested-progress-container{display:flex;align-items:center;gap:8px;width:140px}.DocumentRequested-progress-bar-bg{width:100px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.DocumentRequested-progress-bar-fill{height:100%;background:var(--text-brand)}.DocumentRequested-progress-text{font-size:12px;font-weight:600;color:var(--text-heading)}.DocumentRequested-status-pill{display:inline-flex;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:var(--bg-brand-light);color:var(--text-brand-hover);border:1px solid var(--border-info);white-space:nowrap}.DocumentRequested-btn-send{display:flex;align-items:center;gap:8px;background:var(--text-brand);color:var(--bg-primary);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.DocumentRequested-btn-send:disabled{background:var(--bg-brand-light);cursor:not-allowed}.DocumentRequested-action-icons{display:flex;align-items:center;gap:12px}.DocumentRequested-view-icon{color:var(--text-secondary-clr);cursor:pointer;font-size:20px}@media(max-width:768px){.DocumentRequested-controls{flex-direction:column;align-items:stretch}.DocumentRequested-search-wrapper{max-width:none}}.-Drpdown-options-portal{width:auto!important;min-width:120px!important}.ReviewDocuments-container{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.ReviewDocuments-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.ReviewDocuments-search-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;gap:8px;width:100%;max-width:320px}.ReviewDocuments-search-input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-heading)}.ReviewDocuments-dropdown-wrapper{display:flex;align-items:center;min-width:150px}.ReviewDocuments-select{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:var(--text-body);cursor:pointer}.ReviewDocuments-section-header{display:flex;align-items:center;gap:12px}.ReviewDocuments-header-icon{color:var(--text-brand);font-size:24px}.ReviewDocuments-header-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.ReviewDocuments-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.ReviewDocuments-candidate-cell{display:flex;align-items:center;gap:12px}.ReviewDocuments-avatar{width:36px;height:36px;background:var(--text-brand);color:var(--bg-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.ReviewDocuments-candidate-info{display:flex;flex-direction:column}.ReviewDocuments-candidate-name{font-weight:600;color:var(--text-heading);margin:0}.ReviewDocuments-candidate-email{font-size:12px;color:var(--text-secondary-clr);margin:0}.ReviewDocuments-role-info{display:flex;flex-direction:column}.ReviewDocuments-role-title{font-weight:500;color:var(--text-heading)}.ReviewDocuments-role-exp{font-size:12px;color:var(--text-secondary-clr)}.ReviewDocuments-progress-container{display:flex;align-items:center;gap:8px;width:140px}.ReviewDocuments-progress-bar-bg{width:100px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.ReviewDocuments-progress-bar-fill{height:100%;background:var(--text-brand)}.ReviewDocuments-progress-text{font-size:12px;font-weight:600;color:var(--text-heading)}.ReviewDocuments-status-pill{display:inline-flex;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:var(--bg-brand-light);color:var(--text-brand-hover);border:1px solid var(--border-info);white-space:nowrap}.ReviewDocuments-status-pill.changes-requested{background:var(--bg-danger-light);color:var(--text-danger);border:1px solid var(--border-danger)}.ReviewDocuments-btn-review{display:flex;align-items:center;gap:8px;background:var(--text-brand);color:var(--bg-primary);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.ReviewDocuments-btn-review:hover{background:var(--text-brand-hover)}.ReviewDocuments-action-icons{display:flex;align-items:center;gap:12px}@media(max-width:768px){.ReviewDocuments-controls{flex-direction:column;align-items:stretch}.ReviewDocuments-search-wrapper{max-width:none}}.ShareOfferLetter-container{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.ShareOfferLetter-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.ShareOfferLetter-search-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;gap:8px;width:100%;max-width:320px}.ShareOfferLetter-search-input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-heading)}.ShareOfferLetter-dropdown-wrapper{display:flex;align-items:center;min-width:150px}.ShareOfferLetter-select{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:var(--text-body);cursor:pointer}.ShareOfferLetter-section-header{display:flex;align-items:center;gap:12px}.ShareOfferLetter-header-icon{color:var(--text-brand);font-size:24px}.ShareOfferLetter-header-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.ShareOfferLetter-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.ShareOfferLetter-candidate-cell{display:flex;align-items:center;gap:12px}.ShareOfferLetter-avatar{width:36px;height:36px;background:var(--text-brand);color:var(--bg-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.ShareOfferLetter-candidate-info{display:flex;flex-direction:column}.ShareOfferLetter-candidate-name{font-weight:600;color:var(--text-heading);margin:0}.ShareOfferLetter-candidate-email{font-size:12px;color:var(--text-secondary-clr);margin:0}.ShareOfferLetter-role-info{display:flex;flex-direction:column}.ShareOfferLetter-role-title{font-weight:500;color:var(--text-heading)}.ShareOfferLetter-role-exp{font-size:12px;color:var(--text-secondary-clr)}.ShareOfferLetter-progress-container{display:flex;align-items:center;gap:8px;width:140px}.ShareOfferLetter-progress-bar-bg{width:100px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.ShareOfferLetter-progress-bar-fill{height:100%;background:var(--text-brand)}.ShareOfferLetter-progress-text{font-size:12px;font-weight:600;color:var(--text-heading)}.ShareOfferLetter-status-pill{display:inline-flex;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:var(--bg-brand-light);color:var(--text-brand-hover);border:1px solid var(--border-info);white-space:nowrap}.ShareOfferLetter-btn-send{display:flex;align-items:center;gap:8px;background:var(--text-brand);color:var(--bg-primary);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.ShareOfferLetter-btn-send:disabled{background:var(--bg-brand-light);cursor:not-allowed}.ShareOfferLetter-action-icons{display:flex;align-items:center;gap:12px}.ShareOfferLetter-view-icon{color:var(--text-secondary-clr);cursor:pointer;font-size:20px}@media(max-width:768px){.ShareOfferLetter-controls{flex-direction:column;align-items:stretch}.ShareOfferLetter-search-wrapper{max-width:none}}.JoiningFormalities-container{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.JoiningFormalities-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.JoiningFormalities-search-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;gap:8px;width:100%;max-width:320px}.JoiningFormalities-search-input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-heading)}.JoiningFormalities-dropdown-wrapper{display:flex;align-items:center;min-width:150px}.JoiningFormalities-select{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:var(--text-body);cursor:pointer}.JoiningFormalities-section-header{display:flex;align-items:center;gap:12px}.JoiningFormalities-header-icon{color:var(--text-brand);font-size:24px}.JoiningFormalities-header-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.JoiningFormalities-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.JoiningFormalities-candidate-cell{display:flex;align-items:center;gap:12px}.JoiningFormalities-avatar{width:36px;height:36px;background:var(--text-brand);color:var(--bg-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.JoiningFormalities-candidate-info{display:flex;flex-direction:column}.JoiningFormalities-candidate-name{font-weight:600;color:var(--text-heading);margin:0}.JoiningFormalities-candidate-email{font-size:12px;color:var(--text-secondary-clr);margin:0}.JoiningFormalities-role-info{display:flex;flex-direction:column}.JoiningFormalities-role-title{font-weight:500;color:var(--text-heading)}.JoiningFormalities-role-exp{font-size:12px;color:var(--text-secondary-clr)}.JoiningFormalities-progress-container{display:flex;align-items:center;gap:8px;width:140px}.JoiningFormalities-progress-bar-bg{width:100px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.JoiningFormalities-progress-bar-fill{height:100%;background:var(--text-brand)}.JoiningFormalities-progress-text{font-size:12px;font-weight:600;color:var(--text-heading)}.JoiningFormalities-status-pill{display:inline-flex;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:var(--bg-brand-light);color:var(--text-brand-hover);border:1px solid var(--border-info);white-space:nowrap}.JoiningFormalities-btn-view{display:flex;align-items:center;gap:8px;background:var(--text-brand);color:var(--bg-primary);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.JoiningFormalities-btn-view:hover{background:var(--text-brand-hover)}.JoiningFormalities-action-icons{display:flex;align-items:center;gap:12px}@media(max-width:768px){.JoiningFormalities-controls{flex-direction:column;align-items:stretch}.JoiningFormalities-search-wrapper{max-width:none}}.WorkplaceSetup-container{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.WorkplaceSetup-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.WorkplaceSetup-search-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;gap:8px;width:100%;max-width:320px}.WorkplaceSetup-search-input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-heading)}.WorkplaceSetup-dropdown-wrapper{display:flex;align-items:center;min-width:150px}.WorkplaceSetup-select{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:var(--text-body);cursor:pointer}.WorkplaceSetup-section-header{display:flex;align-items:center;gap:12px}.WorkplaceSetup-header-icon{color:var(--text-brand);font-size:24px}.WorkplaceSetup-header-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.WorkplaceSetup-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.WorkplaceSetup-candidate-cell{display:flex;align-items:center;gap:12px}.WorkplaceSetup-avatar{width:36px;height:36px;background:var(--text-brand);color:var(--bg-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.WorkplaceSetup-candidate-info{display:flex;flex-direction:column}.WorkplaceSetup-candidate-name{font-weight:600;color:var(--text-heading);margin:0}.WorkplaceSetup-candidate-email{font-size:12px;color:var(--text-secondary-clr);margin:0}.WorkplaceSetup-role-info{display:flex;flex-direction:column}.WorkplaceSetup-role-title{font-weight:500;color:var(--text-heading)}.WorkplaceSetup-role-exp{font-size:12px;color:var(--text-secondary-clr)}.WorkplaceSetup-progress-container{display:flex;align-items:center;gap:8px;width:140px}.WorkplaceSetup-progress-bar-bg{width:100px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.WorkplaceSetup-progress-bar-fill{height:100%;background:var(--text-brand)}.WorkplaceSetup-progress-text{font-size:12px;font-weight:600;color:var(--text-heading)}.WorkplaceSetup-status-pill{display:inline-flex;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:var(--bg-brand-light);color:var(--text-brand-hover);border:1px solid var(--border-info);white-space:nowrap}.WorkplaceSetup-btn-view{display:flex;align-items:center;gap:8px;background:var(--text-brand);color:var(--bg-primary);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.WorkplaceSetup-btn-view:hover{background:var(--text-brand-hover)}.WorkplaceSetup-action-icons{display:flex;align-items:center;gap:12px}@media(max-width:768px){.WorkplaceSetup-controls{flex-direction:column;align-items:stretch}.WorkplaceSetup-search-wrapper{max-width:none}}.-Drpdown-options-portal{width:auto!important;min-width:100%}.BackgroundVerification-container{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.BackgroundVerification-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.BackgroundVerification-search-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;gap:8px;width:100%;max-width:320px}.BackgroundVerification-search-input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-heading)}.BackgroundVerification-dropdown-wrapper{display:flex;align-items:center;min-width:150px}.BackgroundVerification-select{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:var(--text-body);cursor:pointer}.BackgroundVerification-section-header{display:flex;align-items:center;gap:12px}.BackgroundVerification-header-icon{color:var(--text-brand);font-size:24px}.BackgroundVerification-header-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.BackgroundVerification-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.BackgroundVerification-candidate-cell{display:flex;align-items:center;gap:12px}.BackgroundVerification-avatar{width:36px;height:36px;background:var(--text-brand);color:var(--bg-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px}.BackgroundVerification-candidate-info{display:flex;flex-direction:column}.BackgroundVerification-candidate-name{font-weight:600;color:var(--text-heading);margin:0}.BackgroundVerification-candidate-email{font-size:12px;color:var(--text-secondary-clr);margin:0}.BackgroundVerification-role-info{display:flex;flex-direction:column}.BackgroundVerification-role-title{font-weight:500;color:var(--text-heading)}.BackgroundVerification-role-exp{font-size:12px;color:var(--text-secondary-clr)}.BackgroundVerification-progress-container{display:flex;align-items:center;gap:8px;width:140px}.BackgroundVerification-progress-bar-bg{width:100px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.BackgroundVerification-progress-bar-fill{height:100%;background:var(--text-brand)}.BackgroundVerification-progress-text{font-size:12px;font-weight:600;color:var(--text-heading)}.BackgroundVerification-status-pill{display:inline-flex;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:var(--bg-brand-light);color:var(--text-brand-hover);border:1px solid var(--border-info);white-space:nowrap}.BackgroundVerification-status-pill.failed{background:var(--bg-danger-light);color:var(--text-danger);border-color:var(--border-danger)}.BackgroundVerification-status-pill.verified{background:var(--bg-success-light);color:var(--text-success);border-color:var(--border-success)}.BackgroundVerification-btn-view{display:flex;align-items:center;gap:8px;background:var(--text-brand);color:var(--bg-primary);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.BackgroundVerification-btn-view:hover{background:var(--text-brand-hover)}.BackgroundVerification-action-icons{display:flex;align-items:center;gap:12px}@media(max-width:768px){.BackgroundVerification-controls{flex-direction:column;align-items:stretch}.BackgroundVerification-search-wrapper{max-width:none}}.-Drpdown-option{white-space:nowrap!important}.-Drpdown-options-portal{width:auto!important;min-width:10%}.event-layout{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.event-content-area{width:100%}.event-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;width:100%;margin-top:24px;overflow-x:visible;padding-bottom:0}@media(max-width:1200px){.event-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.event-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.event-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.event-stats-row{grid-template-columns:1fr}}.event-stat-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-width:0;height:120px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;flex-grow:1;align-self:stretch;transition:all .2s ease}.event-stat-card.active{background:var(--bg-brand-light);border:1px solid var(--text-brand)}.event-card-inner{display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;height:52px}.event-icon-box{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:var(--bg-brand-light);border-radius:10px;flex-shrink:0}.event-stats-row .event-stat-card:nth-child(1) .event-icon-box{background:#fad3ad}.event-stats-row .event-stat-card:nth-child(2) .event-icon-box{background:#d1caec}.event-stats-row .event-stat-card:nth-child(3) .event-icon-box{background:#c5d140}.event-stats-row .event-stat-card:nth-child(4) .event-icon-box{background:#eaf391}.event-stats-row .event-stat-card:nth-child(5) .event-icon-box{background:#60dcda}.event-icon,.event-icon-box .material-icons-outlined{font-size:24px!important;color:#f5f5f5!important}.event-stat-card.active .event-icon{color:#f5f5f5!important}.event-stat-content{display:flex;flex-direction:column;flex:1;min-width:0}.event-stat-value{width:100%;font-family:Inter,sans-serif;font-weight:700;font-size:24px;line-height:32px;color:var(--text-heading)}.event-stat-card.active .event-stat-value{color:var(--text-brand)}.event-stat-label{width:100%;font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.event-stat-card.active .event-stat-label{color:var(--text-brand)}.promotions-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:14px;overflow:visible;height:auto;position:relative;z-index:1}.promotions-header{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;width:100%;height:72px;background:var(--bg-brand-light);border-bottom:.67px solid var(--border-subtle);position:relative;z-index:50;border-top-left-radius:13.5px;border-top-right-radius:13.5px}.promotions-title-group{display:flex;flex-direction:row;align-items:center;gap:8px}.promotions-icon-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.promotions-icon-vector{color:var(--text-brand);font-size:20px}.promotions-title-text{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:27px;color:var(--text-heading)}.promotions-month-dropdown{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;width:140px;height:40px;background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:10px;cursor:pointer;position:relative;z-index:60}.promotions-month-text{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--text-heading);flex-grow:1}.promotions-dropdown-arrow{width:16px;height:16px;color:var(--text-heading)}.promotions-dropdown-menu{position:absolute;top:100%;left:0;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-top:4px;z-index:100;max-height:200px;overflow-y:auto;box-shadow:0 4px 6px -1px var(--shadow-md)}.promotions-dropdown-item{padding:8px 16px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px}.promotions-dropdown-item:hover{background-color:var(--bg-hover)}.promotions-content-wrapper{width:100%;flex-grow:1;display:flex;flex-direction:column}.promotions-employee-cell{display:flex;align-items:center;gap:12px}.promotions-avatar{width:36px;height:36px;border-radius:50%;background:var(--text-brand);color:var(--bg-primary);display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:500;font-size:14px;flex-shrink:0}.promotions-employee-name{font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.promotions-text-primary{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-heading)}.promotions-text-secondary{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label)}.promotions-status-badge{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3px 13px;gap:10px;border-radius:20px;width:fit-content;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:16px}.promotions-status-approved{background:var(--bg-success-light);border:.67px solid var(--text-success);color:var(--text-success)}.promotions-status-pending{background:var(--bg-warning-light);border:.67px solid var(--border-warning);color:var(--text-warning)}.promotions-status-rejected{background:var(--bg-danger-light);border:.67px solid var(--text-danger);color:var(--text-danger)}.promotions-actions-cell{display:flex;align-items:center;justify-content:center}.promotions-action-buttons{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;min-height:32px}.promotions-approve-btn,.promotions-reject-btn{width:32px;height:32px;border:1px solid;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background-color:transparent}.promotions-approve-btn{color:var(--text-success);border-color:var(--text-success)}.promotions-approve-btn:hover{color:var(--text-success);background-color:var(--bg-success-light);border-color:var(--text-success)}.promotions-reject-btn{color:var(--text-danger);border-color:var(--text-danger)}.promotions-reject-btn:hover{color:var(--text-danger);background-color:var(--bg-danger-light);border-color:var(--text-danger)}.promotions-rejection-reason{font-size:.75rem;color:var(--text-danger);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotions-approval-info{font-size:.75rem;color:var(--text-success);font-weight:500}.promotions-reject-overlay{position:fixed;inset:0;background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999}.promotions-reject-dialog{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 25px -5px var(--shadow-md),0 10px 10px -5px var(--shadow-xs);width:480px;max-width:95vw;overflow:hidden;animation:promotionsDialogSlideIn .3s ease-out}@keyframes promotionsDialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.promotions-reject-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--bg-hover);background-color:var(--bg-secondary)}.promotions-reject-dialog-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-body)}.promotions-reject-dialog-close{background:none;border:none;font-size:24px;color:var(--text-secondary-clr);cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease}.promotions-reject-dialog-close:hover{background-color:var(--border-subtle);color:var(--text-body)}.promotions-reject-dialog-body{padding:24px;background-color:var(--bg-primary)}.promotions-reject-dialog-body p{font-size:15px;color:var(--text-body);margin-bottom:16px;line-height:1.5}.promotions-reject-input-container{width:100%;margin-bottom:16px}.promotions-reject-input-label{display:block;font-size:15px;font-weight:500;color:var(--text-body);margin-bottom:8px;line-height:1.4}.promotions-required-asterisk{color:var(--text-danger);margin-left:2px}.promotions-reject-textarea{width:100%;min-height:80px;max-height:100px;padding:8px 12px;font-size:14px;font-family:inherit;line-height:1.4;color:var(--text-body);background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;resize:vertical;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.promotions-reject-textarea:focus{outline:none;border-color:var(--text-brand);box-shadow:0 0 0 2px var(--bg-brand-light)}.promotions-reject-textarea:hover{border-color:var(--text-brand)}.promotions-reject-textarea::placeholder{color:var(--text-muted-clr);opacity:1}.promotions-reject-textarea-error{border-color:var(--text-danger);box-shadow:0 0 0 2px var(--bg-danger-light)}.promotions-reject-textarea-error:focus{border-color:var(--text-danger);box-shadow:0 0 0 2px var(--bg-danger-light)}.promotions-reject-error-message{font-size:13px;color:var(--text-danger);margin-top:6px;line-height:1.4}.promotions-reject-dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--bg-hover);background-color:var(--bg-secondary)}.promotions-reject-cancel-btn,.promotions-reject-confirm-btn{padding:8px 20px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid}.promotions-reject-cancel-btn{border-color:var(--text-secondary-clr);color:var(--text-secondary-clr);background-color:var(--bg-primary)}.promotions-reject-cancel-btn:hover{background-color:var(--bg-secondary)}.promotions-reject-confirm-btn{background-color:var(--text-danger);color:var(--bg-primary);border-color:var(--text-danger)}.promotions-reject-confirm-btn:hover{background-color:var(--text-danger);border-color:var(--text-danger)}.promotions-reject-confirm-btn:disabled{background-color:var(--text-secondary-clr);border-color:var(--text-secondary-clr);opacity:.7;cursor:not-allowed}.promotions-action-btn{background:none;border:none;cursor:pointer;color:var(--text-label);display:flex;align-items:center;justify-content:center;width:30px;height:30px}.promotions-container .hiring-shared-empty-state-frame{border:none!important;box-shadow:none!important;background:none!important;height:auto!important;padding:48px 0;border-radius:0!important}.promotions-loader-container{display:flex;justify-content:center;align-items:center;width:100%;padding:48px}.promotions-shared-table,.promotions-shared-table .payroll-shared-table-container,.promotions-shared-table table{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.promotions-shared-table{border:none!important;background:transparent!important}.promotions-shared-table .payroll-shared-table th:first-child,.promotions-shared-table .payroll-shared-table th:last-child{border-radius:0!important}.promotions-shared-table .payroll-shared-pagination{border-bottom-left-radius:13.5px!important;border-bottom-right-radius:13.5px!important}.promotions-empty-container,.promotions-loader-container{border-bottom-left-radius:13.5px!important;border-bottom-right-radius:13.5px!important;overflow:hidden}.event-details-container{width:100%;background:var(--bg-primary);border:.666667px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;height:auto;overflow:visible;z-index:1;position:relative}.event-header-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:16px 24px;gap:8px;width:100%;background:var(--bg-brand-light);border-bottom:.666667px solid var(--border-subtle);border-radius:12px 12px 0 0;flex-shrink:0;position:relative;z-index:50}.event-header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:40px}.event-header-title-group{display:flex;flex-direction:row;align-items:center;gap:8px}.event-header-icon{color:var(--text-brand);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.event-header-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:27px;color:var(--text-heading)}.event-month-filter{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;height:40px;background:var(--bg-primary);border:.666667px solid var(--border-subtle);border-radius:10px;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;color:var(--text-heading);position:relative;min-width:117px;justify-content:space-between;z-index:60}.event-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-primary);border:1px solid var(--bg-hover);box-shadow:0 4px 6px -2px var(--shadow-xs),0 12px 16px -4px var(--shadow-md);border-radius:8px;width:100%;max-height:300px;overflow-y:auto;z-index:100}.event-dropdown-item{padding:10px 16px;font-size:14px;color:var(--text-body);cursor:pointer}.event-dropdown-item:hover{background:var(--bg-secondary)}.event-header-tabs{display:flex;flex-direction:row;align-items:flex-start;gap:8px;height:36px}.event-header-tab{display:flex;justify-content:center;align-items:center;height:36px;border-radius:10px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;cursor:pointer;border:none;transition:all .2s;min-width:73px}.event-header-tab.active{background:var(--text-brand);color:var(--bg-primary)}.event-header-tab.inactive{background:var(--bg-hover);color:var(--text-body)}.event-content-wrapper{flex:1;overflow:auto;position:relative;z-index:1;border-radius:0 0 12px 12px}.event-info-cell{display:flex;align-items:center;gap:12px}.event-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-brand-light);color:var(--text-brand);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.event-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.event-user-details{display:flex;flex-direction:column}.event-user-name{font-weight:500;font-size:14px;color:var(--text-heading)}.event-user-dept{font-weight:400;font-size:12px;color:var(--text-secondary-clr)}.event-date-text{font-size:14px;color:var(--text-label)}.event-anniversary-badge{display:inline-flex;align-items:center;padding:0 12px;height:36px;background:var(--bg-brand-light);border:.67px solid var(--bg-brand-light);border-radius:10px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:var(--text-brand);gap:8px}.event-badge-icon{font-size:16px;color:var(--text-brand)}.event-badge strong{margin-right:4px}.event-details-container .hiring-shared-empty-state-frame{border:none!important;box-shadow:none!important;background:none!important;height:auto!important;padding:32px 0;border-radius:0!important}.event-details-container .hiring-shared-table-container,.event-details-container table{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.event-no-header-table thead{display:none}.event-no-header-table td{padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--bg-hover)}.event-no-header-table tr:last-child td{border-bottom:none}.new-joining-container{width:100%;background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;height:auto}.new-joining-header{display:flex;flex-direction:column;gap:8px;padding:16px 24px;background:var(--bg-brand-light);border-bottom:.67px solid var(--border-subtle);border-radius:12px 12px 0 0}.new-joining-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.new-joining-title-group{display:flex;align-items:center;gap:8px}.new-joining-icon{color:var(--text-brand);display:flex;align-items:center}.new-joining-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:var(--text-heading)}.new-joining-filters{display:flex;align-items:center;gap:12px}.new-joining-dropdown{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-primary);border:.67px solid var(--border-subtle);border-radius:10px;cursor:pointer;min-width:120px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading);position:relative;height:40px;box-sizing:border-box}.new-joining-tabs{display:flex;gap:8px}.new-joining-tab-btn{padding:8px 16px;height:36px;border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;background:var(--bg-hover);color:var(--text-body)}.new-joining-tab-btn.active{background:var(--text-brand);color:var(--bg-primary)}.new-joining-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px;overflow-y:auto;flex:1}.new-joining-card{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-profile{display:flex;gap:12px}.card-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--text-brand) 0%,var(--text-brand) 100%);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.card-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.card-user-info{display:flex;flex-direction:column}.card-name{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:var(--text-heading)}.card-role{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-label)}.card-status-badge{padding:4px 12px;border-radius:20px;font-family:Inter,sans-serif;font-weight:600;font-size:12px}.card-status-badge.ready{background:var(--bg-success-light);border:.67px solid var(--border-success);color:var(--text-success)}.card-status-badge.progress{background:var(--bg-brand-light);border:.67px solid var(--border-info);color:var(--text-info)}.card-meta-row{display:flex;justify-content:space-between;align-items:center;border-bottom:.67px solid var(--border-subtle);padding-bottom:16px}.card-meta-item{display:flex;align-items:center;gap:8px;color:var(--text-body);font-family:Inter,sans-serif;font-size:14px}.card-joining-date{font-family:Inter,sans-serif;font-size:14px;color:var(--text-label)}.card-stages-section{display:flex;flex-direction:column;gap:12px}.stages-title{font-family:Inter,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--text-body)}.stages-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.stage-pill.completed{background:var(--bg-success-light);border:.67px solid var(--border-success);color:var(--text-success)}.stage-pill.pending{background:var(--bg-secondary);border:.67px solid var(--border-subtle);color:var(--text-label)}.stage-icon{font-size:14px}.card-bv-section{display:flex;flex-direction:column;gap:8px}.bv-status-bar{display:flex;align-items:center;padding:8px 12px;gap:8px;border-radius:10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.bv-status-bar.completed{background:var(--bg-success-light);border:.67px solid var(--border-success);color:var(--text-success)}.bv-status-bar.progress{background:var(--bg-brand-light);border:.67px solid var(--border-info);color:var(--text-info)}.bv-status-bar.pending{background:var(--bg-secondary);border:.67px solid var(--border-subtle);color:var(--text-label)}.new-joining-container .hiring-shared-empty-state-frame{border:none!important;border-radius:0!important}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-primary);border:1px solid var(--bg-hover);box-shadow:0 4px 6px -2px var(--shadow-xs);border-radius:8px;width:100%;max-height:200px;overflow-y:auto;z-index:100}.dropdown-item{padding:10px 16px;font-size:14px;color:var(--text-body);cursor:pointer}.dropdown-item:hover{background:var(--bg-secondary)}.employee-layout{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.employee-content-area{width:100%}.employee-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;width:100%;margin-top:24px;overflow-x:visible;padding-bottom:0}@media(max-width:1200px){.employee-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.employee-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.employee-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.employee-stats-row{grid-template-columns:1fr}}.employee-stat-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-width:0;height:120px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;flex-grow:1;align-self:stretch;transition:all .2s ease}.employee-stat-card.active{background:var(--bg-brand-light);border:1px solid var(--text-brand)}.employee-card-inner{display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;height:52px}.employee-icon-box{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:var(--bg-brand-light);border-radius:10px;flex-shrink:0}.employee-icon{font-size:20px;color:var(--text-brand)}.employee-stat-card.active .employee-icon-box{background:var(--text-brand)}.employee-stat-card.active .employee-icon{color:var(--bg-primary)}.employee-stat-card.total-employees .employee-icon-box{background:#3f51b5}.employee-stat-card.total-employees .employee-icon{color:#fff!important}.employee-stat-card.total-employees.active{background:#f0f4ff;border-color:#3f51b5}.employee-stat-card.total-employees.active .employee-stat-value,.employee-stat-card.total-employees.active .employee-stat-label{color:#3f51b5}.employee-stat-card.active-employees .employee-icon-box{background:#137333}.employee-stat-card.active-employees .employee-icon{color:#fff!important}.employee-stat-card.active-employees.active{background:#f1f9f4;border-color:#137333}.employee-stat-card.active-employees.active .employee-stat-value,.employee-stat-card.active-employees.active .employee-stat-label{color:#137333}.employee-stat-card.on-probation .employee-icon-box{background:#b06000}.employee-stat-card.on-probation .employee-icon{color:#fff!important}.employee-stat-card.on-probation.active{background:#fffbeb;border-color:#b06000}.employee-stat-card.on-probation.active .employee-stat-value,.employee-stat-card.on-probation.active .employee-stat-label{color:#b06000}.employee-stat-card.notice-period .employee-icon-box{background:#c5221f}.employee-stat-card.notice-period .employee-icon{color:#fff!important}.employee-stat-card.notice-period.active{background:#fff1f2;border-color:#c5221f}.employee-stat-card.notice-period.active .employee-stat-value,.employee-stat-card.notice-period.active .employee-stat-label{color:#c5221f}.employee-stat-card.inactive-suspended .employee-icon-box{background:#7c3aed}.employee-stat-card.inactive-suspended .employee-icon{color:#fff!important}.employee-stat-card.inactive-suspended.active{background:#faf5ff;border-color:#7c3aed}.employee-stat-card.inactive-suspended.active .employee-stat-value,.employee-stat-card.inactive-suspended.active .employee-stat-label{color:#7c3aed}.employee-stat-content{display:flex;flex-direction:column;flex:1;min-width:0}.employee-stat-value{width:100%;font-family:Inter,sans-serif;font-weight:700;font-size:24px;line-height:32px;color:var(--text-heading)}.employee-stat-card.active .employee-stat-value{color:var(--text-brand)}.employee-stat-label{width:100%;font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.employee-stat-card.active .employee-stat-label{color:var(--text-brand)}.employee-empty-state-frame{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:81px 171px;gap:19px;width:100%;min-height:473px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;text-align:center}.employee-empty-state-icon{display:flex;justify-content:center;align-items:center;width:128px;height:128px;background:var(--bg-brand-light);border-radius:50%;flex:none;order:0;flex-grow:0}.employee-empty-state-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--text-heading);margin:0;flex:none;order:1;flex-grow:0}.employee-empty-state-description{max-width:448px;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:var(--text-label);margin:0;flex:none;order:2;flex-grow:0}.employee-btn-large{display:flex;flex-direction:row;align-items:center;padding:11px 16px;gap:8px;width:auto;min-width:193px;height:46px;background:var(--text-brand);border-radius:10px;border:none;color:var(--bg-primary);font-family:Inter,sans-serif;font-weight:500;font-size:16px;cursor:pointer;justify-content:center;transition:background-color .2s}.employee-btn-large:hover{background:var(--text-brand-hover)}.employee-list-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--bg-brand-light);color:var(--text-brand);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-right:8px;flex-shrink:0}.employee-type-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:400;line-height:16px}.employee-payroll-table .hiring-shared-status-badge.active{background:var(--bg-success-light);color:var(--text-success);border:.67px solid var(--text-success)}.employee-payroll-table .hiring-shared-status-badge.inactive,.employee-payroll-table .hiring-shared-status-badge.suspended{background:var(--bg-danger-light);color:var(--text-danger);border:.67px solid var(--text-danger)}.employee-payroll-table .hiring-shared-status-badge.notice-period,.employee-payroll-table .hiring-shared-status-badge.on-probation{background:var(--bg-brand-light);color:var(--text-brand);border:.67px solid var(--text-brand)}.employee-payroll-table .hiring-shared-status-badge.in-transition{background:#fffbeb;color:#d97706;border:.67px solid #D97706}.employee-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.employee-modal-container{background:var(--bg-primary);border-radius:12px;width:500px;max-width:90%;box-shadow:0 4px 6px -1px var(--shadow-md);display:flex;flex-direction:column}.employee-modal-header{padding:16px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.employee-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-heading);font-family:Inter,sans-serif}.employee-modal-header .close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary-clr);display:flex;align-items:center;justify-content:center}.employee-modal-body{padding:24px}.leave-stats-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.leave-stat-box{background:var(--bg-secondary);border-radius:8px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.leave-stat-box .label{font-size:14px;color:var(--text-secondary-clr);font-family:Inter,sans-serif}.leave-stat-box .value{font-size:24px;font-weight:700;color:var(--text-heading);font-family:Inter,sans-serif}.leave-stat-box .value.highlight{color:var(--text-brand)}.leave-types-list table{width:100%;border-collapse:collapse}.leave-types-list th{text-align:left;padding:12px 8px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary-clr);border-bottom:1px solid var(--border-subtle);font-family:Inter,sans-serif}.leave-types-list td{padding:12px 8px;font-size:14px;color:var(--text-body);border-bottom:1px solid var(--bg-hover);font-family:Inter,sans-serif}.leave-types-list tr:last-child td{border-bottom:none}.employee-payroll-table{border:.666667px solid var(--border-subtle);border-radius:10px;background:var(--bg-primary);display:flex;flex-direction:column;width:100%}.employee-payroll-table .payroll-shared-table{table-layout:fixed!important;min-width:1000px!important}.employee-payroll-table .payroll-shared-table th,.employee-payroll-table .payroll-shared-table td{padding-left:16px}.employee-payroll-table .payroll-shared-table-header-scroll{position:sticky!important;top:0!important;z-index:20;border-top-left-radius:10px;border-top-right-radius:10px}.employee-payroll-table .hiring-shared-pagination,.employee-payroll-table .payroll-shared-pagination{border-top:.666667px solid var(--border-subtle);padding:16px 24px;background:var(--bg-primary);flex-shrink:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.employee-name-cell .employee-list-avatar{width:36px;height:36px;background:var(--text-brand);color:var(--bg-primary);font-size:14px;font-weight:500}.employee-name-text{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.employee-id-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.employee-role-text,.employee-manager-text,.employee-date-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-heading)}.employee-sub-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.employee-profile-container{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%}.employee-info-stack,.employee-text-stack{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.employee-actions-dropdown{position:absolute;right:8px;top:36px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:999;min-width:190px;width:max-content;padding:6px 0;margin-top:4px;animation:emp-dropdown-fade .15s ease-out}@keyframes emp-dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.employee-dropdown-item{display:flex;align-items:center;width:100%;padding:10px 16px;border:none;background:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;color:var(--text-heading);transition:all .15s ease;white-space:nowrap}.employee-dropdown-item:hover{background:var(--bg-secondary)}.employee-dropdown-item.text-danger{color:#ef4444}.employee-dropdown-item.text-danger:hover{background:#fff5f5}.termination-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:99999999;padding:24px;box-sizing:border-box;animation:term-fade-in .25s cubic-bezier(.16,1,.3,1)}@keyframes term-fade-in{0%{opacity:0}to{opacity:1}}.termination-modal-container{background:var(--bg-primary);border-radius:16px;width:100%;height:100%;max-width:100%;max-height:100%;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:term-scale-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes term-scale-in{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.termination-modal-body-layout{display:flex;flex-direction:row;flex:1;overflow:hidden}.termination-profile-sidebar{width:380px;background:#fff8f8;border-right:1px solid #FFE4E6;display:flex;flex-direction:column;padding:24px;gap:20px;flex-shrink:0;overflow-y:auto;scrollbar-width:thin}.termination-profile-sidebar::-webkit-scrollbar{width:6px}.termination-profile-sidebar::-webkit-scrollbar-thumb{background:#ffe4e6;border-radius:4px}.termination-sidebar-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center}.termination-sidebar-avatar-wrapper{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:#e11d48;border:3px solid #FFFFFF;box-shadow:0 8px 16px #e11d4833;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.termination-sidebar-avatar-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.termination-sidebar-avatar-initials{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;background:#e11d48;z-index:1}.termination-sidebar-emp-name{margin:0 0 6px;font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#0f172a}.termination-sidebar-emp-role{margin:0 0 8px;font-family:Inter,sans-serif;font-size:13px;color:#e11d48;font-weight:500}.termination-sidebar-emp-id-code{font-family:Inter,sans-serif;font-size:11px;color:#e11d48;font-weight:600;background:#ffe4e6;padding:2px 10px;border-radius:12px;letter-spacing:.5px}.termination-sidebar-divider{border:0;border-top:1px solid #FFE4E6;margin:8px 0}.termination-sidebar-section-title{font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#e11d48;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;margin-top:8px}.termination-sidebar-details-list{display:flex;flex-direction:column;gap:16px}.termination-sidebar-detail-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.termination-detail-icon{color:#fda4af;font-size:18px!important;margin-top:2px;flex-shrink:0}.termination-detail-text{display:flex;flex-direction:column;gap:2px;min-width:0}.termination-detail-label{font-family:Inter,sans-serif;font-size:11px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.termination-detail-val{font-family:Inter,sans-serif;font-size:13px;color:#334155;font-weight:600;word-break:break-all}.termination-modal-header{background:#fff1f2;padding:24px;border-bottom:1px solid #FFE4E6;display:flex;flex-direction:row;align-items:flex-start;gap:16px;position:relative}.termination-header-icon-box{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background:#ffe4e6;border-radius:10px;color:#e11d48;flex-shrink:0}.termination-header-text-block{display:flex;flex-direction:column;gap:4px;flex-grow:1}.termination-header-title{margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#0f172a;line-height:28px}.termination-header-subtitle{margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:#64748b;line-height:18px}.termination-modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .15s ease}.termination-modal-close-btn:hover{background:#0000000d;color:#475569}.termination-modal-scroll{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}.termination-modal-scroll::-webkit-scrollbar{width:6px}.termination-modal-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.termination-emp-card{background:#fff5f5;border:1px solid #FFE4E6;border-radius:14px;padding:16px;display:flex;flex-direction:row;align-items:center;gap:16px}.termination-emp-avatar{width:48px;height:48px;border-radius:50%;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:0 4px 6px -1px #ef444433}.termination-emp-info{display:flex;flex-direction:column;gap:2px}.termination-emp-name{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#0f172a}.termination-emp-desc{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:#64748b}.termination-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.termination-form-grid{grid-template-columns:1fr}}.termination-form-group{display:flex;flex-direction:column;gap:6px}.termination-form-group label{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#334155}.termination-input-text{box-sizing:border-box;width:100%;height:42px;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;color:#0f172a;background:#fff;transition:border-color .15s ease}.termination-input-text:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.termination-input-text.readonly{background:#f8fafc;color:#64748b;border-color:#e2e8f0;cursor:not-allowed}.termination-textarea{box-sizing:border-box;width:100%;min-height:80px;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;color:#0f172a;background:#fff;resize:vertical;transition:border-color .15s ease}.termination-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.termination-toggles-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.termination-toggles-row{grid-template-columns:1fr}}.termination-toggle-box{box-sizing:border-box;border:1px solid #E2E8F0;background:#f8fafc;border-radius:12px;padding:12px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease}.termination-toggle-box:hover{border-color:#cbd5e1;background:#f1f5f9}.termination-toggle-text{display:flex;flex-direction:column;gap:2px}.termination-toggle-label{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#1e293b}.termination-toggle-subtext{font-family:Inter,sans-serif;font-size:11px;color:#64748b}.termination-switch-control{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.termination-switch-control input{opacity:0;width:0;height:0}.termination-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px}.termination-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.termination-switch-slider{background-color:#3b82f6}input:checked+.termination-switch-slider:before{transform:translate(20px)}.termination-warning-box{background:#fffbeb;border:1px solid #FEF3C7;border-left:4px solid #F59E0B;border-radius:8px;padding:12px 16px;display:flex;flex-direction:row;align-items:flex-start;gap:12px}.termination-warning-icon{color:#d97706;font-size:20px!important;margin-top:1px;flex-shrink:0}.termination-warning-text-block{display:flex;flex-direction:column;gap:2px}.termination-warning-title{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#92400e}.termination-warning-body{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#b45309;line-height:16px}.termination-modal-footer{padding:18px 24px;background:#f8fafc;border-top:1px solid #E2E8F0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.termination-btn-secondary{padding:10px 18px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;color:#475569;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.termination-btn-secondary:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.termination-btn-primary{padding:10px 18px;background:#e11d48;border:none;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px -1px #e11d4840;transition:all .15s ease}.termination-btn-primary:hover:not(:disabled){background:#be123c;box-shadow:0 6px 12px -2px #e11d4866;transform:translateY(-1px)}.termination-btn-primary:active:not(:disabled){transform:translateY(0)}.termination-btn-primary:disabled{background:#fda4af;color:#ffe4e6;cursor:not-allowed;box-shadow:none}.termination-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:260px;gap:12px;color:#64748b;font-family:Inter,sans-serif;font-size:14px}.termination-spinner{width:32px;height:32px;border:3.5px solid #E2E8F0;border-top-color:#ef4444;border-radius:50%;animation:term-spin .8s linear infinite}@keyframes term-spin{to{transform:rotate(360deg)}}.termination-history-section-card{margin-top:16px;border-radius:8px;background:#fff;border:1px solid #FFE4E6;overflow:hidden}.termination-history-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff5f5;border-bottom:1px solid #FFE4E6;gap:8px}.termination-history-header-left{display:flex;align-items:center;gap:6px}.termination-history-tabs{display:flex;background:#fff1f2;padding:2px;border-radius:6px;border:1px solid #FFE4E6}.termination-history-tab-btn{border:none;background:transparent;padding:4px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#f43f5e;border-radius:4px;cursor:pointer;transition:all .2s ease}.termination-history-tab-btn:hover{color:#be123c}.termination-history-tab-btn.active{background:#fff;color:#be123c;box-shadow:0 1px 3px #f43f5e1a}.termination-history-body{padding:16px;box-sizing:border-box}.termination-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 0;font-size:12px;color:#94a3b8;font-family:Inter,sans-serif}.termination-timeline{display:flex;flex-direction:column;width:100%}.termination-timeline-item{display:flex;gap:12px;width:100%}.termination-timeline-badge-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.termination-timeline-badge{width:24px;height:24px;border-radius:50%;background:#fff1f2;color:#e11d48;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff;z-index:2}.termination-timeline-badge .material-icons{font-size:14px}.termination-timeline-line{width:2px;flex-grow:1;background:#ffe4e6;margin-top:4px;margin-bottom:4px}.termination-timeline-content-card{flex:1;background:#fafafa;border:1px solid #F1F1F1;border-radius:6px;padding:10px;margin-bottom:16px;box-sizing:border-box}.termination-timeline-card-header{border-bottom:1px solid #F1F1F1;padding-bottom:6px;margin-bottom:8px}.termination-timeline-card-title-row{display:flex;justify-content:space-between;align-items:center}.termination-timeline-event-type{font-family:Inter,sans-serif;font-weight:600;font-size:12px;color:#334155}.termination-timeline-event-date{font-family:Inter,sans-serif;font-size:10px;color:#94a3b8}.termination-timeline-event-reason{font-family:Inter,sans-serif;font-size:11px;color:#64748b;font-style:italic;margin:4px 0 0}.termination-timeline-details-grid{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:8px}.termination-timeline-detail-item{font-family:Inter,sans-serif;font-size:11px;color:#475569}.termination-timeline-detail-item strong{color:#64748b;font-weight:500}.termination-timeline-changes{background:#fff;border:1px solid #E2E8F0;border-radius:4px;padding:8px;margin-top:8px}.termination-timeline-changes-title{font-family:Inter,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}.termination-timeline-changes-grid{display:flex;flex-direction:column;gap:4px}.termination-timeline-change-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:10px;gap:8px}.termination-timeline-change-key{font-family:Inter,sans-serif;font-weight:500;color:#64748b;flex-shrink:0}.termination-timeline-change-values{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.termination-timeline-change-old{color:#94a3b8;text-decoration:line-through;background:#fff5f5;padding:1px 4px;border-radius:2px;word-break:break-word}.termination-timeline-change-arrow{font-size:11px!important;color:#94a3b8;flex-shrink:0}.termination-timeline-change-new{color:#10b981;font-weight:500;background:#ecfdf5;padding:1px 4px;border-radius:2px;word-break:break-word}.termination-projects-list{display:flex;flex-direction:column;gap:12px;width:100%}.termination-project-card{background:#fafafa;border:1px solid #F1F1F1;border-radius:6px;padding:10px;box-sizing:border-box}.termination-project-card-header{border-bottom:1px solid #F1F1F1;padding-bottom:6px;margin-bottom:6px}.termination-project-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:8px}.termination-project-name{font-family:Inter,sans-serif;font-weight:600;font-size:12px;color:#334155;margin:0;word-break:break-word}.termination-project-allocation-badge{background:#fff1f2;color:#e11d48;padding:1px 6px;border-radius:9999px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;flex-shrink:0}.termination-project-date-range{display:flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:10px;color:#94a3b8}.termination-project-date-range .material-icons{font-size:12px}.termination-project-card-body{display:flex;flex-direction:column;gap:4px;font-family:Inter,sans-serif;font-size:11px;color:#475569}.termination-project-reason,.termination-project-allocator{word-break:break-word}.termination-project-reason strong,.termination-project-allocator strong{color:#64748b;font-weight:500}.termination-empty-state{display:flex;align-items:center;justify-content:center;padding:20px 0;font-size:12px;color:#94a3b8;font-family:Inter,sans-serif}.user-detail-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);z-index:99999;animation:udm-fade-in .2s ease}@keyframes udm-fade-in{0%{opacity:0}to{opacity:1}}.user-detail-drawer{position:fixed;top:0;right:0;width:695px;max-width:100vw;height:100vh;background:var(--bg-primary);box-shadow:-10px 0 15px -3px var(--shadow-md),-4px 0 6px -4px var(--shadow-md);z-index:100000;display:flex;flex-direction:column;animation:udm-slide-in .3s ease;overflow:visible;border-radius:0}@keyframes udm-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.user-detail-scroll{flex:1;overflow-y:auto!important;background:var(--bg-secondary);min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-subtle) var(--bg-hover)}.user-detail-scroll::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important}.user-detail-scroll::-webkit-scrollbar-track{background:var(--bg-hover)!important;border-radius:4px}.user-detail-scroll::-webkit-scrollbar-thumb{background:var(--text-muted-clr)!important;border-radius:4px;border:2px solid var(--bg-hover)!important}.user-detail-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-clr)!important}.user-detail-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0}.udm-detail-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;width:100%;box-sizing:border-box}.udm-profile-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px .667px;gap:24px;width:100%;background:var(--bg-primary);border:none;border-bottom:.667px solid var(--border-subtle);border-radius:0;position:sticky;top:0;z-index:100}.udm-profile-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%}.udm-avatar-wrapper{position:relative;flex-shrink:0}.udm-avatar{width:96px;height:96px;border-radius:50%;border:4px solid var(--bg-brand-light);object-fit:cover;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:600;font-size:32px;color:var(--bg-primary);background:var(--text-brand)}.udm-avatar-status-dot{position:absolute;width:24px;height:24px;bottom:0;right:0;border-radius:50%;border:4px solid var(--bg-primary)}.udm-avatar-status-dot.active{background:var(--text-success)}.udm-avatar-status-dot.inactive{background:var(--text-danger)}.udm-profile-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.udm-profile-name{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.udm-profile-position{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--text-brand);margin:0}.udm-profile-meta{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:4px}.udm-doc-name-cell{display:flex;align-items:center;gap:8px;width:100%}.udm-doc-filename{font-family:Inter,sans-serif;font-size:14px;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:block}.udm-profile-emp-id{display:flex;align-items:center;gap:4px}.udm-profile-emp-id .material-icons{font-size:24px;color:var(--text-label)}.udm-profile-emp-id span:last-child{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label)}.udm-meta-dot{font-family:Inter,sans-serif;font-size:14px;color:var(--border-subtle)}.udm-status-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;text-transform:capitalize}.udm-status-pill.active{background:var(--bg-success-light);color:var(--text-success)}.udm-status-pill.inactive{background:var(--bg-danger-light);color:var(--text-danger)}.udm-status-pill.probation,.udm-status-pill.notice{background:var(--bg-brand-light);color:var(--text-brand)}.udm-close-btn{position:absolute;top:16px;right:16px;left:auto;background:var(--bg-primary);border:none;cursor:pointer;color:var(--text-secondary-clr);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;transition:background .15s,color .15s;z-index:100002;box-shadow:none}.udm-close-btn:hover{background:var(--bg-hover);color:var(--text-heading)}.udm-actions-row{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;padding-bottom:24px}.udm-action-btn{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 16px;gap:8px;height:41px;background:var(--bg-primary);border:.667px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.udm-action-btn .material-icons{font-size:24px;color:var(--text-body)}.udm-action-btn span:last-child{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:var(--text-body)}.udm-action-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted-clr)}.udm-action-btn.primary{background:var(--text-brand);border-color:var(--text-brand)}.udm-action-btn.primary .material-icons{color:var(--bg-primary)}.udm-action-btn.primary span:last-child{color:var(--bg-primary)}.udm-action-btn.primary:hover{background:var(--text-brand-hover)}.udm-action-btn.danger{border-color:var(--border-subtle)}.udm-action-btn.danger .material-icons{color:var(--text-danger)}.udm-action-btn.danger span:last-child{color:var(--text-danger)}.udm-section-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:1px;width:100%;background:var(--bg-primary);border:.667px solid var(--border-subtle);border-radius:10px}.udm-section-header{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:16px 24px;gap:8px;width:100%;border-bottom:.667px solid var(--border-subtle)}.udm-section-header .material-icons{font-size:24px;color:var(--text-label)}.udm-section-title{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.udm-section-header-between{justify-content:space-between}.udm-section-header-left{display:flex;flex-direction:row;align-items:center;gap:8px}.udm-view-all-btn{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:var(--text-brand);background:none;border:none;cursor:pointer;padding:0}.udm-view-all-btn:hover{text-decoration:underline}.udm-section-body{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;width:100%;box-sizing:border-box}.udm-info-grid{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px;width:100%}.udm-info-grid>*{flex:1;min-width:0}.udm-info-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.udm-info-item .material-icons{font-size:24px;color:var(--text-muted-clr);margin-top:1px}.udm-info-content{display:flex;flex-direction:column;gap:4px;min-width:0}.udm-info-label{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.udm-info-value{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-heading);word-break:break-word}.udm-info-value.not-available{color:var(--text-muted-clr);font-style:italic}.udm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;width:100%}.udm-empty-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:var(--text-muted-clr)}.udm-leave-body{padding:24px!important;gap:16px!important}.udm-leave-list{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.udm-leave-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.udm-leave-row-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udm-leave-type-name{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-heading)}.udm-leave-usage-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label)}.udm-leave-bar-bg{width:100%;height:8px;background:var(--border-subtle);border-radius:9999px;overflow:hidden}.udm-leave-bar-fill{height:100%;background:var(--text-brand);border-radius:9999px;transition:width .3s ease}.udm-leave-bar-fill.high{background:var(--text-danger)}.udm-leave-row-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udm-leave-remaining-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.udm-leave-remaining-text.negative{color:var(--text-danger)}.udm-leave-pct-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-secondary-clr)}.udm-leave-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;width:100%;color:var(--text-secondary-clr);font-family:Inter,sans-serif;font-size:14px}.udm-spinner{width:24px;height:24px;border:3px solid var(--border-subtle);border-top-color:var(--text-brand);border-radius:50%;animation:udm-spin .7s linear infinite}@keyframes udm-spin{to{transform:rotate(360deg)}}.udm-docs-section{width:100%!important;gap:0!important;overflow:hidden}.udm-docs-header{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;width:100%;border-bottom:.667px solid var(--border-subtle)}.udm-docs-header-left{display:flex;flex-direction:row;align-items:center;gap:8px}.udm-docs-count-badge{background:var(--bg-brand-light);border-radius:4px;padding:2px 8px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--text-brand);margin-left:4px}.udm-docs-table-wrapper{width:100%;overflow-x:auto}.udm-docs-table{width:100%;min-width:650px;border-collapse:collapse;table-layout:fixed}.udm-docs-table th,.udm-docs-table td{padding:12px;text-align:left;font-family:Inter,sans-serif}.udm-docs-table td:first-child{padding-left:24px}.udm-docs-table th{background:var(--bg-secondary);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.05em;color:var(--text-secondary-clr);border-bottom:.667px solid var(--border-subtle);white-space:nowrap}.udm-docs-row td{padding:16px 12px;border-bottom:.667px solid var(--border-subtle);vertical-align:middle}.udm-docs-row td:first-child{padding-left:24px}.udm-docs-row td:last-child{padding-right:24px}.udm-docs-row.no-border td{border-bottom:none}.udm-doc-name-cell{display:flex;align-items:center;gap:12px}.udm-doc-type-icon{font-size:24px!important;color:var(--text-muted-clr)!important}.udm-doc-filename{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-heading)}.udm-doc-type-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:var(--text-label);white-space:pre-line;display:block;min-width:100px;word-break:break-word}.udm-doc-date{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--text-label)}.udm-docs-status-pill{display:inline-flex;padding:4px 12px;border-radius:9999px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;text-transform:capitalize}.udm-docs-status-pill.verified{background:var(--bg-success-light);color:var(--text-success)}.udm-docs-status-pill.pending{background:var(--bg-warning-light);color:var(--text-warning)}.udm-docs-header-left .material-icons{color:var(--text-label)!important;font-size:24px}.udm-doc-type-icon{color:var(--text-muted-clr)!important;font-size:24px!important}.udm-docs-actions{display:flex;align-items:center;gap:16px;justify-content:center}.udm-docs-icon-btn{background:transparent;border:none;cursor:pointer;color:var(--text-label);padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.udm-docs-icon-btn:hover{color:var(--text-heading)}.udm-docs-icon-btn .material-icons{font-size:24px}.udm-docs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;width:100%;color:var(--text-secondary-clr);font-family:Inter,sans-serif;font-size:14px}@media(max-width:768px){.user-detail-drawer{width:100%}.udm-info-grid{flex-direction:column;gap:20px}.udm-actions-row{flex-wrap:wrap}.udm-profile-row{flex-direction:column;align-items:center;text-align:center}.udm-profile-meta{justify-content:center}.udm-close-btn{top:16px;right:16px}.udm-docs-table-wrapper{margin:0 -16px;width:calc(100% + 32px)}}.udm-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200001;animation:fadeIn .2s ease-out}.udm-viewer-content{background:var(--bg-primary);width:90%;max-width:1100px;height:90vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px var(--shadow-md),0 10px 10px -5px var(--shadow-xs)}.udm-viewer-header{padding:16px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.udm-viewer-header-info{display:flex;align-items:center;gap:12px}.udm-viewer-icon{font-size:32px!important;color:var(--text-brand)!important}.udm-viewer-title-stack{display:flex;flex-direction:column}.udm-viewer-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0!important}.udm-viewer-subtitle{font-family:Inter,sans-serif;font-size:12px;color:var(--text-secondary-clr)}.udm-viewer-close{background:transparent;border:none;cursor:pointer;color:var(--text-secondary-clr);padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.udm-viewer-close:hover{background:var(--bg-hover);color:var(--text-heading)}.udm-viewer-body{flex:1;background:var(--bg-hover);padding:12px;position:relative}.udm-viewer-body iframe{width:100%;height:100%;background:var(--bg-primary);border:none;border-radius:4px;box-shadow:0 1px 3px var(--shadow-md)}.udm-viewer-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-primary)}.udm-viewer-download-btn{display:flex;align-items:center;gap:8px;background:var(--text-brand);color:var(--bg-primary)!important;border:none;border-radius:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.udm-viewer-download-btn:hover{background:var(--text-brand-hover);box-shadow:0 4px 6px -1px var(--shadow-md)}.udm-viewer-close-btn{background:var(--bg-primary);color:var(--text-body);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.udm-viewer-close-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted-clr)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.udm-history-section{border-radius:10px;overflow:hidden;background:var(--bg-primary);border:.667px solid var(--border-subtle);width:100%!important}.udm-history-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 24px;border-bottom:.667px solid var(--border-subtle);width:100%;box-sizing:border-box}.udm-history-header-left{display:flex;align-items:center;gap:8px}.udm-history-tabs{display:flex;background:var(--bg-secondary);padding:4px;border-radius:8px;border:.667px solid var(--border-subtle)}.udm-history-tab-btn{border:none;background:transparent;padding:6px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary-clr);border-radius:6px;cursor:pointer;transition:all .2s ease}.udm-history-tab-btn:hover{color:var(--text-heading)}.udm-history-tab-btn.active{background:var(--bg-primary);color:var(--text-brand);box-shadow:0 2px 4px #0000000d}.udm-history-body{padding:24px!important;width:100%;box-sizing:border-box}.udm-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0;width:100%;color:var(--text-secondary-clr);font-family:Inter,sans-serif}.udm-timeline{display:flex;flex-direction:column;gap:0;width:100%}.udm-timeline-item{display:flex;gap:16px;width:100%}.udm-timeline-badge-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:32px}.udm-timeline-badge{width:32px;height:32px;border-radius:50%;background:var(--bg-brand-light);color:var(--text-brand);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--bg-primary);z-index:2}.udm-timeline-badge .material-icons{font-size:18px}.udm-timeline-line{width:2px;flex-grow:1;background:var(--border-subtle);margin-top:4px;margin-bottom:4px}.udm-timeline-content-card{flex:1;background:var(--bg-secondary);border:.667px solid var(--border-subtle);border-radius:8px;padding:16px;margin-bottom:24px;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.udm-timeline-content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.udm-timeline-card-header{border-bottom:.667px solid var(--border-subtle);padding-bottom:12px;margin-bottom:12px}.udm-timeline-card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.udm-timeline-event-type{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--text-heading)}.udm-timeline-event-date{font-family:Inter,sans-serif;font-size:12px;color:var(--text-muted-clr)}.udm-timeline-event-reason{font-family:Inter,sans-serif;font-size:13px;color:var(--text-secondary-clr);font-style:italic;margin:4px 0 0}.udm-timeline-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:16px}.udm-timeline-detail-item{font-family:Inter,sans-serif;font-size:13px;color:var(--text-body)}.udm-timeline-detail-item strong{color:var(--text-label);font-weight:500}.udm-timeline-changes{background:var(--bg-primary);border:.667px solid var(--border-subtle);border-radius:6px;padding:12px;margin-top:12px}.udm-timeline-changes-title{font-family:Inter,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-clr);margin-bottom:8px}.udm-timeline-changes-grid{display:flex;flex-direction:column;gap:8px}.udm-timeline-change-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.udm-timeline-change-key{font-family:Inter,sans-serif;font-weight:500;color:var(--text-secondary-clr)}.udm-timeline-change-values{display:flex;align-items:center;gap:6px}.udm-timeline-change-old{color:var(--text-muted-clr);text-decoration:line-through;background:#fff0f0;padding:2px 6px;border-radius:4px}.udm-timeline-change-arrow{font-size:14px!important;color:var(--text-muted-clr)}.udm-timeline-change-new{color:var(--text-success);font-weight:500;background:#e8fcf0;padding:2px 6px;border-radius:4px}.udm-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.udm-project-card{background:var(--bg-secondary);border:.667px solid var(--border-subtle);border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.udm-project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.udm-project-card-header{border-bottom:.667px solid var(--border-subtle);padding-bottom:12px;margin-bottom:12px}.udm-project-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.udm-project-name{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--text-heading);margin:0}.udm-project-allocation-badge{background:var(--bg-brand-light);color:var(--text-brand);padding:2px 8px;border-radius:9999px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;white-space:nowrap}.udm-project-date-range{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;color:var(--text-muted-clr)}.udm-project-date-range .material-icons{font-size:16px}.udm-project-card-body{display:flex;flex-direction:column;gap:8px;font-family:Inter,sans-serif;font-size:13px;color:var(--text-body)}.udm-project-reason strong,.udm-project-allocator strong{color:var(--text-label);font-weight:500}.et-modal-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;animation:fadeInOverlay .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.et-modal-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #0f172a26,0 0 0 1px #0f172a0d;display:flex;flex-direction:column;overflow:hidden;width:600px;max-height:90vh;animation:slideUpModal .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpModal{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.et-modal-header{display:flex;align-items:center;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.et-header-icon-box{width:40px;height:40px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;margin-right:14px}.et-header-text-block{flex:1}.et-header-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.et-header-subtitle{font-size:13px;color:#64748b;margin:2px 0 0}.et-modal-close-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.et-modal-close-btn:hover{color:#475569;background:#e2e8f0}.et-category-selection-body{padding:24px;display:flex;flex-direction:column;gap:16px}.et-category-card{display:flex;align-items:center;padding:18px 20px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.et-category-card:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 20px -6px #3b82f61f}.et-card-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.et-card-icon-box.blue{background:#eff6ff;color:#2563eb}.et-card-icon-box.teal{background:#f0fdfa;color:#0d9488}.et-card-icon-box.purple{background:#faf5ff;color:#7c3aed}.et-card-content{flex:1;display:flex;flex-direction:column}.et-card-title{font-size:15px;font-weight:600;color:#0f172a}.et-card-desc{font-size:12px;color:#64748b;margin-top:2px}.et-card-arrow{color:#94a3b8;transition:transform .2s ease}.et-category-card:hover .et-card-arrow{transform:translate(4px);color:#3b82f6}.et-form-layout{display:flex;flex-direction:column;flex:1;overflow:hidden}.et-modal-scroll-body{padding:24px;overflow-y:auto;max-height:60vh}.et-top-form-group{background:#f8fafc;border-radius:14px;padding:16px;border:1px dashed #cbd5e1;margin-bottom:20px}.et-employee-section{margin-bottom:24px}.et-section-header-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.et-section-icon{font-size:18px;color:#64748b}.et-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.et-profile-blue-card{display:flex;align-items:center;padding:16px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,.1);margin-bottom:16px}.et-profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:14px;border:2px solid #ffffff}.et-profile-avatar-initials{width:48px;height:48px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:14px;border:2px solid #ffffff}.et-profile-text-stack{display:flex;flex-direction:column}.et-profile-name{font-size:16px;font-weight:700;color:#1e3a8a}.et-profile-role{font-size:12px;color:#3b82f6;font-weight:500}.et-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.et-detail-item{display:flex;flex-direction:column;padding:4px}.et-detail-label{font-size:11px;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.02em}.et-detail-value{font-size:13px;font-weight:600;color:#334155;margin-top:3px}.et-performance-badge{color:#059669}.et-documents-section{margin-bottom:24px}.et-docs-list{display:flex;flex-direction:column;gap:10px;border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fff;margin-bottom:14px}.et-doc-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;transition:background-color .2s ease}.et-doc-row:hover{background:#f8fafc}.et-doc-left{display:flex;align-items:center;gap:10px}.et-doc-file-icon{font-size:18px;color:#94a3b8}.et-doc-name{font-size:13px;font-weight:500;color:#334155}.et-doc-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.et-doc-status.verified{color:#059669;background:#ecfdf5}.et-doc-status.pending{color:#d97706;background:#fffbeb}.et-status-icon{font-size:14px}.et-verification-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid}.et-verification-alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.et-verification-alert.warning{background:#fffbeb;border-color:#fef3c7;color:#92400e}.et-alert-icon{font-size:18px;margin-top:2px}.et-alert-text{display:flex;flex-direction:column}.et-alert-title{font-size:13px;font-weight:700}.et-alert-body{font-size:11.5px;margin-top:1px;opacity:.9}.et-smart-workflow-section{margin-bottom:24px}.et-switch-card{display:flex;align-items:center;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.et-switch-icon-box{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-right:12px}.et-switch-text{flex:1;display:flex;flex-direction:column}.et-switch-title{font-size:13.5px;font-weight:700;color:#1e293b}.et-switch-desc{font-size:11.5px;color:#64748b;margin-top:2px}.et-switch-control{position:relative;display:inline-block;width:44px;height:24px}.et-switch-control input{opacity:0;width:0;height:0}.et-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.et-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}.et-switch-control input:checked+.et-switch-slider{background-color:#2563eb}.et-switch-control input:checked+.et-switch-slider:before{transform:translate(20px)}.et-upload-section{margin-bottom:24px}.et-upload-box{border:2px dashed #cbd5e1;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;cursor:pointer;position:relative;transition:all .2s ease}.et-upload-box:hover{border-color:#3b82f6;background:#eff6ff}.et-upload-icon{font-size:32px;color:#94a3b8;margin-bottom:8px}.et-upload-title{font-size:13px;font-weight:600;color:#475569}.et-upload-desc{font-size:11px;color:#94a3b8;margin-top:3px}.et-file-input-hidden{position:absolute;inset:0;opacity:0;cursor:pointer}.et-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.et-form-group{display:flex;flex-direction:column;gap:6px}.et-form-label{font-size:12.5px;font-weight:600;color:#334155}.et-form-input{height:40px;padding:8px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:13.5px;color:#0f172a;background:#fff;transition:all .15s ease}.et-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.et-form-input.disabled{background:#f1f5f9;color:#64748b;border-color:#e2e8f0;cursor:not-allowed}.et-form-textarea{height:90px;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:13.5px;color:#0f172a;background:#fff;resize:none;transition:all .15s ease}.et-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.et-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#64748b;font-size:14px}.et-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:et-spin .8s linear infinite}.et-spinner-white{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:et-spin .8s linear infinite}@keyframes et-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.et-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:18px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;gap:12px}.et-btn-cancel{height:42px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}.et-btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.et-btn-confirm{height:42px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:600;border:none;background:#2563eb;color:#fff;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb33}.et-btn-confirm:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb4d}.et-btn-confirm:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.et-employment-details-section{display:flex;flex-direction:column;gap:20px;margin-top:24px}.et-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px!important}.ReportGenerate-main-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0 32px;width:100%;min-height:100%;box-sizing:border-box}.ReportGenerate-reports-page{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%}.ReportGenerate-header-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:100%}.ReportGenerate-heading-3{width:100%;height:32px;margin:0}.ReportGenerate-select-category{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--text-heading);margin:0}.ReportGenerate-paragraph{width:100%;height:24px;margin:0}.ReportGenerate-description{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:var(--text-label);margin:0}.ReportGenerate-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:0;gap:24px;width:100%}.ReportGenerate-card-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:26px 26px 2px;width:calc(33.333% - 16px);height:108px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:14px;cursor:pointer;transition:all .2s ease-in-out}.ReportGenerate-card-button:hover{border-color:var(--text-brand);box-shadow:0 4px 6px -2px var(--shadow-xs),0 12px 16px -4px var(--shadow-md)}.ReportGenerate-card-inner{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.ReportGenerate-icon-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:56px;height:56px;background:var(--bg-brand-light);border-radius:14px;flex-shrink:0}.ReportGenerate-card-button:nth-child(1) .ReportGenerate-icon-container{background:#9797ff}.ReportGenerate-card-button:nth-child(2) .ReportGenerate-icon-container{background:#9af1e6}.ReportGenerate-card-button:nth-child(3) .ReportGenerate-icon-container{background:#c9eea0}.ReportGenerate-card-button:nth-child(4) .ReportGenerate-icon-container{background:#f8cba7}.ReportGenerate-card-button:nth-child(5) .ReportGenerate-icon-container{background:#fb47f5}.ReportGenerate-card-button:nth-child(6) .ReportGenerate-icon-container{background:#dec2d7}.ReportGenerate-mui-icon,.ReportGenerate-icon-container .material-icons-outlined{font-size:32px!important;color:#f5f5f5!important}.ReportGenerate-text-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex-grow:1}.ReportGenerate-card-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.ReportGenerate-card-subtext{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-label);margin:0}.ReportGenerate-card-button.active-border{border-color:var(--text-brand);background-color:var(--bg-brand-light)}@media(max-width:1200px){.ReportGenerate-card-button{width:calc(50% - 12px)}}@media(max-width:768px){.ReportGenerate-card-button{width:100%;height:auto;padding-bottom:24px}.ReportGenerate-main-content{padding:24px}}.ReportConfig-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;position:relative;width:100%;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-subtle);animation:ReportConfig-fadeIn .3s ease-out}@keyframes ReportConfig-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ReportConfig-header{border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;background:var(--text-brand);box-sizing:border-box}.ReportConfig-header-inner{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.ReportConfig-icon-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:48px;height:48px;background:var(--bg-primary);border-radius:14px;flex-shrink:0}.ReportConfig-header-icon{font-size:32px;color:var(--text-brand)}.ReportConfig-header-text{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex-grow:1}.ReportConfig-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--bg-primary);margin:0}.ReportConfig-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--bg-primary);margin:0}.ReportConfig-scroll-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;box-sizing:border-box;gap:24px}.ReportConfig-scroll-content::-webkit-scrollbar{width:6px}.ReportConfig-scroll-content::-webkit-scrollbar-track{background:var(--bg-hover)}.ReportConfig-scroll-content::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.ReportConfig-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.ReportConfig-label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading);margin:0}.ReportConfig-required-star{color:var(--text-danger);margin-left:4px}.ReportConfig-type-options{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.ReportConfig-type-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px;width:100%;height:60px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.ReportConfig-type-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.ReportConfig-type-button-text{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.ReportConfig-check-icon{font-size:20px;color:var(--text-brand)}.ReportConfig-gray-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px}.ReportConfig-section-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.ReportConfig-date-inputs{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%;flex-wrap:wrap}.ReportConfig-date-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:1;min-width:250px}.ReportConfig-field-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.ReportConfig-input-wrapper{position:relative;width:100%}.ReportConfig-date-input{box-sizing:border-box;width:100%;height:48px;padding:0 12px 0 40px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;outline:none}.ReportConfig-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted-clr)}.ReportConfig-filter-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.ReportConfig-filter-item{position:relative;width:calc(25% - 9px);display:flex;flex-direction:column}.ReportConfig-filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;height:48px;width:100%;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-body);cursor:pointer;transition:all .2s}.ReportConfig-filter-button.active{background:var(--bg-brand-light);border-color:var(--text-brand);color:var(--text-brand)}.ReportConfig-specific-users-list{display:flex;flex-direction:column;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-top:4px;box-shadow:0 10px 15px -3px var(--shadow-sm),0 4px 6px -2px var(--shadow-xs);position:absolute;top:100%;left:0;z-index:1000}.ReportConfig-search-wrapper{position:relative;padding:12px;border-bottom:1px solid var(--bg-hover)}.ReportConfig-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary-clr)}.ReportConfig-user-search-input{width:100%;height:40px;padding:0 12px 0 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.ReportConfig-users-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column}.ReportConfig-user-checkbox-item{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .2s}.ReportConfig-user-checkbox-item:hover{background:var(--bg-secondary)}.ReportConfig-checkbox-wrapper{position:relative;width:20px;height:20px}.ReportConfig-checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.ReportConfig-custom-checkbox{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center}.ReportConfig-checkbox-wrapper input:checked~.ReportConfig-custom-checkbox{background-color:var(--text-brand);border-color:var(--text-brand)}.ReportConfig-custom-checkbox span{color:var(--bg-primary);font-size:14px;font-weight:700}.ReportConfig-user-info{display:flex;flex-direction:column}.ReportConfig-user-name{font-size:14px;font-weight:500;color:var(--text-heading)}.ReportConfig-user-id{font-size:12px;color:var(--text-secondary-clr)}.ReportConfig-no-users{padding:24px;text-align:center;color:var(--text-secondary-clr);font-size:14px}.ReportConfig-selected-count{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--bg-hover);font-size:12px;font-weight:500;color:var(--text-body);border-radius:0 0 10px 10px}.ReportConfig-clear-btn{background:none;border:none;color:var(--text-brand);cursor:pointer;font-size:12px;font-weight:600;padding:0}.ReportConfig-dropdown-button{display:flex;flex-direction:row;align-items:center;gap:16px}.ReportConfig-format-grid{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%;flex-wrap:wrap}.ReportConfig-format-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:18px;gap:8px;flex:1;min-width:200px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.ReportConfig-format-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.ReportConfig-format-icon{font-size:24px;color:var(--text-muted-clr)}.ReportConfig-format-button.active .ReportConfig-format-icon{color:var(--text-brand)}.ReportConfig-format-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.ReportConfig-footer{border-radius:0 0 16px 16px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 32px;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.ReportConfig-status{display:flex;flex-direction:row;align-items:center;gap:8px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-brand)}.ReportConfig-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.ReportConfig-cancel-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 24px;height:45px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.ReportConfig-generate-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;gap:8px;height:45px;background:var(--text-brand);box-shadow:0 4px 6px -1px var(--shadow-sm),0 2px 4px -2px var(--shadow-sm);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer}.ReportConfig-btn-icon{font-size:20px}@media(max-width:768px){.ReportConfig-scroll-content{padding:16px 20px}.ReportConfig-footer{flex-direction:column;gap:16px;align-items:flex-start}.ReportConfig-actions{width:100%}.ReportConfig-actions button{flex:1}}@media(max-width:900px){.ReportConfig-filter-item{width:calc(50% - 6px)}}@keyframes ReportConfig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:ReportConfig-spin 1s linear infinite}.ReportConfig-department-select-wrapper{width:100%;margin-top:4px;position:absolute;top:100%;left:0;z-index:1000}.ReportConfig-department-select{width:100%;height:48px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:0 16px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-body);outline:none;box-shadow:0 10px 15px -3px var(--shadow-sm),0 4px 6px -2px var(--shadow-xs);cursor:pointer}.AttendanceConfig-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;position:relative;width:100%;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-subtle);animation:AttendanceConfig-fadeIn .3s ease-out}@keyframes AttendanceConfig-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.AttendanceConfig-header{border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;background:var(--text-brand);box-sizing:border-box}.AttendanceConfig-header-inner{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.AttendanceConfig-icon-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:48px;height:48px;background:var(--bg-primary);border-radius:14px;flex-shrink:0}.AttendanceConfig-header-icon{font-size:32px;color:var(--text-brand)}.AttendanceConfig-header-text{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex-grow:1}.AttendanceConfig-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--bg-primary);margin:0}.AttendanceConfig-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--bg-primary);margin:0}.AttendanceConfig-scroll-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;box-sizing:border-box;gap:24px}.AttendanceConfig-scroll-content::-webkit-scrollbar{width:6px}.AttendanceConfig-scroll-content::-webkit-scrollbar-track{background:var(--bg-hover)}.AttendanceConfig-scroll-content::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.AttendanceConfig-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.AttendanceConfig-label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading);margin:0}.AttendanceConfig-required-star{color:var(--text-danger);margin-left:4px}.AttendanceConfig-type-options{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.AttendanceConfig-type-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px;width:100%;height:60px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.AttendanceConfig-type-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.AttendanceConfig-type-button-text{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.AttendanceConfig-check-icon{font-size:20px;color:var(--text-brand)}.AttendanceConfig-gray-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px}.AttendanceConfig-section-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.AttendanceConfig-date-inputs{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.AttendanceConfig-date-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:1}.AttendanceConfig-field-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.AttendanceConfig-input-wrapper{position:relative;width:100%}.AttendanceConfig-date-input{box-sizing:border-box;width:100%;height:48px;padding:0 12px 0 40px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;outline:none}.AttendanceConfig-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted-clr)}.AttendanceConfig-filter-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.AttendanceConfig-filter-item{position:relative;width:calc(25% - 9px);display:flex;flex-direction:column}.AttendanceConfig-filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;height:48px;width:100%;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-body);cursor:pointer;transition:all .2s}.AttendanceConfig-filter-item:nth-child(4){width:calc(33.33% - 8px)}.AttendanceConfig-filter-button.active{background:var(--bg-brand-light);border-color:var(--text-brand);color:var(--text-brand)}.AttendanceConfig-specific-users-list{display:flex;flex-direction:column;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-top:4px;box-shadow:0 10px 15px -3px var(--shadow-sm),0 4px 6px -2px var(--shadow-xs);position:absolute;top:100%;left:0;z-index:1000}.AttendanceConfig-search-wrapper{position:relative;padding:12px;border-bottom:1px solid var(--bg-hover)}.AttendanceConfig-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary-clr)}.AttendanceConfig-user-search-input{width:100%;height:40px;padding:0 12px 0 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.AttendanceConfig-users-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column}.AttendanceConfig-user-checkbox-item{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .2s}.AttendanceConfig-user-checkbox-item:hover{background:var(--bg-secondary)}.AttendanceConfig-checkbox-wrapper{position:relative;width:20px;height:20px}.AttendanceConfig-checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.AttendanceConfig-custom-checkbox{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center}.AttendanceConfig-checkbox-wrapper input:checked~.AttendanceConfig-custom-checkbox{background-color:var(--text-brand);border-color:var(--text-brand)}.AttendanceConfig-custom-checkbox span{color:var(--bg-primary);font-size:14px;font-weight:700}.AttendanceConfig-user-info{display:flex;flex-direction:column}.AttendanceConfig-user-name{font-size:14px;font-weight:500;color:var(--text-heading)}.AttendanceConfig-user-id{font-size:12px;color:var(--text-secondary-clr)}.AttendanceConfig-no-users{padding:24px;text-align:center;color:var(--text-secondary-clr);font-size:14px}.AttendanceConfig-selected-count{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--bg-hover);font-size:12px;font-weight:500;color:var(--text-body);border-radius:0 0 10px 10px}.AttendanceConfig-clear-btn{background:none;border:none;color:var(--text-brand);cursor:pointer;font-size:12px;font-weight:600;padding:0}.AttendanceConfig-dropdown-button{display:flex;flex-direction:row;align-items:center;gap:16px}.AttendanceConfig-format-grid{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%}.AttendanceConfig-format-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:18px;gap:8px;flex:1;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.AttendanceConfig-format-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.AttendanceConfig-format-icon{font-size:24px;color:var(--text-muted-clr)}.AttendanceConfig-format-button.active .AttendanceConfig-format-icon{color:var(--text-brand)}.AttendanceConfig-format-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.AttendanceConfig-footer{border-radius:0 0 16px 16px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 32px;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.AttendanceConfig-status{display:flex;flex-direction:row;align-items:center;gap:8px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-secondary-clr)}.AttendanceConfig-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.AttendanceConfig-cancel-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 24px;height:45px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.AttendanceConfig-generate-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;gap:8px;height:45px;background:var(--text-brand);box-shadow:0 4px 6px -1px var(--shadow-sm),0 2px 4px -2px var(--shadow-sm);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer}.AttendanceConfig-generate-btn:disabled{background:var(--bg-brand-light);box-shadow:none;cursor:not-allowed}.AttendanceConfig-btn-icon{font-size:20px}@media(max-width:900px){.AttendanceConfig-filter-item{width:calc(50% - 6px)}}@media(max-width:768px){.AttendanceConfig-date-inputs,.AttendanceConfig-format-grid{flex-direction:column}.AttendanceConfig-footer{flex-direction:column;gap:16px;align-items:flex-start}.AttendanceConfig-actions{width:100%}.AttendanceConfig-actions button{flex:1}}@keyframes AttendanceConfig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:AttendanceConfig-spin 1s linear infinite}.LeaveConfig-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;position:relative;width:100%;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-subtle);animation:LeaveConfig-fadeIn .3s ease-out}@keyframes LeaveConfig-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.LeaveConfig-header{border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;background:var(--text-brand);box-sizing:border-box}.LeaveConfig-header-inner{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.LeaveConfig-icon-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:48px;height:48px;background:var(--bg-primary);border-radius:14px;flex-shrink:0}.LeaveConfig-header-icon{font-size:32px;color:var(--text-brand)}.LeaveConfig-header-text{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex-grow:1}.LeaveConfig-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--bg-primary);margin:0}.LeaveConfig-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--bg-primary);margin:0}.LeaveConfig-scroll-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;box-sizing:border-box;gap:24px}.LeaveConfig-scroll-content::-webkit-scrollbar{width:6px}.LeaveConfig-scroll-content::-webkit-scrollbar-track{background:var(--bg-hover)}.LeaveConfig-scroll-content::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.LeaveConfig-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.LeaveConfig-label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading);margin:0}.LeaveConfig-required-star{color:var(--text-danger);margin-left:4px}.LeaveConfig-type-options{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.LeaveConfig-type-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px;width:100%;height:60px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.LeaveConfig-type-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.LeaveConfig-type-button-text{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.LeaveConfig-check-icon{font-size:20px;color:var(--text-brand)}.LeaveConfig-gray-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px}.LeaveConfig-section-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.LeaveConfig-date-inputs{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.LeaveConfig-date-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:1}.LeaveConfig-field-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.LeaveConfig-input-wrapper{position:relative;width:100%}.LeaveConfig-date-input{box-sizing:border-box;width:100%;height:48px;padding:0 12px 0 40px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;outline:none}.LeaveConfig-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted-clr)}.LeaveConfig-filter-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.LeaveConfig-filter-item{position:relative;width:calc(25% - 9px);display:flex;flex-direction:column}.LeaveConfig-filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;height:48px;width:100%;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-body);cursor:pointer;transition:all .2s}.LeaveConfig-filter-button.active{background:var(--bg-brand-light);border-color:var(--text-brand);color:var(--text-brand)}.LeaveConfig-specific-users-list{display:flex;flex-direction:column;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-top:4px;box-shadow:0 10px 15px -3px var(--shadow-sm),0 4px 6px -2px var(--shadow-xs);position:absolute;top:100%;left:0;z-index:1000}.LeaveConfig-search-wrapper{position:relative;padding:12px;border-bottom:1px solid var(--bg-hover)}.LeaveConfig-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary-clr)}.LeaveConfig-user-search-input{width:100%;height:40px;padding:0 12px 0 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.LeaveConfig-users-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column}.LeaveConfig-user-checkbox-item{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .2s}.LeaveConfig-user-checkbox-item:hover{background:var(--bg-secondary)}.LeaveConfig-checkbox-wrapper{position:relative;width:20px;height:20px}.LeaveConfig-checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.LeaveConfig-custom-checkbox{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center}.LeaveConfig-checkbox-wrapper input:checked~.LeaveConfig-custom-checkbox{background-color:var(--text-brand);border-color:var(--text-brand)}.LeaveConfig-custom-checkbox span{color:var(--bg-primary);font-size:14px;font-weight:700}.LeaveConfig-user-info{display:flex;flex-direction:column}.LeaveConfig-user-name{font-size:14px;font-weight:500;color:var(--text-heading)}.LeaveConfig-user-id{font-size:12px;color:var(--text-secondary-clr)}.LeaveConfig-no-users{padding:24px;text-align:center;color:var(--text-secondary-clr);font-size:14px}.LeaveConfig-selected-count{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--bg-hover);font-size:12px;font-weight:500;color:var(--text-body);border-radius:0 0 10px 10px}.LeaveConfig-clear-btn{background:none;border:none;color:var(--text-brand);cursor:pointer;font-size:12px;font-weight:600;padding:0}.LeaveConfig-dropdown-button{display:flex;flex-direction:row;align-items:center;gap:16px}.LeaveConfig-format-grid{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%}.LeaveConfig-format-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:18px;gap:8px;flex:1;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.LeaveConfig-format-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.LeaveConfig-format-icon{font-size:24px;color:var(--text-muted-clr)}.LeaveConfig-format-button.active .LeaveConfig-format-icon{color:var(--text-brand)}.LeaveConfig-format-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.LeaveConfig-footer{border-radius:0 0 16px 16px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 32px;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.LeaveConfig-status{display:flex;flex-direction:row;align-items:center;gap:8px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-secondary-clr)}.LeaveConfig-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.LeaveConfig-cancel-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 24px;height:45px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.LeaveConfig-generate-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;gap:8px;height:45px;background:var(--text-brand);box-shadow:0 4px 6px -1px var(--shadow-sm),0 2px 4px -2px var(--shadow-sm);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer}.LeaveConfig-generate-btn:disabled{background:var(--bg-brand-light);box-shadow:none;cursor:not-allowed}.LeaveConfig-btn-icon{font-size:20px}@media(max-width:900px){.LeaveConfig-filter-item{width:calc(50% - 6px)}}@media(max-width:768px){.LeaveConfig-date-inputs,.LeaveConfig-format-grid{flex-direction:column}.LeaveConfig-footer{flex-direction:column;gap:16px;align-items:flex-start}.LeaveConfig-actions{width:100%}.LeaveConfig-actions button{flex:1}}@keyframes LeaveConfig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:LeaveConfig-spin 1s linear infinite}.PayrollConfig-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;position:relative;width:100%;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-subtle);animation:PayrollConfig-fadeIn .3s ease-out}@keyframes PayrollConfig-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.PayrollConfig-header{border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;background:var(--text-brand);box-sizing:border-box}.PayrollConfig-header-inner{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.PayrollConfig-icon-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:48px;height:48px;background:var(--bg-primary);border-radius:14px;flex-shrink:0}.PayrollConfig-header-icon{font-size:32px;color:var(--text-brand)}.PayrollConfig-header-text{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex-grow:1}.PayrollConfig-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--bg-primary);margin:0}.PayrollConfig-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--bg-primary);margin:0}.PayrollConfig-scroll-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;box-sizing:border-box;gap:24px}.PayrollConfig-scroll-content::-webkit-scrollbar{width:6px}.PayrollConfig-scroll-content::-webkit-scrollbar-track{background:var(--bg-hover)}.PayrollConfig-scroll-content::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.PayrollConfig-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.PayrollConfig-label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading);margin:0}.PayrollConfig-required-star{color:var(--text-danger);margin-left:4px}.PayrollConfig-type-options{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.PayrollConfig-type-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px;width:100%;height:60px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.PayrollConfig-type-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.PayrollConfig-type-button-text{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.PayrollConfig-check-icon{font-size:20px;color:var(--text-brand)}.PayrollConfig-gray-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px}.PayrollConfig-section-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.PayrollConfig-date-inputs{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.PayrollConfig-date-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:1}.PayrollConfig-field-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.PayrollConfig-input-wrapper{position:relative;width:100%}.PayrollConfig-date-input{box-sizing:border-box;width:100%;height:48px;padding:0 12px 0 40px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;outline:none}.PayrollConfig-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted-clr)}.PayrollConfig-filter-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.PayrollConfig-filter-item{position:relative;width:calc(25% - 9px);display:flex;flex-direction:column}.PayrollConfig-filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;height:48px;width:100%;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--text-body);cursor:pointer;transition:all .2s}.PayrollConfig-filter-button:nth-child(4){width:calc(33.33% - 8px)}.PayrollConfig-filter-button.active{background:var(--bg-brand-light);border-color:var(--text-brand);color:var(--text-brand)}.PayrollConfig-specific-users-list{display:flex;flex-direction:column;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-top:4px;box-shadow:0 10px 15px -3px var(--shadow-sm),0 4px 6px -2px var(--shadow-xs);position:absolute;top:100%;left:0;z-index:1000}.PayrollConfig-search-wrapper{position:relative;padding:12px;border-bottom:1px solid var(--bg-hover)}.PayrollConfig-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary-clr)}.PayrollConfig-user-search-input{width:100%;height:40px;padding:0 12px 0 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.PayrollConfig-users-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column}.PayrollConfig-user-checkbox-item{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .2s}.PayrollConfig-user-checkbox-item:hover{background:var(--bg-secondary)}.PayrollConfig-checkbox-wrapper{position:relative;width:20px;height:20px}.PayrollConfig-checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.PayrollConfig-custom-checkbox{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center}.PayrollConfig-checkbox-wrapper input:checked~.PayrollConfig-custom-checkbox{background-color:var(--text-brand);border-color:var(--text-brand)}.PayrollConfig-custom-checkbox span{color:var(--bg-primary);font-size:14px;font-weight:700}.PayrollConfig-user-info{display:flex;flex-direction:column}.PayrollConfig-user-name{font-size:14px;font-weight:500;color:var(--text-heading)}.PayrollConfig-user-id{font-size:12px;color:var(--text-secondary-clr)}.PayrollConfig-no-users{padding:24px;text-align:center;color:var(--text-secondary-clr);font-size:14px}.PayrollConfig-selected-count{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--bg-hover);font-size:12px;font-weight:500;color:var(--text-body);border-radius:0 0 10px 10px}.PayrollConfig-clear-btn{background:none;border:none;color:var(--text-brand);cursor:pointer;font-size:12px;font-weight:600;padding:0}.PayrollConfig-dropdown-button{display:flex;flex-direction:row;align-items:center;gap:16px}.PayrollConfig-format-grid{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%}.PayrollConfig-format-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:18px;gap:8px;flex:1;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.PayrollConfig-format-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.PayrollConfig-format-icon{font-size:24px;color:var(--text-muted-clr)}.PayrollConfig-format-button.active .PayrollConfig-format-icon{color:var(--text-brand)}.PayrollConfig-format-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.PayrollConfig-footer{border-radius:0 0 16px 16px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 32px;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.PayrollConfig-status{display:flex;flex-direction:row;align-items:center;gap:8px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-secondary-clr)}.PayrollConfig-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.PayrollConfig-cancel-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 24px;height:45px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.PayrollConfig-generate-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;gap:8px;height:45px;background:var(--text-brand);box-shadow:0 4px 6px -1px var(--shadow-sm),0 2px 4px -2px var(--shadow-sm);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer}.PayrollConfig-generate-btn:disabled{background:var(--bg-brand-light);box-shadow:none;cursor:not-allowed}.PayrollConfig-btn-icon{font-size:20px}@media(max-width:900px){.PayrollConfig-filter-item{width:calc(50% - 6px)}}@media(max-width:768px){.PayrollConfig-date-inputs,.PayrollConfig-format-grid{flex-direction:column}.PayrollConfig-footer{flex-direction:column;gap:16px;align-items:flex-start}.PayrollConfig-actions{width:100%}.PayrollConfig-actions button{flex:1}}@keyframes PayrollConfig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:PayrollConfig-spin 1s linear infinite}.PerformanceConfig-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;position:relative;width:100%;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-subtle);animation:PerformanceConfig-fadeIn .3s ease-out}@keyframes PerformanceConfig-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.PerformanceConfig-header{border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;background:var(--text-brand);box-sizing:border-box}.PerformanceConfig-header-inner{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.PerformanceConfig-icon-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:48px;height:48px;background:var(--bg-primary);border-radius:14px;flex-shrink:0}.PerformanceConfig-header-icon{font-size:24px;color:var(--text-brand)}.PerformanceConfig-header-text{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex-grow:1}.PerformanceConfig-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--bg-primary);margin:0}.PerformanceConfig-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--bg-primary);margin:0}.PerformanceConfig-scroll-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;box-sizing:border-box;gap:24px}.PerformanceConfig-scroll-content::-webkit-scrollbar{width:6px}.PerformanceConfig-scroll-content::-webkit-scrollbar-track{background:var(--bg-hover)}.PerformanceConfig-scroll-content::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.PerformanceConfig-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.PerformanceConfig-label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading);margin:0}.PerformanceConfig-required-star{color:var(--text-danger);margin-left:4px}.PerformanceConfig-type-options{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.PerformanceConfig-type-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px;width:100%;height:60px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.PerformanceConfig-type-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.PerformanceConfig-type-button-text{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.PerformanceConfig-check-icon{font-size:20px;color:var(--text-brand)}.PerformanceConfig-gray-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px}.PerformanceConfig-section-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.PerformanceConfig-date-inputs{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.PerformanceConfig-date-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:1}.PerformanceConfig-field-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.PerformanceConfig-input-wrapper{position:relative;width:100%}.PerformanceConfig-date-input{box-sizing:border-box;width:100%;height:48px;padding:0 12px 0 40px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;outline:none}.PerformanceConfig-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted-clr)}.PerformanceConfig-filter-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.PerformanceConfig-filter-item{position:relative;width:calc(25% - 9px);display:flex;flex-direction:column}.PerformanceConfig-filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;height:48px;width:100%;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-body);cursor:pointer;transition:all .2s}.PerformanceConfig-filter-button.active{background:var(--bg-brand-light);border-color:var(--text-brand);color:var(--text-brand)}.PerformanceConfig-specific-users-list{display:flex;flex-direction:column;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-top:4px;box-shadow:0 10px 15px -3px var(--shadow-sm),0 4px 6px -2px var(--shadow-xs);position:absolute;top:100%;left:0;z-index:1000}.PerformanceConfig-search-wrapper{position:relative;padding:12px;border-bottom:1px solid var(--bg-hover)}.PerformanceConfig-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary-clr)}.PerformanceConfig-user-search-input{width:100%;height:40px;padding:0 12px 0 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.PerformanceConfig-users-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column}.PerformanceConfig-user-checkbox-item{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .2s}.PerformanceConfig-user-checkbox-item:hover{background:var(--bg-secondary)}.PerformanceConfig-checkbox-wrapper{position:relative;width:20px;height:20px}.PerformanceConfig-checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.PerformanceConfig-custom-checkbox{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center}.PerformanceConfig-checkbox-wrapper input:checked~.PerformanceConfig-custom-checkbox{background-color:var(--text-brand);border-color:var(--text-brand)}.PerformanceConfig-user-info{display:flex;flex-direction:column}.PerformanceConfig-user-name{font-size:14px;font-weight:500;color:var(--text-heading)}.PerformanceConfig-user-id{font-size:12px;color:var(--text-secondary-clr)}.PerformanceConfig-no-users{padding:24px;text-align:center;color:var(--text-secondary-clr);font-size:14px}.PerformanceConfig-selected-count{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--bg-hover);font-size:12px;font-weight:500;color:var(--text-body);border-radius:0 0 10px 10px}.PerformanceConfig-clear-btn{background:none;border:none;color:var(--text-brand);cursor:pointer;font-size:12px;font-weight:600;padding:0}.PerformanceConfig-dropdown-button{display:flex;flex-direction:row;align-items:center;gap:16px}.PerformanceConfig-format-grid{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%}.PerformanceConfig-format-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:18px;gap:8px;flex:1;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.PerformanceConfig-format-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.PerformanceConfig-format-icon{font-size:24px;color:var(--text-muted-clr)}.PerformanceConfig-format-button.active .PerformanceConfig-format-icon{color:var(--text-brand)}.PerformanceConfig-format-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.PerformanceConfig-footer{border-radius:0 0 16px 16px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 32px;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.PerformanceConfig-status{display:flex;flex-direction:row;align-items:center;gap:8px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-secondary-clr)}.PerformanceConfig-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.PerformanceConfig-cancel-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 24px;height:45px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.PerformanceConfig-generate-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;gap:8px;height:45px;background:var(--text-brand);box-shadow:0 4px 6px -1px var(--shadow-sm),0 2px 4px -2px var(--shadow-sm);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer}.PerformanceConfig-generate-btn:disabled{background:var(--bg-brand-light);box-shadow:none;cursor:not-allowed}.PerformanceConfig-btn-icon{font-size:20px}@media(max-width:900px){.PerformanceConfig-filter-item{width:calc(50% - 6px)}}@media(max-width:768px){.PerformanceConfig-date-inputs,.PerformanceConfig-format-grid{flex-direction:column}.PerformanceConfig-footer{flex-direction:column;gap:16px;align-items:flex-start}.PerformanceConfig-actions{width:100%}.PerformanceConfig-actions button{flex:1}}@keyframes PerformanceConfig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:PerformanceConfig-spin 1s linear infinite}.RecruitmentConfig-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;position:relative;width:100%;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-subtle);animation:RecruitmentConfig-fadeIn .3s ease-out}@keyframes RecruitmentConfig-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.RecruitmentConfig-header{border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;background:var(--text-brand);box-sizing:border-box}.RecruitmentConfig-header-inner{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:100%}.RecruitmentConfig-icon-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:48px;height:48px;background:var(--bg-primary);border-radius:14px;flex-shrink:0}.RecruitmentConfig-header-icon{font-size:24px;color:var(--text-brand)}.RecruitmentConfig-header-text{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex-grow:1}.RecruitmentConfig-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:32px;color:var(--bg-primary);margin:0}.RecruitmentConfig-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--bg-primary);margin:0}.RecruitmentConfig-scroll-content{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;width:100%;box-sizing:border-box;gap:24px}.RecruitmentConfig-scroll-content::-webkit-scrollbar{width:6px}.RecruitmentConfig-scroll-content::-webkit-scrollbar-track{background:var(--bg-hover)}.RecruitmentConfig-scroll-content::-webkit-scrollbar-thumb{background:var(--text-muted-clr);border-radius:10px}.RecruitmentConfig-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.RecruitmentConfig-label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:var(--text-heading);margin:0}.RecruitmentConfig-required-star{color:var(--text-danger);margin-left:4px}.RecruitmentConfig-type-options{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.RecruitmentConfig-type-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px;width:100%;height:60px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.RecruitmentConfig-type-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.RecruitmentConfig-type-button-text{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:var(--text-heading)}.RecruitmentConfig-check-icon{font-size:20px;color:var(--text-brand)}.RecruitmentConfig-gray-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px}.RecruitmentConfig-section-heading{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:var(--text-heading);margin:0}.RecruitmentConfig-date-inputs{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.RecruitmentConfig-date-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:1}.RecruitmentConfig-field-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-body)}.RecruitmentConfig-input-wrapper{position:relative;width:100%}.RecruitmentConfig-date-input{box-sizing:border-box;width:100%;height:48px;padding:0 12px 0 40px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;outline:none}.RecruitmentConfig-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted-clr)}.RecruitmentConfig-filter-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.RecruitmentConfig-filter-item{position:relative;width:calc(25% - 9px);display:flex;flex-direction:column}.RecruitmentConfig-filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;height:48px;width:100%;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-body);cursor:pointer;transition:all .2s}.RecruitmentConfig-filter-button.active{background:var(--bg-brand-light);border-color:var(--text-brand);color:var(--text-brand)}.RecruitmentConfig-specific-users-list{display:flex;flex-direction:column;width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;margin-top:4px;box-shadow:0 10px 15px -3px var(--shadow-sm),0 4px 6px -2px var(--shadow-xs);position:absolute;top:100%;left:0;z-index:1000}.RecruitmentConfig-search-wrapper{position:relative;padding:12px;border-bottom:1px solid var(--bg-hover)}.RecruitmentConfig-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary-clr)}.RecruitmentConfig-user-search-input{width:100%;height:40px;padding:0 12px 0 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.RecruitmentConfig-users-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column}.RecruitmentConfig-user-checkbox-item{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .2s}.RecruitmentConfig-user-checkbox-item:hover{background:var(--bg-secondary)}.RecruitmentConfig-checkbox-wrapper{position:relative;width:20px;height:20px}.RecruitmentConfig-checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.RecruitmentConfig-custom-checkbox{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center}.RecruitmentConfig-checkbox-wrapper input:checked~.RecruitmentConfig-custom-checkbox{background-color:var(--text-brand);border-color:var(--text-brand)}.RecruitmentConfig-custom-checkbox span{color:var(--bg-primary);font-size:14px;font-weight:700}.RecruitmentConfig-user-info{display:flex;flex-direction:column}.RecruitmentConfig-user-name{font-size:14px;font-weight:500;color:var(--text-heading)}.RecruitmentConfig-user-id{font-size:12px;color:var(--text-secondary-clr)}.RecruitmentConfig-no-users{padding:24px;text-align:center;color:var(--text-secondary-clr);font-size:14px}.RecruitmentConfig-selected-count{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--bg-hover);font-size:12px;font-weight:500;color:var(--text-body);border-radius:0 0 10px 10px}.RecruitmentConfig-clear-btn{background:none;border:none;color:var(--text-brand);cursor:pointer;font-size:12px;font-weight:600;padding:0}.RecruitmentConfig-dropdown-button{display:flex;flex-direction:row;align-items:center;gap:16px}.RecruitmentConfig-format-grid{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%}.RecruitmentConfig-format-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:18px;gap:8px;flex:1;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .2s}.RecruitmentConfig-format-button.active{background:var(--bg-brand-light);border-color:var(--text-brand)}.RecruitmentConfig-format-icon{font-size:24px;color:var(--text-muted-clr)}.RecruitmentConfig-format-button.active .RecruitmentConfig-format-icon{color:var(--text-brand)}.RecruitmentConfig-format-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--text-heading)}.RecruitmentConfig-footer{border-radius:0 0 16px 16px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 32px;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.RecruitmentConfig-status{display:flex;flex-direction:row;align-items:center;gap:8px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;color:var(--text-secondary-clr)}.RecruitmentConfig-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.RecruitmentConfig-cancel-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 24px;height:45px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--text-body);cursor:pointer}.RecruitmentConfig-generate-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;gap:8px;height:45px;background:var(--text-brand);box-shadow:0 4px 6px -1px var(--shadow-sm),0 2px 4px -2px var(--shadow-sm);border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--bg-primary);cursor:pointer}.RecruitmentConfig-generate-btn:disabled{background:var(--bg-brand-light);box-shadow:none;cursor:not-allowed}.RecruitmentConfig-btn-icon{font-size:20px}@media(max-width:900px){.RecruitmentConfig-filter-item{width:calc(50% - 6px)}}@media(max-width:768px){.RecruitmentConfig-date-inputs,.RecruitmentConfig-format-grid{flex-direction:column}.RecruitmentConfig-footer{flex-direction:column;gap:16px;align-items:flex-start}.RecruitmentConfig-actions{width:100%}.RecruitmentConfig-actions button{flex:1}}@keyframes RecruitmentConfig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:RecruitmentConfig-spin 1s linear infinite}.google-callback-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:linear-gradient(35deg,rgba(var(--primary-color-rgb),.2),var(--background-color))}.google-callback-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 24px #0000001a;text-align:center;width:100%;max-width:400px;animation:fadeIn .5s ease}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;margin:0 auto 1rem;animation:spin 1s linear infinite}.error-icon,.success-icon{font-size:3rem;margin-bottom:1rem}.error-icon{color:#d32f2f}.success-icon{color:#2e7d32}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.full-screen-loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:transparent;z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:transparent;padding-top:60px}.full-screen-loading-container *{pointer-events:none}.full-screen-loading-container .home-loading-spinner{pointer-events:auto}.home-loading-spinner{text-align:center;color:#1868db;position:relative}.home-loading-spinner .spinner{width:50px;height:50px;border:3px solid rgba(24,104,219,.1);border-top:3px solid #1868DB;border-radius:50%;animation:consistent-spin 1s linear infinite;margin:0 auto}.home-loading-spinner p{font-size:16px;font-weight:500;color:#333;margin:20px 0 0}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow-x:clip}html.home-scrollable,body.home-scrollable{height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden}body.no-org-in-url{height:auto;min-height:100%;overflow-y:auto!important;overflow-x:hidden}html:has(body.no-org-in-url){height:auto;min-height:100%;overflow-y:auto!important;overflow-x:hidden}body.no-org-in-url::-webkit-scrollbar,html:has(body.no-org-in-url)::-webkit-scrollbar{display:block!important;width:16px}body.no-org-in-url{scrollbar-width:auto!important}html:has(body.no-org-in-url){scrollbar-width:auto!important}body.has-org-in-url{overflow-y:hidden!important;height:100%}html:has(body.has-org-in-url){overflow-y:hidden!important;height:100%}body{display:flex;flex-direction:column;position:relative;background-color:var(--background-color);color:var(--text-color)}#root{display:flex;flex-direction:column;width:100%}.app-container{display:flex;flex-direction:column;width:100%;position:relative;background-color:#eef;padding-top:0}.dashboard-layout{padding-top:60px}.auth-page-container{padding-top:0!important;display:flex;flex-direction:column}.with-sidebar{margin-left:60px;flex:1;padding-bottom:0}.no-sidebar{margin-left:0;flex:1;padding-bottom:0}[class*=modal-overlay]{position:fixed;inset:0;z-index:10000!important;display:flex;justify-content:center;align-items:center;padding:1rem}body>[class*=modal-overlay],#root+[class*=modal-overlay]{z-index:99999!important}[class*=modal-overlay]>div{overflow:auto}.footer-with-sidebar{margin-left:60px;width:calc(100% - 60px);position:relative;z-index:100}.footer-no-sidebar{margin-left:0;width:100%;position:relative;z-index:100}.main-content{margin-bottom:0;position:relative;flex:1}.MuiSnackbar-root{z-index:9999!important}.MuiAlert-root{border-radius:0;font-size:15px!important}.MuiAlert-standardSuccess{background-color:#10b9811a!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)!important}.MuiAlert-standardError{background-color:#ef44441a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)!important}.MuiAlert-standardInfo{background-color:#1868db1a!important;color:#1868db!important;border:1px solid rgba(24,104,219,.2)!important}.MuiAlert-standardWarning{background-color:#f59e0b1a!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.2)!important}[data-theme=dark] .MuiAlert-standardSuccess{background-color:#10b98126!important;color:#34d399!important;border-color:#10b9814d!important}[data-theme=dark] .MuiAlert-standardError{background-color:#ef444426!important;color:#f87171!important;border-color:#ef44444d!important}[data-theme=dark] .MuiAlert-standardInfo{background-color:#1868db26!important;color:#60a5fa!important;border-color:#1868db4d!important}[data-theme=dark] .MuiAlert-standardWarning{background-color:#f59e0b26!important;color:#fbbf24!important;border-color:#f59e0b4d!important}.footer-with-sidebar,.footer-no-sidebar{position:relative;z-index:100;width:100%}.footer-with-sidebar{margin-left:60px;width:calc(100% - 60px)}body.modal-open{min-height:auto;height:auto;overflow:visible}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;padding:2rem;overflow:hidden;background-color:var(--background-color);position:fixed;inset:0;z-index:9999}.error-image-container{margin-bottom:1.5rem;max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-image{max-width:320px;width:100%;height:auto;display:block;margin:0 auto 20px;animation:float 3s ease-in-out infinite;border-radius:8px;transition:transform .3s ease}.error-image:hover{transform:scale(1.05)}.error-text{font-size:26px;font-weight:600;color:var(--text-color);margin-bottom:20px;opacity:.8;letter-spacing:.5px}.not-found-container .not-found-message{font-size:18px;color:var(--text-color);margin-bottom:2rem;line-height:1.6;opacity:.7}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:768px){.error-image{max-width:260px}.error-404{font-size:70px}.error-text{font-size:22px}.not-found-container .not-found-message{font-size:16px;max-width:400px}}@media(max-width:480px){.error-image{max-width:220px}.error-404{font-size:60px}.error-text{font-size:20px}.not-found-container .not-found-message{font-size:14px;max-width:300px}}.not-found-container a,.not-found-container .go-home-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .3s ease;border:none;cursor:pointer;font-size:1rem}.not-found-container a:hover,.not-found-container .go-home-button:hover{background-color:var(--primary-color-dark)}@media(max-width:768px){.main-content.with-sidebar{padding-bottom:36px}}@media(max-width:480px){.main-content.with-sidebar{padding-bottom:34px}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:var(--text-color)}.loading-container:before{content:"";width:50px;height:50px;border:3px solid rgba(24,104,219,.1);border-top:3px solid var(--primary-color);border-radius:50%;animation:consistent-spin 1s linear infinite;margin:0 auto}@keyframes consistent-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timesheet-dashboard-loader-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:400px;flex:1}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "Courier New", monospace;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 30px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--text-heading: #111827;--text-primary: #1F2937;--text-body: #374151;--text-label: #4B5563;--text-secondary-clr: #6B7280;--text-muted-clr: #9CA3AF;--text-brand: #1868DB;--text-brand-hover: #1557B8;--text-success: #16A34A;--text-danger: #DC2626;--text-warning: #D97706;--text-info: #0284C7;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-hover: #f3f4f6;--bg-brand-light: #eff6ff;--bg-sidebar: #2b1e60;--bg-top-header: #493696;--border-subtle: #e5e7eb;--border-main: #d1d5db;--border-brand: #1868db;--bg-success-light: #f0fdf4;--bg-danger-light: #fef2f2;--bg-warning-light: #fffbeb;--bg-info-light: #f0f9ff;--border-success: #bbf7d0;--border-danger: #fecaca;--border-warning: #fde68a;--border-info: #bae6fd;--bg-overlay: rgba(0, 0, 0, .5);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-speed: .3s;--primary-color: var(--text-brand);--primary-color-rgb: 24, 104, 219;--primary-dark: var(--text-brand-hover);--primary-light: var(--bg-brand-light);--success-color: var(--text-success);--warning-color: var(--text-warning);--error-color: var(--text-danger);--background-color: var(--bg-secondary);--card-bg: var(--bg-primary);--text-color: var(--text-primary);--text-secondary: var(--text-secondary-clr);--text-muted: var(--text-muted-clr);--border-color: var(--border-subtle);--hover-bg: var(--bg-hover);--hover-background: var(--bg-hover);--table-header-bg: var(--bg-secondary);--footer-bg: #343b42;--footer-text: #ffffff;--input-bg: var(--bg-primary);--input-disabled-bg: #f5f5f5;--disabled-color: #cccccc}*{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--footer-bg);border-radius:0;border:4px solid var(--background-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--background-color)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--footer-bg);border:4px solid var(--background-color)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}*{scrollbar-color:var(--footer-bg) var(--background-color)}.ups-page-container{min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100vh}.prorated-badge{background-color:#dcfce7;color:#059669;font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px;margin-left:8px;border:1px solid #bbf7d0}.ups-content-wrapper{flex-grow:1;padding:80px 20px 40px;max-width:1200px;margin:0 auto;width:100%}.ups-addons-container{max-width:1200px;margin:0 auto;width:100%}.ups-header{text-align:center}.ups-header h1{font-size:28px;font-weight:700;color:#343b43;margin-bottom:40px}.ups-stepper{display:flex;justify-content:space-between;align-items:center;width:80%;margin:0 auto;position:relative}.ups-step{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;z-index:2;margin-bottom:20px}.ups-step.completed,.ups-step.active{cursor:pointer}.ups-step-indicator{width:40px;height:40px;border-radius:50%;border:2px solid #d1d5db;background-color:#f3f4f6;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;position:relative;z-index:3;margin-bottom:12px;overflow:hidden}.ups-step.completed .ups-step-indicator{background-color:#1868db;border-color:#1868db;color:#fff}.ups-step.active .ups-step-indicator{background-color:#1868db;border-color:#1868db;color:#fff;box-shadow:0 0 0 4px #1868db1a}.ups-step:not(.completed):not(.active) .ups-step-indicator{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280}.ups-step-checkmark{font-size:18px;font-weight:700;color:#fff}.ups-step-number{font-size:16px;font-weight:600}.ups-step-icon{font-size:32px;font-weight:400;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ups-step-icon svg{width:16px;height:16px;display:block}.ups-step-label{font-size:14px;font-weight:500;margin-top:12px;white-space:nowrap;text-align:center;transition:color .3s ease}.ups-step.completed .ups-step-label,.ups-step.active .ups-step-label{color:#1868db}.ups-step:not(.completed):not(.active) .ups-step-label{color:#6b7280}.ups-step.disabled{cursor:not-allowed;opacity:.6;pointer-events:none;filter:grayscale(.3)}.ups-step.disabled .ups-step-indicator{background-color:#1868db;border-color:#1868db;color:#fff}.ups-step.disabled .ups-step-label{color:#9ca3af}.ups-step.disabled:hover{transform:none}.ups-step.disabled .ups-step-indicator:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#9ca3af}.ups-stepper-line{position:absolute;top:50px;left:20px;right:20px;height:4px;background-color:#e5e7eb;z-index:1;transition:background-color .3s ease}.ups-plans-grid,.ups-addons-container,.ups-pay-container{max-width:none!important;position:relative}.ups-stepper-line:before{content:"";position:absolute;top:0;left:0;height:100%;background-color:#1868db;transition:width .3s ease;width:0}.ups-stepper-line[data-progress="1"]:before{width:33.33%}.ups-stepper-line[data-progress="2"]:before{width:66.66%}.ups-stepper-line[data-progress="3"]:before{width:100%}.ups-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}@media(max-width:992px){.ups-plans-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:768px){.ups-plans-grid{grid-template-columns:1fr;gap:16px}}.ups-plans-grid,.ups-addons-container,.ups-pay-container{max-width:1100px;position:relative}.ups-plan-card{border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;text-align:center;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #343b431a,0 2px 4px -1px #343b430f;height:100%;min-height:0}.ups-plan-card-header{position:relative;padding:20px 20px 60px;color:#f4f6f8;background:#353d44;border-bottom-left-radius:100% 40px;border-bottom-right-radius:100% 40px}.ups-plan-card-header h2{position:relative;z-index:2;font-size:22px;font-weight:700;color:#f4f6f8}.ups-plan-body{padding:0 30px 15px;display:flex;flex-direction:column;align-items:center;background-color:transparent;flex-grow:1;justify-content:space-between}.ups-price-box{background:linear-gradient(to bottom,#f4f6f8,#e8eaed);padding:15px;border-radius:8px;margin-bottom:20px;width:100%;color:#343b43;margin-top:-40px;position:relative;z-index:3;border:1px solid #d1d5db;box-shadow:0 5px 10px #343b431a}.ups-price{font-size:40px;font-weight:700;display:flex;flex-direction:column;align-items:baseline;justify-content:center;align-items:center;gap:4px}.ups-price-period{font-size:18px;font-weight:400;color:#4b5563}.ups-price-details{font-size:13px;color:#4b5563;margin-top:8px;display:flex;flex-direction:column;gap:3px;align-items:center}.ups-price-details span{display:block;line-height:1.2}.ups-yearly-price{font-size:14px;color:#6b7280;font-weight:500}.ups-plan-features{margin:20px 0;width:100%;flex-grow:1}.ups-plan-features ul{list-style:none;padding:0;margin:0;text-align:left}.ups-plan-features li{color:#343b43;font-size:16px;position:relative;padding:8px 0 8px 20px}.ups-plan-features li:before{content:"✔";color:#1868db;font-weight:700;position:absolute;left:0;top:8px}@media(max-width:768px){.ups-plan-features ul{max-height:none;overflow:visible}.ups-plan-features li{font-size:14px;padding:6px 0 6px 20px}.ups-plan-features li.hidden-feature{display:none}.ups-plan-features.expanded li.hidden-feature{display:list-item}}.ups-show-more-features{margin-top:12px;padding:8px 16px;background:transparent;border:1px solid #1868db;color:#1868db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;text-align:center}.ups-show-more-features:hover{background:#1868db;color:#fff}.ups-show-more-features:active{transform:scale(.98)}@media(min-width:769px){.ups-show-more-features{display:none}}.ups-button-wrapper{width:120%;padding-top:15px;margin-top:auto;position:relative}.ups-button-wrapper:before{content:"";position:absolute;top:0;left:-30px;right:-30px;height:1px;background-color:#e0e0e0}.ups-upgrade-button{background:#1868db;color:#fff;border:none;padding:14px 20px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease;text-transform:uppercase;width:80%;margin:0 auto}.ups-upgrade-button:hover{background-color:#1456b3}.ups-plan-card.current-plan{border:1px solid #1868db;position:relative}.ups-plan-card.current-plan .ups-plan-card-header{background:#1868db2e}.ups-plan-card.current-plan .ups-plan-card-header h2{color:#000}.current-plan-ribbon{position:absolute;top:15px;right:-35px;background:#1868db;color:#fff;padding:8px 40px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transform:rotate(45deg);transform-origin:center;z-index:10;box-shadow:0 2px 4px #0003;border:2px dashed #ffffff;white-space:nowrap;text-align:center}.current-plan-ribbon:before{content:"";position:absolute;inset:0;background:#1868db;z-index:-1}.current-plan-ribbon span{color:#fff;font-weight:700;display:block;line-height:1.2}.ups-upgrade-button.current-plan-button{background:#1868db;color:#fff;cursor:pointer;opacity:1}.ups-upgrade-button.current-plan-button:hover{background:#1456b3;transform:translateY(-2px);box-shadow:0 6px 16px #1868db66}@media(max-width:768px){.current-plan-ribbon{top:12px;right:-30px;padding:6px 30px;font-size:11px;transform:rotate(45deg)}}@media(max-width:480px){.ups-plan-card.current-plan{transform:none}.current-plan-ribbon{top:10px;right:-25px;padding:4px 25px;font-size:10px;transform:rotate(45deg)}}.ups-addons-container{position:relative}.ups-billing-toggle-wrapper{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;margin-bottom:20px;margin-top:20px;width:fit-content;max-width:100%;margin-left:auto;flex-shrink:0}.ups-billing-offer{position:absolute;bottom:100%;right:0;margin-bottom:4px;color:#64748b;padding:8px 16px;border-radius:15px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #1868db1a;z-index:10}.ups-billing-toggle{display:flex;justify-content:flex-end;align-items:flex-end;background-color:#fff;border-radius:25px;padding:8px;width:fit-content;max-width:100%;position:relative;z-index:2;box-shadow:0 2px 10px #0f172a1a;flex-shrink:0}.ups-billing-toggle button{padding:10px 20px;border:none;background-color:transparent;cursor:pointer;font-weight:500;color:#6b7280;border-radius:20px;transition:all .3s ease;position:relative;min-width:80px}.ups-billing-toggle button.active{background-color:#1868db;color:#fff;font-weight:600}.ups-billing-toggle button:not(.active){background-color:transparent;color:#342d42}.ups-billing-toggle button:disabled{background-color:transparent;color:#9ca3af;cursor:not-allowed;opacity:.6}.ups-addons-content{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start;margin-top:20px}.ups-addons-content-renewal{grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}.ups-addons-content-renewal>.ups-addons-header-row{grid-column:1 / -1}.ups-addons-header-row-renewal{justify-content:center!important;align-items:center!important}.ups-addons-header-row-renewal .ups-addons-header-title{display:none}.ups-addons-header-row-renewal .ups-billing-toggle-wrapper-addons{margin-left:0!important;margin-right:0!important;padding-right:0!important;position:relative;overflow:visible}.ups-addons-header-row-renewal .ups-billing-toggle-wrapper-addons.ups-billing-toggle-wrapper-yearly{margin-left:0!important;padding-right:0!important}.ups-addons-header-row-renewal .ups-save-badge{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;white-space:nowrap;z-index:10;pointer-events:none}.ups-addons-content-renewal>.ups-plan-summary-renewal-col1{grid-column:1;align-self:stretch;display:flex;flex-direction:column}.ups-addons-content-renewal>.ups-plan-summary-renewal-col2{grid-column:2;align-self:stretch;display:flex;flex-direction:column}.ups-addons-content-renewal>.ups-summary-renewal-container{grid-column:3;grid-row:2;display:flex;flex-direction:column;height:100%;align-self:stretch}.ups-summary-renewal-container>.ups-summary-renewal{display:flex;flex-direction:column;margin-bottom:0;width:100%;box-sizing:border-box}.ups-summary-renewal-container>.ups-renew-button-wrapper{width:100%;margin-top:16px;flex-shrink:0;box-sizing:border-box}.ups-renew-button-wrapper .ups-proceed-button{width:100%;box-sizing:border-box}.ups-addons-content-renewal>.ups-divider-hr{grid-column:1 / 3}.ups-addons-content-renewal>.ups-adjust-users-heading{grid-column:1 / 3;font-size:18px;font-weight:600;color:#000;text-align:left}.ups-addons-content-renewal>.ups-form-row{grid-column:1 / 3;margin-bottom:20px}.ups-addons-details{box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset;min-height:400px;max-height:none;border:1px solid #e5e7eb;padding:32px;border-radius:16px;background-color:#fff;position:relative;overflow:hidden;min-width:0;box-sizing:border-box}.ups-addons-details h2{font-size:24px;font-weight:600;color:#343b43}.ups-plan-summary{background:#fff;padding:15px;margin-bottom:20px;border-left:4px solid #1868db}.ups-addons-content-renewal>.ups-plan-summary-renewal-col1>.ups-plan-summary,.ups-addons-content-renewal>.ups-plan-summary-renewal-col2>.ups-plan-summary{display:flex;flex-direction:column;height:100%;margin-bottom:0}.ups-plan-summary p{margin:10px 0;font-size:15px;color:#343b43}.ups-plan-summary p.ups-plan-summary-total{margin:10px 0 0;padding:12px 15px;font-size:16px;color:#1e293b}.ups-form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px;flex-wrap:wrap}.ups-form-row-vertical{flex-direction:column;align-items:flex-start;gap:8px}.ups-form-row-vertical label{font-weight:500;color:#343b43;font-size:15px;width:100%;margin-bottom:0}.ups-form-row-vertical input,.ups-form-row-vertical .ups-total-amount-display{width:100%!important;min-width:100%;max-width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;background-color:#f9fafb;color:#343b43;font-weight:500;text-align:left!important;box-sizing:border-box}.ups-form-row-renewal{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:nowrap}.ups-form-row-renewal .ups-form-label-main{font-weight:500;color:#343b43;font-size:15px;white-space:nowrap}.ups-form-row-renewal .ups-form-label-hint{color:#343b43;font-size:14px;font-weight:400;white-space:nowrap}.ups-number-input-container{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px}.ups-number-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#343b43;transition:all .2s ease;flex-shrink:0}.ups-number-btn:hover:not(:disabled){background-color:#e5e7eb}.ups-number-btn:active:not(:disabled){background-color:#d1d5db}.ups-number-btn:disabled{opacity:.5;cursor:not-allowed}.ups-number-btn svg{width:16px;height:16px}.ups-number-input-wrapper{display:flex;align-items:center;gap:4px}.ups-number-bracket{color:#343b43;font-size:15px;font-weight:500}.ups-form-row-renewal .ups-number-input{width:50px;min-width:50px;border:none;background:transparent;text-align:center;font-size:15px;font-weight:500;color:#343b43;padding:0;outline:none}.ups-form-row-renewal .ups-number-input::-webkit-inner-spin-button,.ups-form-row-renewal .ups-number-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.ups-form-row-renewal .ups-number-input[type=number]{-moz-appearance:textfield;appearance:textfield}.ups-form-row:last-child{margin-bottom:0}.ups-form-row label{font-weight:500;color:#343b43;flex-shrink:0;min-width:0}.ups-form-row label span{display:block;font-size:14px;color:#6b7280;font-weight:400;margin-top:4px}.ups-form-row input{width:100px;padding:10px;border:1px solid #d1d5db;border-radius:6px;text-align:right;background-color:#f9fafb}.ups-total-amount-display{min-width:100px;width:auto;max-width:calc(100% - 20px);padding:10px;border:1px solid #d1d5db;border-radius:6px;text-align:right;background-color:#f9fafb;color:#343b43;font-weight:500;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;flex-shrink:1;overflow:visible}.ups-summary{border:1px solid #e5e7eb;padding:16px;border-radius:16px;background-color:#fff;display:flex;flex-direction:column;box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset}.ups-summary h3{font-size:24px;font-weight:600;margin-bottom:20px;color:#343b43}.ups-summary-renewal{grid-column:3;align-self:start}.ups-plan-summary-total{margin-top:20px;padding:20px 15px;border-top:2px solid #e2e8f0;background:#f2f5f5;font-size:16px;font-weight:600;color:#1e293b;width:100%;box-sizing:border-box;display:block;margin-bottom:0!important}.ups-plan-summary-selected .ups-plan-summary-total{border-top-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1868db}.ups-summary-item{display:flex;justify-content:space-between;margin-bottom:10px;color:#343b43}.ups-summary-item>span:last-child{font-weight:400}.ups-summary-item>div:last-child.ups-summary-item-value-wrapper{font-weight:400}.ups-summary-item-value-plan{font-weight:600}.ups-summary-item.total>span:last-child{font-weight:600}.ups-summary-item-value-wrapper{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.ups-summary-item-users-count{font-size:14px;font-weight:400;color:#343b43;margin-top:4px}.ups-summary-item-value-bold{font-weight:600}.ups-summary-item-plan{border-bottom:1px solid #e5e7eb;padding-bottom:15px}.ups-summary hr,.ups-order-summary hr{border:none;border-top:1px solid #e5e7eb;margin:4px 0}.ups-summary-item.total{margin:12px 0!important;font-weight:700;font-size:18px;color:#343b43}.ups-seat-pill{display:inline-block;background:#fef3c7;color:#92400e;border:1px solid #fde68a;padding:4px 10px;border-radius:999px;font-size:12px;margin-top:6px}.ups-proceed-button{text-align:center;padding:10px;background:linear-gradient(135deg,#1868db,#1456b3);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer}.ups-proceed-button:hover{background:linear-gradient(135deg,#1456b3,#0f4a9e);transform:translateY(-2px);box-shadow:0 6px 16px #1868db66}.ups-proceed-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.ups-pay-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1200px;margin:0 auto;position:relative;padding-top:45px}.ups-pay-heading{text-align:center;font-size:28px;font-weight:600;color:#343b43;margin:0;width:100%}.ups-pay-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;align-items:start;position:relative}.ups-pay-content:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:#e5e7eb;transform:translate(-.5px);pointer-events:none}.ups-payment-details{padding:20px;border-radius:16px;height:100%;display:flex;flex-direction:column}.ups-payment-details h3{font-size:24px;font-weight:600;margin-bottom:25px;color:#343b43}.ups-payment-type-toggle{display:flex;background-color:#f3f4f6;border-radius:8px;padding:4px;margin-bottom:25px}.ups-payment-type-toggle button{flex:1;padding:12px 16px;border:none;background-color:transparent;cursor:pointer;font-weight:500;color:#6b7280;border-radius:6px;transition:all .3s ease;font-size:14px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ups-payment-type-toggle button.active{background-color:#fff;color:#343b43;box-shadow:0 2px 4px #0000001a;font-weight:600}.ups-payment-type-toggle button:focus{outline:none;box-shadow:none}.ups-payment-type-toggle button:active{outline:none;box-shadow:none;transform:none}.ups-payment-type-toggle button:not(.active){background-color:transparent;color:#6b7280}.ups-payment-method-display{margin-bottom:20px}.ups-payment-method-title{font-size:18px;font-weight:700;color:#000;margin:0 0 16px}.ups-payment-options-list{display:flex;flex-direction:column;gap:12px}.ups-payment-option{display:flex;align-items:center}.ups-payment-label{display:flex;align-items:center;gap:12px;font-size:16px;color:#000;flex:1}.ups-payment-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#343b43;flex-shrink:0}.ups-payment-icon svg{width:100%;height:100%}.ups-payment-icon-upi{width:24px;height:24px}.ups-upi-logo-img{width:100%;height:100%;object-fit:contain}.ups-payment-description{margin-bottom:20px}.ups-payment-description p{padding:20px;background-color:#e2e6ed;border-radius:8px;font-size:14px;color:#6b7280;line-height:1.6;margin:0}.ups-payment-secure{margin-bottom:0}.ups-payment-secure p{font-size:12px;color:#9ca3af;margin:0}.ups-order-summary{padding:20px;border-radius:16px;height:fit-content;display:flex;flex-direction:column}.ups-order-summary h3{font-size:24px;font-weight:600;margin-bottom:25px;color:#343b43}.ups-payment-actions{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:15px}.ups-payment-actions .ups-proceed-button{width:100%;padding:16px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#1868db,#1456b3);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1868db4d}.ups-payment-actions .ups-proceed-button:hover{background:linear-gradient(135deg,#1456b3,#0f4a9e);transform:translateY(-2px);box-shadow:0 6px 16px #1868db66}.ups-payment-actions .ups-proceed-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.ups-privacy-note{font-size:12px;color:#6b7280;text-align:center}.ups-privacy-note a{color:#1868db;text-decoration:none}.ups-deact-panel{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:12px}.ups-deact-toolbar{display:flex;gap:10px;margin-bottom:10px}.ups-deact-primary{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.ups-deact-primary:disabled{opacity:.6;cursor:not-allowed}.ups-deact-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}.ups-deact-list{max-height:240px;overflow-y:auto;overflow-x:hidden;border-top:1px solid #f3f4f6;scrollbar-width:thin;scrollbar-color:#c7d2fe #f3f4f6}.ups-deact-list::-webkit-scrollbar{width:8px}.ups-deact-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:8px}.ups-deact-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:8px}.ups-deact-list::-webkit-scrollbar-thumb:hover{background:#93c5fd}.ups-deact-row{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;padding:8px 0;font-size:13px}.ups-deact-row:hover{background:#f9fafb}.ups-deact-name{color:#111827}.ups-deact-email{color:#6b7280;display:block;font-size:12px}.ups-deact-check{accent-color:#1868db}.ups-deact-empty{color:#6b7280;padding:10px 0;text-align:center}.ups-payment-options{grid-column:1 / 2;grid-row:2 / 3;display:flex;flex-direction:column;gap:20px}.ups-back-arrow{position:absolute;top:0;left:0;font-size:30px;cursor:pointer;color:#6b7280;border:1px solid #e5e7eb;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;background-color:#fff}.ups-back-arrow:hover{background-color:#f4f6f8;border-color:#d1d5db;color:#343b43}.ups-payment-content{width:100%}.ups-payment-info{border:1px solid #e5e7eb;padding:20px;border-radius:8px;width:100%;color:#343b43;line-height:1.6}.ups-payment-info h4{font-weight:600;margin-bottom:10px}.ups-payment-info p{font-size:14px;color:#6b7280;line-height:1.6}.ups-payment-placeholder{background-color:#f4f6f8;height:60px;border-radius:8px;margin-top:15px}.ups-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ups-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 20px 40px #00000026;border:1px solid #e5e7eb}.ups-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#343b43,#1868db);color:#fff;border-bottom:1px solid #e5e7eb}.ups-modal-header h3{font-size:18px;font-weight:600}.ups-modal-header button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.ups-modal-body{padding:20px}.ups-save-card-check{display:flex;align-items:start;margin-top:20px}.ups-save-card-check input{margin-top:4px;margin-right:10px}.ups-save-card-check label{font-size:14px;font-weight:500}.ups-save-card-check label span{display:block;font-size:12px;color:#6b7280;margin-top:5px}.ups-save-card-check a{color:#1868db;text-decoration:none;margin-left:5px}.ups-modal-footer{padding:20px;background-color:#f9fafb}.ups-modal-footer>p{font-size:12px;background-color:#fee2e2;color:#b91c1c;padding:10px;border-radius:8px;text-align:center;margin-bottom:20px}.ups-modal-pay-summary{display:flex;justify-content:space-between;align-items:center}.ups-amount{font-size:20px;font-weight:700}.ups-amount span{display:block;font-size:12px;font-weight:400;color:#1868db;cursor:pointer}.ups-confirmation-container{max-width:1200px;margin:0 auto;padding:0}.ups-confirmation-banner{background:linear-gradient(135deg,#1868db,#1456b3);border-radius:12px;padding:16px 40px;display:flex;align-items:center;gap:20px;margin-bottom:30px}.ups-confirmation-checkmark{width:48px;height:48px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ups-confirmation-banner-content{flex:1}.ups-confirmation-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.ups-confirmation-subtitle{font-size:16px;color:#fff;margin:0;opacity:.95}.ups-confirmation-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.ups-confirmation-details-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.ups-confirmation-details-title{font-size:18px;font-weight:600;color:#343b43;margin:0 0 20px}.ups-confirmation-detail-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:15px;color:#343b43}.ups-confirmation-detail-item:last-child{margin-bottom:0}.ups-confirmation-detail-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.ups-confirmation-right-column{display:flex;flex-direction:column;gap:20px;height:100%}.ups-confirmation-right-column>.ups-confirmation-invoice-card,.ups-confirmation-right-column>.ups-confirmation-info-card{flex:1}.ups-confirmation-invoice-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px}.ups-confirmation-invoice-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#1868db;flex-shrink:0}.ups-confirmation-invoice-text{font-size:14px;color:#343b43;margin:0;line-height:1.5}.ups-confirmation-info-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px}.ups-confirmation-countdown-circle{position:relative;width:80px;height:80px;flex-shrink:0}.ups-confirmation-progress-ring{width:80px;height:80px;transform:rotate(-90deg)}.ups-confirmation-progress-ring-background{transition:none}.ups-confirmation-progress-ring-progress{transition:stroke-dashoffset .5s ease}.ups-confirmation-countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#000}.ups-confirmation-countdown-text{flex:1;display:flex;flex-direction:column;gap:8px}.ups-confirmation-redirect-text{font-size:15px;color:#343b43;margin:0;font-weight:400}.ups-confirmation-seconds-text{font-size:14px;color:#343b43;margin:0}.ups-confirmation-seconds-number{color:#1868db;font-weight:500}.ups-confirmation-dashboard-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:400;color:#343b43;cursor:pointer;transition:all .2s ease;margin-top:4px;align-self:flex-start}.ups-confirmation-dashboard-button:hover{background-color:#f9fafb;border-color:#d1d5db}.ups-secondary-button{background-color:transparent;border:1px solid #d1d5db;color:#343b43;padding:10px 25px;border-radius:6px;cursor:pointer;font-weight:500;margin-top:20px;transition:all .2s ease}.ups-secondary-button:hover{background-color:#f4f6f8}.ups-payment-result{margin-top:30px;padding:20px;border-radius:12px;border-left:4px solid;animation:slideInFromTop .3s ease-out}.ups-payment-result-success{background:#d4edda;border-color:#28a745;color:#155724}.ups-payment-result-error{background:#f8d7da;border-color:#dc3545;color:#721c24}.ups-payment-result-content{display:flex;flex-direction:column;gap:15px}.ups-payment-result-content h3{margin:0;font-size:18px;font-weight:600}.ups-payment-result-content p{margin:0;font-size:14px;line-height:1.5}.ups-payment-details summary{cursor:pointer;font-weight:600;margin-bottom:10px;color:inherit}.ups-payment-details pre{background:#0000001a;padding:15px;border-radius:8px;overflow-x:auto;font-size:12px;margin:10px 0;color:inherit}.ups-payment-close{background:#0003;color:inherit;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s ease;align-self:flex-start}.ups-payment-close:hover{background:#0000004d}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ups-step-progress-circle-completed{background:#28a745;color:#fff}.ups-step-progress-circle-active{background:#007bff;color:#fff}.ups-step-progress-circle-pending{background:#e9ecef;color:#6c757d}.ups-step-progress-text-active{color:#6c757d}.ups-button-loading{opacity:.6;cursor:not-allowed}.ups-button-enabled{opacity:1;cursor:pointer}@media(max-width:768px){.ups-payment-result{margin-top:20px;padding:15px}.ups-payment-result-content h3{font-size:16px}.ups-payment-result-content p{font-size:13px}}@media(max-width:768px){.ups-stepper{width:95%;gap:10px}.ups-stepper-line{top:40px}.ups-step-indicator{width:32px;height:32px;font-size:14px}.ups-step-checkmark{font-size:16px}.ups-step-number,.ups-step-icon{font-size:14px}.ups-step-icon svg{width:14px;height:14px}.ups-step-label{font-size:12px;margin-top:8px}}@media(max-width:480px){.ups-stepper{width:100%;gap:5px}.ups-stepper-line{top:35px}.ups-step-indicator{width:28px;height:28px;font-size:12px}.ups-step-checkmark{font-size:14px}.ups-step-number,.ups-step-icon{font-size:12px}.ups-step-icon svg{width:12px;height:12px}.ups-step-label{font-size:11px;margin-top:6px}}.not-found-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem;background:var(--bg-color)}.not-found-content{text-align:center;max-width:500px;padding:3rem 2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid var(--border-color)}.not-found-image{width:200px;height:auto;margin-bottom:2rem}.not-found-content h2{color:var(--text-color);margin-bottom:1rem;font-size:2rem;font-weight:600}.not-found-content p{color:var(--text-color);margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.back-button{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.back-button:hover{background:var(--primary-hover-color)}@media(max-width:768px){.ups-addons-content{grid-template-columns:1fr;gap:20px}.ups-back-arrow{position:relative;left:0;top:0;margin-bottom:20px;align-self:flex-start}.ups-addons-container{margin-top:20px}.ups-billing-toggle{margin-bottom:20px}.ups-addons-details,.ups-summary{padding:20px}.ups-form-row{flex-direction:column;align-items:flex-start;gap:10px}.ups-form-row input,.ups-total-amount-display{width:100%;text-align:left}.ups-pay-content{grid-template-columns:1fr;gap:20px}.ups-pay-content:after{display:none}.ups-pay-container{padding-top:20px}.ups-order-summary,.ups-payment-details{padding:20px}.ups-payment-type-toggle button{padding:10px 12px;font-size:13px}.ups-payment-method{padding:15px}}@media(max-width:480px){.ups-addons-details,.ups-summary{padding:15px}.ups-addons-details h2,.ups-summary h3{font-size:20px}.ups-billing-toggle{padding:3px}.ups-billing-toggle button{padding:8px 16px;font-size:14px;min-width:70px}.ups-order-summary,.ups-payment-details{padding:15px}.ups-order-summary h3,.ups-payment-details h3{font-size:20px;margin-bottom:20px}.ups-payment-type-section h4,.ups-payment-info h4{font-size:16px}.ups-payment-type-toggle{flex-direction:column;gap:5px}.ups-payment-type-toggle button{padding:12px;font-size:14px}.ups-payment-method{flex-direction:column;text-align:center;gap:10px}.ups-payment-actions .ups-proceed-button{padding:14px;font-size:15px}}.ups-billing-switch{position:relative;display:inline-block;width:120px;height:40px;margin:0}.ups-billing-switch input{opacity:0;width:0;height:0}.ups-billing-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:40px;box-shadow:inset 0 2px 4px #0000001a}.ups-billing-switch-slider:before{position:absolute;content:"";height:32px;width:32px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.ups-billing-switch input:checked+.ups-billing-switch-slider{background-color:#1868db}.ups-billing-switch input:checked+.ups-billing-switch-slider:before{transform:translate(80px)}.ups-billing-switch-labels{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;pointer-events:none;transition:.3s;z-index:1}.ups-billing-switch-label-left{left:12px;color:#6b7280}.ups-billing-switch-label-right{right:12px;color:#6b7280}.ups-billing-switch input:checked~.ups-billing-switch-label-left{color:#fff}.ups-billing-switch input:not(:checked)~.ups-billing-switch-label-right{color:#fff}@media(max-width:768px){.ups-content-wrapper{padding:80px 16px 30px}.ups-header h1{font-size:22px;margin-bottom:30px;padding:0 10px}.ups-plans-grid{grid-template-columns:1fr!important;gap:16px;max-width:100%}.ups-plan-card{width:100%;max-width:100%;margin:0 auto}.ups-plan-card{max-width:100%}.ups-plan-card-header{padding:18px 18px 50px}.ups-plan-card-header h2{font-size:20px}.ups-price{font-size:32px}.ups-price-period{font-size:16px}.ups-billing-toggle-wrapper{justify-content:center;margin:20px auto;width:100%}.ups-billing-offer{font-size:11px;padding:6px 12px;top:-30px}.ups-addons-content{grid-template-columns:1fr;gap:20px}.ups-addons-content-renewal{grid-template-columns:1fr}.ups-addons-content-renewal>.ups-addons-header-row{grid-column:1}.ups-addons-content-renewal>.ups-plan-summary-renewal-col1,.ups-addons-content-renewal>.ups-plan-summary-renewal-col2{grid-column:1}.ups-addons-content-renewal>.ups-summary-renewal-container{grid-column:1;grid-row:auto;height:auto}.ups-addons-content-renewal>.ups-adjust-users-heading{grid-column:1}.ups-addons-content-renewal>.ups-divider-hr,.ups-addons-content-renewal>.ups-form-row{grid-column:1}.ups-form-row-renewal{flex-wrap:wrap;gap:12px}.ups-form-row-renewal .ups-form-row-label-group{flex-wrap:wrap;gap:6px}.ups-addons-details{padding:20px;min-height:auto}.ups-addons-details h2{font-size:20px}.ups-summary{height:auto;min-height:auto;padding:20px}.ups-summary h3{font-size:20px}.ups-form-row{flex-direction:column;align-items:flex-start;gap:8px}.ups-form-row label{width:100%}.ups-form-row input,.ups-total-amount-display{width:100%;text-align:left}.ups-pay-content{grid-template-columns:1fr;gap:20px}.ups-payment-details,.ups-order-summary{padding:20px}.ups-payment-details h3,.ups-order-summary h3{font-size:20px}.ups-modal-content{width:95%;max-width:95%}.ups-modal-header,.ups-modal-body{padding:16px}.ups-confirmation-banner{padding:16px 30px;gap:16px}.ups-confirmation-checkmark{width:40px;height:40px}.ups-confirmation-title{font-size:24px}.ups-confirmation-subtitle{font-size:14px}.ups-confirmation-content{grid-template-columns:1fr;gap:16px}.ups-confirmation-details-card{padding:20px}.ups-confirmation-countdown-card{flex-direction:column;align-items:center;text-align:center}}@media(max-width:480px){.ups-content-wrapper{padding:80px 12px 20px}.ups-header h1{font-size:18px;margin-bottom:25px;line-height:1.4}.ups-stepper{width:100%;gap:5px;padding:0 5px}.ups-step-label{font-size:10px;white-space:normal;text-align:center;line-height:1.2;max-width:60px}.ups-plans-grid{grid-template-columns:1fr!important;gap:12px}.ups-plan-card{width:100%;max-width:100%}.ups-plan-card-header{padding:15px 15px 45px}.ups-plan-card-header h2{font-size:18px}.ups-plan-body{padding:0 20px 15px}.ups-price-box{padding:12px;margin-top:-35px}.ups-price{font-size:28px;flex-direction:column;gap:2px}.ups-price-period{font-size:14px}.ups-plan-features{margin:15px 0}.ups-plan-features li{font-size:14px;padding:6px 0 6px 20px}.ups-button-wrapper{width:100%;padding-top:12px}.ups-upgrade-button{width:100%;padding:12px 16px;font-size:14px}.ups-billing-toggle{padding:6px;width:100%;max-width:100%}.ups-billing-toggle button{padding:8px 12px;font-size:13px;min-width:70px;flex:1}.ups-billing-offer{font-size:10px;padding:4px 10px;top:-28px;right:50%;transform:translate(50%)}.ups-addons-container{margin-top:15px}.ups-addons-details,.ups-summary{padding:15px;border-radius:12px}.ups-addons-details h2,.ups-summary h3{font-size:18px;margin-bottom:10px}.ups-plan-summary{padding:12px;margin-bottom:15px}.ups-plan-summary p{font-size:13px;margin:4px 0}.ups-plan-summary p.ups-plan-summary-total{font-size:16px;margin:20px 0 0}.ups-form-row{margin-bottom:15px}.ups-form-row label{font-size:14px}.ups-form-row input,.ups-total-amount-display{padding:8px;font-size:14px}.ups-proceed-button{padding:12px;font-size:15px;width:100%}.ups-pay-container{padding-top:15px;gap:20px}.ups-payment-details,.ups-order-summary{padding:15px;border-radius:12px}.ups-payment-details h3,.ups-order-summary h3{font-size:18px;margin-bottom:15px}.ups-payment-type-toggle{flex-direction:column;gap:5px;padding:3px}.ups-payment-type-toggle button{padding:10px;font-size:13px;width:100%}.ups-payment-method-display h4{font-size:15px}.ups-payment-description p{font-size:13px}.ups-payment-actions .ups-proceed-button{padding:14px;font-size:15px}.ups-modal-content{width:98%;max-width:98%;border-radius:12px}.ups-modal-header{padding:12px}.ups-modal-header h3{font-size:16px}.ups-modal-header button{font-size:20px;padding:4px 8px}.ups-modal-body{padding:12px}.ups-confirmation-banner{padding:16px 20px;gap:12px;flex-direction:column;text-align:center}.ups-confirmation-checkmark{width:36px;height:36px}.ups-confirmation-title{font-size:20px}.ups-confirmation-subtitle{font-size:13px}.ups-confirmation-details-card{padding:16px}.ups-confirmation-details-title{font-size:16px}.ups-confirmation-detail-item{font-size:14px}.ups-confirmation-invoice-card{padding:16px;flex-direction:column;text-align:center}.ups-confirmation-countdown-card{padding:20px}.ups-secondary-button{padding:10px 20px;font-size:14px;width:100%}.current-plan-ribbon{top:8px;right:-28px;padding:4px 25px;font-size:8px}}@media(max-width:360px){.ups-header h1{font-size:16px}.ups-step-label{font-size:9px;max-width:50px}.ups-plan-card-header h2{font-size:16px}.ups-price{font-size:24px}.ups-price-period{font-size:12px}.ups-plan-features li{font-size:13px}.ups-addons-details h2,.ups-summary h3,.ups-payment-details h3,.ups-order-summary h3{font-size:16px}}@media(max-width:768px)and (orientation:landscape){.ups-content-wrapper{padding:80px 16px 20px}.ups-header h1{font-size:20px;margin-bottom:20px}.ups-plans-grid{grid-template-columns:1fr!important;gap:12px}}@media(min-width:1200px){.ups-content-wrapper{max-width:1200px}.ups-plans-grid{max-width:1100px;margin:0 auto}}@media(max-width:768px){.ups-upgrade-info-message,.ups-expired-info-message{padding:12px!important;margin-bottom:16px!important}.ups-upgrade-info-message h4,.ups-expired-info-message h4{font-size:15px!important;margin-bottom:10px!important}.ups-upgrade-info-message p,.ups-expired-info-message p{font-size:13px!important;margin:6px 0!important}}@media(max-width:480px){.ups-upgrade-info-message,.ups-expired-info-message{padding:10px!important;margin-bottom:12px!important;border-radius:6px!important}.ups-upgrade-info-message h4,.ups-expired-info-message h4{font-size:14px!important;margin-bottom:8px!important}.ups-upgrade-info-message p,.ups-expired-info-message p{font-size:12px!important;margin:4px 0!important;line-height:1.5!important}.ups-upgrade-info-message div,.ups-expired-info-message div{margin-top:10px!important;padding-top:10px!important}.ups-upgrade-info-message div p,.ups-expired-info-message div p{font-size:11px!important}}.ups-error-toast-title{font-weight:700;margin-bottom:8px}.ups-error-toast-message{margin-bottom:8px}.ups-error-toast-details{font-size:14px;color:#666}.ups-error-toast-info{font-size:12px;margin-top:8px;padding:8px;background-color:#f5f5f5;border-radius:4px}.ups-error-toast-container{min-width:400px;max-width:500px}.ups-loading-container,.ups-error-container{text-align:center;padding:50px}.ups-retry-button{background:#1868db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.ups-billing-toggle-relative{position:relative}.ups-billing-offer-positioned{position:absolute;top:-35px;right:0;margin-bottom:4px}.ups-plan-card-clickable{cursor:pointer}.ups-addon-action-toggle-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.ups-billing-toggle-wrapper-no-margin{margin-bottom:0;margin-top:0;margin-left:0}.ups-billing-toggle-max-width{max-width:400px}.ups-billing-toggle-scaled{transform:scale(.85);transform-origin:right center;position:relative}.ups-addons-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px;flex-wrap:wrap;position:relative;min-width:0;overflow:visible}.ups-addons-save-badge{color:#1868db;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:8px 16px;border-radius:15px;font-size:13px;font-weight:600;white-space:nowrap;z-index:10}.ups-addons-header-title{margin:0;flex:1 1 auto;min-width:0}.ups-billing-toggle-wrapper-flex-shrink{margin-bottom:0;margin-top:0;margin-left:0;flex-shrink:0}.ups-billing-toggle-wrapper-addons{margin-bottom:0;margin-top:0;margin-left:0;flex-shrink:0;position:relative;transition:margin-left .3s ease;overflow:visible;width:fit-content}.ups-billing-toggle-wrapper-yearly{margin-left:-140px;padding-right:160px}.ups-billing-toggle-addons{transform:scale(.85);transform-origin:right center;position:relative}.ups-billing-offer-right{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;white-space:nowrap;z-index:10;pointer-events:none}.ups-save-badge{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;white-space:nowrap;z-index:10;pointer-events:none;color:#1868db;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:8px 16px;border-radius:15px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #1868db1a}.ups-addons-details .ups-billing-toggle-addons .ups-save-badge{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);top:auto;margin-left:0;white-space:nowrap;z-index:10;pointer-events:none;color:#1868db;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:8px 16px;border-radius:15px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #1868db1a}.ups-addons-details .ups-billing-toggle-wrapper-addons{overflow:visible!important}.ups-addons-details .ups-billing-toggle-wrapper-addons.ups-billing-toggle-wrapper-yearly{margin-left:0!important;padding-right:0!important}.ups-extend-duration-container{margin-top:16px;padding-top:12px;border-top:1px solid #bfdbfe;display:flex;align-items:center;gap:8px}.ups-extend-duration-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#1868db}.ups-extend-duration-label{font-size:14px;color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.ups-plan-summary-current{background:#fff;padding:0;border-radius:8px;border:1px solid #e2e8f0;flex:1 1 300px;min-width:250px;overflow:hidden}.ups-plan-summary-section-title{margin:0;padding:12px 15px;font-size:14px;font-weight:600;color:#342d42;letter-spacing:.5px;background:#babab8;width:100%;display:block;box-sizing:border-box}.ups-plan-summary-text{margin:8px 0;font-size:14px;color:#1e293b;padding:0 15px}.ups-plan-summary-current>.ups-plan-summary-text:first-of-type{margin-top:15px}.ups-plan-summary-selected{background:#fff;padding:0;border-radius:8px;border:2px solid #1868db;flex:1 1 300px;min-width:250px;overflow:hidden}.ups-plan-summary-selected-title{margin:0;padding:12px 15px;font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#1868db;width:100%;display:block;box-sizing:border-box}.ups-plan-summary-selected-text{margin:8px 0;font-size:14px;color:#1e293b;font-weight:500;padding:0 15px}.ups-plan-summary-selected-text-blue{margin:8px 0;font-size:14px;color:#1868db;font-weight:600;padding:0 15px}.ups-plan-summary-selected>.ups-plan-summary-selected-text:first-of-type{margin-top:15px}.ups-plan-summary-wrapper{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.ups-divider-hr{border:none}.ups-upgrade-info-message{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #1868db;border-radius:8px;padding:16px;margin-bottom:20px}.ups-upgrade-info-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#1868db}.ups-upgrade-info-text{margin:8px 0;font-size:14px;color:#1e293b;line-height:1.6}.ups-upgrade-info-details{margin-top:12px;padding-top:12px;border-top:1px solid #bfdbfe}.ups-upgrade-info-detail-text{margin:4px 0;font-size:13px;color:#475569}.ups-upgrade-info-success-text{margin:8px 0 0;font-size:13px;font-weight:600}.ups-expired-info-message{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:20px}.ups-expired-info-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#92400e}.ups-expired-info-text{margin:8px 0;font-size:14px;color:#78350f;line-height:1.6}.ups-expired-info-warning-text{margin:8px 0 0;font-size:13px;color:#92400e;font-weight:500}.ups-expired-info-details{margin-top:12px;padding-top:12px;border-top:1px solid #fbbf24}.ups-expired-info-detail-text{margin:4px 0;font-size:13px;color:#78350f}.ups-label-hint{font-size:12px;color:#6b7280;margin-left:8px;font-weight:400}.ups-label-hint-error{font-size:12px;color:#dc2626;margin-left:8px;font-weight:600}.ups-back-arrow-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ups-payment-note,.ups-payment-note-styled{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;margin-bottom:16px;font-size:14px;color:#0369a1}.ups-payment-status-message{margin-top:16px;text-align:center;font-size:14px;color:#6b7280}.ups-addon-process-list{margin-left:20px;margin-top:10px}.ups-modal-content-gradient{box-shadow:0 20px 40px #343b4326;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(135deg,#fff,#f4f6f8)}.ups-modal-header-gradient{background:linear-gradient(135deg,#343b43,#1868db);color:#fff;border-bottom:1px solid #e5e7eb;padding:20px}.ups-modal-header-error{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;border-bottom:1px solid #e5e7eb;padding:20px}.ups-modal-header-title{font-weight:600;font-size:18px}.ups-modal-header-title-no-margin{font-weight:600;font-size:18px;margin:0}.ups-modal-button-white{color:#fff;font-size:24px;background:none;border:none;cursor:pointer}.ups-modal-body-padding{padding:24px}.ups-modal-payment-title{text-align:center;font-weight:600;margin-bottom:16px}.ups-modal-amount-display{text-align:center;margin-bottom:16px;font-size:18px}.ups-modal-payment-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.ups-modal-payment-row{display:flex;justify-content:space-between;margin-bottom:12px}.ups-modal-payment-label{font-weight:500}.ups-modal-payment-total-row{display:flex;justify-content:space-between;margin-bottom:12px;border-top:1px solid #e5e7eb;padding-top:12px;font-weight:600;font-size:16px}.ups-modal-payment-total-label{font-weight:600}.ups-modal-payment-total-amount{color:#1868db}.ups-modal-payment-description-row{display:flex;justify-content:space-between}.ups-modal-button-group{display:flex;gap:16px;justify-content:center}.ups-modal-pay-button{background:linear-gradient(135deg,#1868db,#1456b3);color:#fff;font-weight:600;font-size:16px;border-radius:12px;padding:14px 28px;border:none;box-shadow:0 4px 12px #1868db4d;flex:1}.ups-modal-cancel-button{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:12px;font-weight:500;font-size:16px;padding:14px 28px;flex:1}.ups-modal-secure-text{margin-top:24px;text-align:center;font-size:13px;color:#6b7280}.ups-modal-privacy-link{margin-top:8px;text-align:center;font-size:13px}.ups-modal-privacy-link a{color:#1868db;text-decoration:underline;font-weight:500}.ups-modal-content-wide{box-shadow:0 20px 40px #343b4326;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(135deg,#fff,#f4f6f8);max-width:600px;width:90%}.ups-modal-error-section{margin-bottom:20px}.ups-modal-error-title{color:#b91c1c;margin-bottom:12px;font-size:16px;font-weight:600}.ups-modal-error-text{color:#374151;font-size:14px;line-height:1.5;margin-bottom:16px}.ups-modal-users-container{background:#fff;border-radius:8px;padding:16px}.ups-modal-button-center{margin-top:20px;text-align:center}.ups-modal-cancel-button-small{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;font-size:14px;padding:10px 20px;cursor:pointer}.ups-step-progress-container{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px}.ups-step-progress-title{margin:0 0 15px;font-size:16px;font-weight:600;color:#343b43}.ups-step-progress-item{display:flex;align-items:center;margin-bottom:10px}.ups-step-progress-item:last-child{margin-bottom:0}.ups-step-progress-circle{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:12px;color:#fff;flex-shrink:0}.ups-step-progress-circle-completed{background:#28a745}.ups-step-progress-circle-active{background:#007bff}.ups-step-progress-circle-pending{background:#e9ecef}.ups-step-progress-text{font-size:14px;color:#6c757d}.ups-step-progress-text-completed{color:#28a745}.ups-step2-trigger-container{margin-top:20px;padding:15px;background:#fff3cd;border-radius:8px;border:1px solid #ffeaa7}.ups-step2-trigger-message{margin:0 0 10px;color:#856404;font-weight:600}.ups-step2-trigger-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#1868db,#1456b3);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.ups-step2-trigger-button:hover:not(:disabled){background:linear-gradient(135deg,#1456b3,#0f4a9e);transform:translateY(-2px);box-shadow:0 6px 16px #1868db66}.ups-step2-trigger-button:disabled{opacity:.6;cursor:not-allowed}.ups-loading-state-container{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;margin-top:16px;color:#0369a1;text-align:center}.ups-step-progress-circle-base{width:20px;height:20px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:12px;flex-shrink:0}.ups-step2-trigger-button-disabled{opacity:.6;cursor:not-allowed}.ups-step2-trigger-button-enabled{opacity:1;cursor:pointer}.ups-loading-spinner{width:16px;height:16px;border:2px solid #0369a1;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.ups-loading-spinner-container{display:flex;align-items:center;justify-content:center;gap:8px}.ups-step-progress-row{display:flex;align-items:center;margin-bottom:10px}.ups-step-progress-row:last-child{margin-bottom:0}.ups-step-progress-span{font-size:14px}.ups-error-container-centered{text-align:center;padding:50px}.ups-error-toast-container-wide{min-width:400px;max-width:500px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-status{display:flex;align-items:center;padding:10px 15px;background-color:#ffffff1a;border-radius:8px;margin:10px 0;transition:all .3s ease}.subscription-status.active{border-left:4px solid var(--success-color)}.subscription-status.expired{border-left:4px solid var(--danger-color)}.status-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:10px}.status-icon-active{color:var(--success-color);font-weight:700}.status-icon-expired{color:var(--danger-color);font-weight:700}.status-info{flex:1}.status-text{display:flex;flex-direction:column}.plan-name{font-weight:500;text-transform:capitalize;font-size:14px;color:var(--text-color)}.days-remaining{font-size:12px;color:var(--text-secondary)}.plan-expired{color:var(--danger-color);font-size:14px;font-weight:500}.subscription-status .upgrade-button{padding:6px 12px;border:none;border-radius:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.subscription-status .upgrade-button:hover{opacity:.9;transform:translateY(-1px)}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.solution-page-container{min-height:100vh;background:linear-gradient(135deg,#343b42,#1868db);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.solution-hero-section{background:linear-gradient(135deg,#343b42,#1868db);color:#fff;padding:80px 0;position:relative;overflow:hidden}.solution-hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.solution-hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.solution-hero-text h1{font-size:3.5rem;font-weight:800;margin-bottom:24px;line-height:1.1;background:linear-gradient(135deg,#fff,#e8f2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.solution-hero-text p{font-size:1.25rem;line-height:1.6;margin-bottom:32px;color:#ffffffe6;font-weight:400}.solution-hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.solution-btn-primary,.solution-btn-secondary{display:inline-flex;align-items:center;gap:15px;background:#1868db;color:#fff;padding:8px 8px 8px 25px;border-radius:30px;text-decoration:none;font-weight:500;font-size:16px;transition:background-color .3s;border:none;cursor:pointer}.solution-btn-primary i,.solution-btn-secondary i{background-color:#343b42;color:#fff;border-radius:50%;height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s ease-in-out}.solution-btn-primary:hover,.solution-btn-secondary:hover{background-color:#1556b8}.solution-btn-primary:hover i,.solution-btn-secondary:hover i{background-color:#343b42;color:#fff;transform:translate(4px)}.small-business-cta-btn{display:inline-flex;align-items:center;gap:15px;background:#1868db;color:#fff;padding:8px 8px 8px 25px;border-radius:30px;text-decoration:none;font-weight:500;font-size:16px;transition:background-color .3s;border:none;cursor:pointer}.small-business-cta-btn i{background-color:#343b42;color:#fff;border-radius:50%;height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s ease-in-out}.small-business-cta-btn:hover{background-color:#1556b8}.small-business-cta-btn:hover i{background-color:#343b42;color:#fff;transform:translate(4px)}.solution-hero-image{display:flex;justify-content:center;align-items:center}.solution-hero-image img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0003}.solution-stats-section{background:#fff;padding:60px 0}.solution-stats-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.solution-stat-item{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#f4f6f8,#e8f2ff);border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.solution-stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1868db1a}.solution-stat-number{font-size:3rem;font-weight:800;color:#1868db;margin-bottom:8px;line-height:1}.solution-stat-label{font-size:1.1rem;color:#64748b;font-weight:600}.solution-features-section{background:linear-gradient(135deg,#f4f6f8,#e8f2ff);padding:80px 0}.solution-section-header{text-align:center;max-width:800px;margin:0 auto 60px;padding:0 20px}.solution-section-header h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.solution-section-header p{font-size:1.2rem;color:#64748b;line-height:1.6}.solution-features-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.solution-feature-card{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.solution-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#343b42,#1868db)}.solution-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1868db26}.solution-feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#343b42,#1868db);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.solution-feature-icon img{width:32px;height:32px;filter:brightness(0) invert(1)}.solution-feature-card h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.solution-feature-card p{color:#64748b;line-height:1.6;margin-bottom:20px}.solution-benefits-list{list-style:none;padding:0;margin:0}.solution-benefits-list li{color:#475569;position:relative;padding:8px 0 8px 24px}.solution-benefits-list li:before{content:"✓";position:absolute;left:0;color:#1868db;font-weight:700;font-size:1.1rem}.solution-process-section{background:#fff;padding:80px 0}.solution-process-timeline{max-width:1000px;margin:0 auto;padding:0 20px;position:relative}.solution-process-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#343b42,#1868db);transform:translate(-50%)}.solution-process-step{position:relative;margin-bottom:60px;display:flex;align-items:center}.solution-process-step:nth-child(2n){flex-direction:row-reverse}.solution-step-number{width:60px;height:60px;background:linear-gradient(135deg,#343b42,#1868db);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%);z-index:2;box-shadow:0 8px 25px #1868db4d}.solution-step-content{background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:45%;border:1px solid #e2e8f0;position:relative}.solution-process-step:nth-child(2n) .solution-step-content{margin-left:auto}.solution-step-icon{width:50px;height:50px;background:linear-gradient(135deg,#e8f2ff,#1868db);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.solution-step-icon img{width:28px;height:28px}.solution-step-text h4{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:12px}.solution-step-text p{color:#64748b;line-height:1.6}.solution-benefits-section{background:linear-gradient(135deg,#343b42,#1868db);color:#fff;padding:80px 0;position:relative;overflow:hidden}.solution-benefits-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain2" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain2)"/></svg>');opacity:.2}.solution-benefits-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.solution-benefits-text h2{font-size:2.5rem;font-weight:700;margin-bottom:32px;color:#fff}.solution-benefit-item{margin-bottom:24px;padding:20px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.solution-benefit-item h4{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#fff}.solution-benefit-item p{color:#ffffffe6;line-height:1.6;margin:0}.solution-benefits-image{display:flex;justify-content:center;align-items:center}.solution-benefits-image img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0000004d}.solution-cta-section{background:#fff;padding:80px 0;text-align:center}.solution-cta-content{max-width:800px;margin:0 auto;padding:0 20px}.solution-cta-content h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.solution-cta-content p{font-size:1.2rem;color:#64748b;margin-bottom:32px;line-height:1.6}.solution-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.solution-hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.solution-hero-text h1{font-size:2.5rem}.solution-hero-text p{font-size:1.1rem}.solution-benefits-content{grid-template-columns:1fr;gap:40px;text-align:center}.solution-process-timeline:before{left:30px}.solution-process-step{flex-direction:row!important;margin-left:60px}.solution-step-number{left:30px;transform:translate(-50%)}.solution-step-content{width:100%;margin-left:0!important}.solution-features-grid{grid-template-columns:1fr}.solution-stats-container{grid-template-columns:repeat(2,1fr)}.solution-cta-buttons{flex-direction:column;align-items:center}.solution-btn-primary,.solution-btn-secondary{width:100%;max-width:300px}}@media(max-width:480px){.solution-hero-text h1{font-size:2rem}.solution-stats-container{grid-template-columns:1fr}.solution-section-header h2,.solution-cta-content h2{font-size:2rem}}.bottom-support-bar-container{position:fixed;left:0;right:0;bottom:0;height:40px;background:#fff;z-index:1500;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;padding-left:20px;padding-right:56px;gap:8px}.bottom-support-bar-chat-btn{display:inline-flex;align-items:center;gap:4px;background:#10b981;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:600;box-shadow:0 1px 3px #10b98133;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.bottom-support-bar-support-btn{display:inline-flex;align-items:center;gap:4px;background:#1868db;color:#f4f6f8;border:none;border-radius:4px;padding:8px 10px;font-size:10px;font-weight:600;box-shadow:0 1px 3px #1868db33;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.bottom-support-bar-chat-btn:hover{transform:scale(1.05);box-shadow:0 2px 6px #10b9814d}.bottom-support-bar-support-btn:hover{transform:scale(1.05);box-shadow:0 2px 6px #1868db4d}.bottom-support-bar-chat-btn:active,.bottom-support-bar-support-btn:active{transform:scale(.98)}.bottom-support-bar-icon{font-size:12px!important}.bottom-support-bar-text{font-size:10px;font-weight:600}@media(max-width:768px){.bottom-support-bar-container{height:26px;padding-left:16px;padding-right:36px;gap:6px}.bottom-support-bar-chat-btn,.bottom-support-bar-support-btn{padding:4px 8px;font-size:9px}.bottom-support-bar-icon{font-size:10px!important}.bottom-support-bar-text{font-size:9px}}@media(max-width:480px){.bottom-support-bar-container{padding-left:12px;padding-right:12px;gap:4px}.bottom-support-bar-chat-btn,.bottom-support-bar-support-btn{padding:3px 6px;font-size:8px}.bottom-support-bar-text{font-size:8px}}