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)}.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 i{color:#3b82f6;font-size:16px}.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}}.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{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}}.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}.sidebar{position:fixed;width:60px;height:calc(100% - 60px);left:0;top:60px;background-color:#fff;color:var(--footer-text);z-index:1400;border-right:1px solid rgba(0,0,0,.1);overflow:visible}.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;padding-top:10px;height:100%;overflow:visible}.header_links a{color:#342b42;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:#071630;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:#071630;display:block;margin-bottom:5px}.header_links a svg{border:2px solid #071630;border-radius:50%;box-sizing:border-box;padding:4px;width:32px!important;height:32px!important;display:block;transition:color .3s ease,border-color .3s ease;color:#071630;transform:none!important;margin-bottom:2px}.header_links a.active svg{border-color:#1868db;color:#1868db!important;fill:#1868db!important;transform:none!important;width:32px!important;height:32px!important;padding:4px}.header_links a:hover svg{border-color:#1868db;color:#1868db!important;fill:#1868db!important;transform:none!important}.header_links a.active img,.header_links a.active .sidebar-icon,.header_links a.active svg{transform:none!important;width:32px!important;height:32px!important}.header_links a img,.header_links a .sidebar-icon,.header_links a svg{width:32px!important;height:32px!important;transform:none!important}.header_links img{background:none!important;border:none!important}.header_links a.active span{background:#343b42;color:#1868db;border-radius:12px;font-weight:600;font-size:12px;padding:0 10px;margin-top:2px;display:inline-block;box-shadow:0 2px 8px #07163014;text-align:center}.header_links a:hover svg,.header_links a.active svg{color:#1868db!important;fill:#1868db!important}.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}.header_links a.active svg{border:2px solid #1868db;border-radius:50%;box-sizing:border-box;padding:4px;color:#1868db!important;width:32px!important;height:32px!important;display:block}.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:#071630;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-flex;align-items:center}.connection-status-indicator{position:absolute;top:-2px;right:-2px;z-index:1}.status-dot{width:8px;height:8px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000001a}.status-dot.connected{background-color:#4caf50;animation:pulse-green 2s infinite}.status-dot.disconnected{background-color:#f44336;animation:pulse-red 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 4px #4caf5000}to{box-shadow:0 0 #4caf5000}}@keyframes pulse-red{0%{box-shadow:0 0 #f44336b3}70%{box-shadow:0 0 0 4px #f4433600}to{box-shadow:0 0 #f4433600}}.notification-bell-button.disconnected{opacity:.7}.notification-bell-button{padding:8px;transition:transform .2s ease-in-out!important}.notification-bell-button:hover{transform:scale(1.1)}.notification-popover{max-width:400px;min-width:320px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.mark-all-read-button{font-size:.75rem!important;text-transform:none!important}.notification-list{max-height:500px;padding:0;margin:0;list-style:none}.notification-item{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:#0000000a}.notification-item.urgent{background-color:var(--urgent-bg, rgba(239, 68, 68, .1));border-left:4px solid var(--danger-color, #ef4444)}.notification-item.high{background-color:var(--high-bg, rgba(245, 158, 11, .1));border-left:4px solid var(--warning-color, #f59e0b)}.notification-item.medium{background-color:var(--medium-bg, rgba(59, 130, 246, .1));border-left:4px solid var(--info-color, #3b82f6)}.notification-item.low{background-color:var(--low-bg, rgba(107, 114, 128, .1));border-left:4px solid var(--text-secondary, #6b7280)}.notification-item.unread{background-color:#2196f30a}.notification-item.unread:after{content:"";position:absolute;top:50%;right:23px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--primary-color, #6366f1)}.notification-icon-container{margin-right:16px;display:flex;align-items:center;justify-content:center}.notification-icon{font-size:20px!important;padding:6px;border-radius:50%;transition:all .3s ease}.notification-icon.approved{color:#4caf50;background-color:#4caf501a}.notification-icon.rejected{color:#f44336;background-color:#f443361a}.notification-icon.pending,.notification-icon.warning{color:#ff9800;background-color:#ff98001a}.notification-icon.info{color:#2196f3;background-color:#2196f31a}.notification-icon.system{color:#9e9e9e;background-color:#9e9e9e1a}.notification-icon.interview{color:#673ab7;background-color:#673ab71a}.notification-icon:hover{transform:scale(1.1)}@keyframes notification-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.notification-new .notification-icon{animation:notification-pulse 1s ease-in-out}.MuiBadge-badge{background-color:#f44336;transition:transform .2s ease-in-out}.MuiBadge-badge:hover{transform:scale(1.1)}.notification-panel{position:absolute;top:100%;right:0;width:360px;max-height:480px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000001f;overflow:hidden;z-index:1300;transition:all .3s ease}.notification-panel-header{padding:16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center}.notification-content{flex:1}.notification-title{margin:0 0 4px;font-size:14px;font-weight:500;color:#000000de}.notification-message{margin:0;font-size:13px;color:#0009;line-height:1.4}.notification-time{font-size:12px;color:#0006;margin-top:4px}.notification-empty{padding:32px 16px;text-align:center;color:#0009}.notification-empty-icon{font-size:48px!important;color:#0003;margin-bottom:16px}.notification-error{padding:16px;color:#f44336;text-align:center;background-color:#f443360a}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000000a}.notification-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.mark-all-read{font-size:13px;color:#2196f3;background:none;border:none;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .2s ease}.mark-all-read:hover{background-color:#2196f314}@media (max-width: 480px){.notification-panel{width:100vw;max-width:none;position:fixed;top:0;right:0;bottom:0;margin:0;border-radius:0}.notification-list{max-height:calc(100vh - 64px)}}@media (max-width: 600px){.notification-popover{max-width:100%;width:100%}}@media (max-width: 768px){.notification-panel{width:100%;max-width:none}.notification-item{padding:12px}.notification-icon{font-size:1.25rem!important;margin-right:8px}}.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}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.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:#f1f8fc!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:#fff!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:opacity .2s ease}.logo-link:hover{opacity:.8}.header-logo{height:40px;width:auto;object-fit:contain;max-width:200px;transition:all .3s ease}.has-top-header .header-logo{height:35px;width:35px;max-width:35px;object-fit:contain;transition:all .3s ease}.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:#fff;border-bottom:1px solid rgba(0,0,0,.1);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:700;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}.org-name{color:var(--primary-color, #007bff);font-size:1.1rem;font-weight:600;white-space:nowrap;background-color:#ffffff26;padding:4px 10px;border-radius:4px}.notification-bell-wrapper{display:flex;align-items:center;justify-content:center;height:60px;padding:0}.notification-bell-wrapper .notification-bell-button{color:#1868db!important;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;border:1px solid #1868db;background:transparent!important;background-color:transparent!important}.notification-bell-wrapper .notification-bell-button:hover{transform:scale(1.1)}.top-header-settings-wrapper{display:flex;align-items:center;justify-content:center;height:60px;padding:0}.top-header-settings-link{color:#1868db!important;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;border:1px solid #1868db;text-decoration:none}.top-header-settings-icon{color:#1868db!important;fill:#1868db!important;width:24px;height:24px}.top-header-settings-link:hover{transform:scale(1.1)}.top-header-settings-link:hover .top-header-settings-icon{color:#1868db!important;fill:#1868db!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}.user-welcome span{color:#343b42;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}.profile-pic{width:41px;height:41px;border-radius:50%;margin-right:10px;cursor:pointer;object-fit:cover;vertical-align:middle;border:1px solid #343b42}.profile-pic-fallback{width:41px;height:41px;border-radius:50%;margin-right:10px;cursor:pointer;border:1px solid #343b42;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:linear-gradient(135deg,#4b43cc,#6c63ff);transform:rotate(45deg);z-index:-1}.profile-dropdown.dropdown-open{opacity:1;transform:translateY(0);visibility:visible}.profile-dropdown .user-info{padding:1.25rem;background:linear-gradient(135deg,#1868db,#4b8ce7);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.user-info-header{display:flex;align-items:center;gap:1rem}.user-details{flex:1;min-width:0}.dropdown-profile-pic{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0003}.dropdown-profile-pic-fallback{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0003;background-color:#5c4ee5;color:#fff;font-weight:700;font-size:1.4rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1}.user-info-header h4{margin:0 0 4px;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.user-email{margin:0 0 4px;font-size:13px;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.organization-name{margin:4px 0 0;font-size:13px;font-weight:500;color:#ffffffe6;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-label{opacity:.8;margin-right:4px;font-weight:400}.organization-name:before{content:"";margin-right:0}.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:14px;font-family:FontAwesome,Arial,sans-serif;opacity:.9;transition:transform .2s ease}.profile-dropdown .dropdown-links a:hover:before{transform:scale(1.1);opacity:1}.profile-dropdown .dropdown-links a[href*=dashboard]:before{content:""}.profile-dropdown .dropdown-links a[href*=profile]:before{content:""}.profile-dropdown .dropdown-links a[href*=upgrade]:before,.profile-dropdown .dropdown-links a[href*=subscription]:before{content:""}.profile-dropdown .dropdown-links a[href*=AdministratorGuide]:before{content:""}.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:"";position:absolute;left:1rem;font-size:14px;font-family:FontAwesome,Arial,sans-serif;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:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.mobile-hamburger-line{width:25px;height:3px;background-color:#343b42;border-radius:3px;transition:all .3s ease;transform-origin:center}.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}.header-logo{height:32px;max-width:150px;width:auto}.has-top-header .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{padding:0 8px;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}.header-logo{height:28px;max-width:120px;width:auto}.has-top-header .header-logo{height:28px;width:28px;max-width:28px}.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{padding:0 6px;gap:8px}.mobile-hamburger-btn{width:28px;height:28px}.mobile-hamburger-line{width:22px;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:700!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:700!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:700!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,.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,.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}.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:0;border-color:transparent}.features-category-item:hover .category-arrow-right{opacity:1;border-color:#1868db}.features-category-item.active .category-arrow-right{opacity:1;border-color:#a0a0a0}.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:700!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{border:2px solid #1868db!important;border-radius:50%!important;box-sizing:border-box!important;padding:4px!important;color:#1868db!important;fill:#1868db!important;width:32px!important;height:32px!important;display:block!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{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{border:2px solid #1868db!important;border-radius:50%!important;box-sizing:border-box!important;padding:4px!important;color:#1868db!important;fill:#1868db!important;width:32px!important;height:32px!important;display:block!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{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{border:2px solid #1868db!important;border-radius:50%!important;box-sizing:border-box!important;padding:4px!important;color:#1868db!important;fill:#1868db!important;width:32px!important;height:32px!important;display:block!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{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{border:2px solid #1868db!important;border-radius:50%!important;color:#1868db!important;fill:#1868db!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:linear-gradient(180deg,#f4f6f8,#e8f1fd);color:#343b42;padding:60px 60px 30px;position:relative;width:100%;z-index:100;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 4px #0000001a;overflow:visible}body.modal-open .footer{position:relative;bottom:auto;z-index:99;margin-top:auto}.footer-visible{opacity:1;transform:none}.footer-wave{position:absolute;bottom:0;left:0;width:100%;height:500px;overflow:hidden;line-height:0;z-index:1;pointer-events:none}.footer-wave .wave-svg{width:100%;height:100%;display:block;position:absolute;bottom:0;left:0}.footer-wave svg path{fill:#f4f6f8;color:#f4f6f8}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;gap:30px;position:relative;z-index:20;visibility:visible;opacity:1}.footer-section{margin-bottom:20px;flex:1;min-width:200px;transition:transform .3s ease;position:relative;z-index:30}.footer-section:hover{transform:translateY(-5px)}.footer-heading{font-size:1.2rem;margin-bottom:20px;position:relative;display:inline-block;padding-bottom:8px;z-index:2;color:#343b42;font-weight:700}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#1868db,#4a90e2);transition:width var(--transition-speed) ease}.footer-section:hover .footer-heading:after{width:100%}.footer-links{list-style:none;padding:0;margin:0;display:block;position:relative;z-index:2;visibility:visible;opacity:1}.footer-links li{margin-bottom:12px;transition:transform var(--transition-speed) ease;display:block;position:relative;z-index:2}.footer-links li:hover{transform:translate(5px)}.footer-link{color:#343b42;text-decoration:none;transition:all var(--transition-speed) ease;position:relative;display:inline-block;font-weight:500}.footer-link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#1868db;transition:width var(--transition-speed) ease}.footer-link:hover{color:#1868db}.footer-link:hover:before{width:100%}.footer-newsletter-section{flex:1.5;position:relative;z-index:2}.newsletter-section p{margin-bottom:20px;line-height:1.6;color:#fff;display:block}.footer-newsletter-form .footer-form-group{display:flex;position:relative;max-width:350px}.footer-newsletter-form input{flex:1;padding:12px 15px;border:none;border-radius:50px;background-color:#fff;color:#343b42;font-size:14px;transition:all var(--transition-speed) ease;width:100%;display:block;border:1px solid #e1e4e8}.footer-newsletter-form input:focus{outline:none;border-color:#1868db;box-shadow:0 0 0 2px #1868db1a}.footer-newsletter-form input::placeholder{color:#7f8c8d}.footer-subscribe-btn{position:absolute;right:5px;top:5px;background:linear-gradient(135deg,#1868db,#4a90e2);border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all var(--transition-speed) ease;z-index:3}.footer-subscribe-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-soft)}.social-section{flex:1;position:relative;z-index:2}.social-icons{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}.social-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#343b42;transition:all var(--transition-speed) ease;padding:8px 0}.social-link:hover{transform:translate(5px);color:#1868db}.social-name{font-size:14px;font-weight:500;color:#343b42;transition:color var(--transition-speed) ease}.social-link:hover .social-name{color:#1868db}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;color:#343b42;transition:all var(--transition-speed) ease;position:relative;overflow:hidden;flex-shrink:0;border:1px solid #e1e4e8}.social-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1868db,#4a90e2);opacity:0;transition:opacity .3s ease;z-index:1}.social-icon i{position:relative;z-index:2;transition:all .3s ease}.social-link:hover .social-icon{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.social-icon:hover:before{opacity:1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-top:20px;padding-bottom:20px;position:relative;z-index:50;color:#343b42;border-top:1px solid #e1e4e8}.footer-bottom p{margin:0;font-size:14px;color:#343b42}.footer-bottom-links{display:flex;gap:20px;flex-wrap:wrap;position:relative;z-index:10}.footer-bottom-links a{color:#343b42;text-decoration:none;font-size:14px;transition:all var(--transition-speed) ease;position:relative}.footer-bottom-links a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#1868db;transition:width var(--transition-speed) ease}.footer-bottom-links a:hover{color:#1868db}.footer-bottom-links a:hover:before{width:100%}[data-theme=dark] .footer{background:linear-gradient(180deg,#1e1e1e,#2a2a2a);color:#e1e1e1;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 4px #0003}[data-theme=dark] .footer-wave svg path{fill:#1e1e1e;color:#1e1e1e}[data-theme=dark] .footer:after{background-color:#071630}[data-theme=dark] .footer-heading{color:#e1e1e1}[data-theme=dark] .footer-heading:after{background:linear-gradient(90deg,#5a9ff2,#7c73ff)}[data-theme=dark] .footer-bottom{border-top:1px solid #2a2a2a;color:#e1e1e1}[data-theme=dark] .footer-bottom p,[data-theme=dark] .footer-bottom-links a,[data-theme=dark] .footer-link{color:#e1e1e1}[data-theme=dark] .footer-bottom-links a:before{background-color:#5a9ff2}[data-theme=dark] .footer-newsletter-section p{color:#e1e1e1}[data-theme=dark] .social-icon{background-color:#2a2a2a;color:#e1e1e1;border:1px solid #2a2a2a}[data-theme=dark] .social-icon i,[data-theme=dark] .social-link,[data-theme=dark] .social-name{color:#e1e1e1}[data-theme=dark] .social-link:hover,[data-theme=dark] .social-link:hover .social-name{color:#5a9ff2}[data-theme=dark] .footer-newsletter-form input{background-color:#2a2a2a;color:#e1e1e1;border:1px solid #2a2a2a}[data-theme=dark] .footer-newsletter-form input::placeholder{color:#8a8a8a}[data-theme=dark] .social-icon:before{background:linear-gradient(135deg,#5a9ff2,#7c73ff)}[data-theme=dark] .footer-subscribe-btn{background:linear-gradient(135deg,#5a9ff2,#7c73ff)}[data-theme=dark] .footer-wave svg{filter:brightness(1.1)}.footer-section,.footer-links{visibility:visible;opacity:1}.footer-links li{visibility:visible;opacity:1;display:block}.footer-link{visibility:visible;opacity:1;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bounce{animation:bounce .5s ease infinite}@media (max-width: 1024px){.footer-content{gap:20px}.footer-section{flex:0 0 calc(50% - 20px)}.footer-newsletter-section{flex:0 0 100%;order:-1;margin-bottom:30px}}@media (max-width: 768px){.footer{padding:40px 30px 20px}.footer-section{flex:0 0 100%}.social-section{margin-top:20px}.footer-bottom{gap:15px}}@media (max-width: 480px){.footer{padding:30px 20px 15px}.social-icons{justify-content:center;gap:10px;flex-wrap:nowrap}.social-link{gap:8px;padding:6px 0}.social-icon{width:35px;height:35px}.social-name{font-size:13px}.footer-bottom-links{flex-direction:column;gap:10px}}html,body,#root{height:100%;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh;height:auto;overflow:visible}.main-content{flex:1;display:flex;flex-direction:column}[data-theme=dark] .footer-link:before{background-color:#5a9ff2}[data-theme=dark] .footer-link:hover:before{width:100%}[data-theme=dark] .footer-bottom-links a:hover{color:#5a9ff2;opacity:.8}[data-theme=dark] .footer-content{position:relative;z-index:5}[data-theme=dark] .newsletter-section p{color:#e1e1e1}.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 .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}.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)}}@keyframes fadeIn{0%{opacity:0}to{opacity: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%}.header-logo{width:170px;height:30px}.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}.header-logo{width:160px;height:28px}.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}.header-logo{width:140px;height:24px}.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}.header-logo{width:120px;height:20px}.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}}: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:200px;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:.8rem 1.8rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;width:auto;min-width:140px;text-transform:uppercase;letter-spacing:.5px}.jobdescription-submit-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));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:linear-gradient(135deg,var(--primary-color),var(--primary-dark));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:1rem 1.5rem;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:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.jobdescription-modal-close:hover{background:var(--primary-light);color:var(--primary-color)}.jobdescription-modal-body{padding:0;flex:1;overflow-y:auto;min-height:0;max-height:calc(90vh - 120px)}.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}}.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:500px;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: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}.password-change-modal-description{margin-bottom:20px;color:#555;line-height:1.5;font-size:14px}.password-change-modal-field-container{margin-bottom:20px}.password-change-modal-field-label{display:block;margin-bottom:8px;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:12px 45px 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}.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:18px;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-submit-btn{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{opacity:.6;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}}.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:500px;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:15px 25px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.verification-modal-header h2{margin:0;font-size:18px;font-weight:600;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:20px 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{padding:15px 25px;border-top:1px solid #e0e0e0;background-color:#f8f9fa;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.verification-modal-description{margin-bottom:20px;color:#555;line-height:1.5;font-size:14px}.verification-modal-alert{margin-bottom:20px;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:8px;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%;margin-top:16px;padding:12px 24px;border-radius:8px;font-weight:500;text-transform:none;font-size:14px;transition:all .2s ease}.verification-modal-send-btn:disabled{opacity:.6;cursor:not-allowed}.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;font-size:14px;text-transform:none;font-weight:500;transition:all .2s ease}.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:350px;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:15px 25px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.oauth-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.oauth-modal-body{padding:20px 25px;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:24px;color:#555;line-height:1.5;font-size:14px;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:2px solid #e0e0e0;border-radius:12px;background-color:#fff;cursor:pointer;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-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.oauth-modal-provider-btn-loading{border-color:#1976d2;background-color:#f8f9fa}.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:600;color:#333;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)}}.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-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}}.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 spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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{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:var(--background-color);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}.toast,[data-sonner-toaster],[data-sonner-toast],div[class*=toast],div[class*=Toaster],div[class*=toaster],div[class*=hot-toast],div[class*=react-hot-toast],div[class*=sonner],div[class*=Sonner]{z-index:999999999!important;position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;pointer-events:auto!important}.toast *,[data-sonner-toaster] *,[data-sonner-toast] *,div[class*=toast] *,div[class*=Toaster] *,div[class*=toaster] *,div[class*=hot-toast] *,div[class*=react-hot-toast] *,div[class*=sonner] *,div[class*=Sonner] *{z-index:999999999!important;position:relative!important}div[style*="z-index: 99999999"],div[style*="z-index: 9999999"],div[style*="z-index: 999999"],div[style*="z-index: 99999"],div[style*="z-index: 9999"]{z-index:999999998!important}[data-sonner-toast],.toast,div[class*=toast]{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:12px!important;margin-bottom:16px!important;border:1px solid!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;min-width:320px!important;max-width:450px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;z-index:999999999!important}body [data-sonner-toast][data-type=info],body [data-sonner-toast][data-type=Info],body .toast[data-type=info],body .toast[data-type=Info],body div[data-sonner-toast][class*=info],body div[data-sonner-toast][class*=Info]{background-color:#1868db!important;background:#1868db!important;color:#fff!important;background-image:none!important}body [data-sonner-toast][data-type=warning],body [data-sonner-toast][data-type=Warning],body .toast[data-type=warning],body .toast[data-type=Warning],body div[data-sonner-toast][class*=warning],body div[data-sonner-toast][class*=Warning]{background-color:#f59e0b!important;background:#f59e0b!important;color:#fff!important;background-image:none!important}[data-sonner-toast] svg,.toast svg{font-size:15px!important;margin-top:2px!important;flex-shrink:0!important;z-index:999999999!important}[data-sonner-toast] div,.toast div{flex:1!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;margin:0!important;padding:0!important;z-index:99999999!important}body [data-sonner-toast][style*="background: #1868db"],body [data-sonner-toast][style*="background-color: #1868db"]{background-color:#1868db!important;background:#1868db!important;color:#fff!important;background-image:none!important}body [data-sonner-toast][style*="background: #f59e0b"],body [data-sonner-toast][style*="background-color: #f59e0b"]{background-color:#f59e0b!important;background:#f59e0b!important;color:#fff!important;background-image:none!important}[data-sonner-toast] button,.toast button{color:#fff!important;opacity:.8!important;font-size:18px!important;padding:0!important;margin:0!important;background:none!important;border:none!important;cursor:pointer!important;transition:opacity .2s ease!important;z-index:99999999!important}[data-sonner-toast] button:hover,.toast button:hover{opacity:1!important}body[data-theme=dark] [data-sonner-toast][data-type=success],body[data-theme=dark] .toast[data-type=success]{background-color:#059669!important;border-color:#047857!important;color:#fff!important}body[data-theme=dark] [data-sonner-toast][data-type=error],body[data-theme=dark] .toast[data-type=error]{background-color:#dc2626!important;border-color:#b91c1c!important;color:#fff!important}body[data-theme=dark] [data-sonner-toast][data-type=info],body[data-theme=dark] .toast[data-type=info]{background-color:#1d4ed8!important;border-color:#1e40af!important;color:#fff!important}body[data-theme=dark] [data-sonner-toast][data-type=warning],body[data-theme=dark] .toast[data-type=warning]{background-color:#d97706!important;border-color:#b45309!important;color:#fff!important}.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 p{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 p{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 p{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)}}:root{--primary-color: #4a90e2;--primary-color-rgb: 74, 144, 226;--primary-dark: #3a7bc8;--primary-light: #e8f1fd;--secondary-color: #6c63ff;--accent-color: #ff6b6b;--success-color: #34a853;--success-color-rgb: 52, 168, 83;--warning-color: #fbbc05;--error-color: #ea4335;--error-color-rgb: 234, 67, 53;--info-color: #4285f4;--background-color: #fafbff;--card-bg: #ffffff;--text-color: #2c3e50;--text-secondary: #5d7792;--text-highlight: #466a93;--text-muted: #7f8c8d;--border-color: #e1e4e8;--hover-background: #f0f2f5;--hover-bg: #f8f9fa;--shadow-soft: 0 8px 30px rgba(0, 0, 0, .08);--shadow-medium: 0 12px 35px rgba(0, 0, 0, .12);--toggle-bg: rgba(0, 0, 0, .05);--toggle-hover-bg: rgba(0, 0, 0, .1);--table-header-bg: #f8f9fa;--table-row-hover: #f8f9fa;--table-border: #e1e4e8;--footer-bg: #343b42;--footer-text: #ffffff;--disabled-color: #cccccc;--input-bg: #ffffff;--input-disabled-bg: #f5f5f5;--profile-card-hover-bg: rgba(74, 144, 226, .05);--profile-avatar-border: #e1e4e8;--profile-section-title: #2c3e50;--profile-link-hover: rgba(74, 144, 226, .1);--transition-speed: .3s}[data-theme=dark]{--primary-color: #5a9ff2;--primary-color-rgb: 90, 159, 242;--primary-dark: #4a90e2;--primary-light: #1e2a3a;--secondary-color: #7c73ff;--accent-color: #ff7b7b;--success-color: #4eca6a;--success-color-rgb: 78, 202, 106;--warning-color: #ffce26;--error-color: #ff5c5c;--error-color-rgb: 255, 92, 92;--info-color: #5aa9ff;--background-color: #121212;--card-bg: #1e1e1e;--text-color: #e1e1e1;--text-secondary: #b8b8b8;--text-highlight: #b1cff1;--text-muted: #8a8a8a;--border-color: #2a2a2a;--hover-background: #2a2a2a;--hover-bg: #2a2a2a;--shadow-soft: 0 8px 30px rgba(0, 0, 0, .2);--shadow-medium: 0 12px 35px rgba(0, 0, 0, .3);--toggle-bg: rgba(255, 255, 255, .05);--toggle-hover-bg: rgba(255, 255, 255, .1);--table-header-bg: #2a2a2a;--table-row-hover: #2a2a2a;--table-border: #3a3a3a;--footer-bg: #1e1e1e;--footer-text: #e1e1e1;--disabled-color: #444444;--input-bg: #2a2a2a;--input-disabled-bg: #333333;--profile-card-hover-bg: rgba(90, 159, 242, .1);--profile-avatar-border: #2a2a2a;--profile-section-title: #e1e1e1;--profile-link-hover: rgba(90, 159, 242, .15)}*{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{background-color:#f4f6f8;min-height:100vh;display:flex;flex-direction:column}.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(auto-fit,minmax(240px,1fr));gap:20px;align-items:stretch}.ups-plans-grid,.ups-addons-container,.ups-pay-container{max-width:1100px;position:relative}.ups-plan-card{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;grid-row:1 / 3;border:1px solid #e5e7eb;border-radius:8px;height:100%}.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}.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:4px;margin-top:20px;width:fit-content;margin-left:auto}.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;position:relative;z-index:2;box-shadow:0 2px 10px #0f172a1a}.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-details{height:400px;border:1px solid #e5e7eb;padding:30px;border-radius:16px;background-color:#fff;position:relative}.ups-addons-details h2{font-size:24px;font-weight:600;margin-bottom:15px;color:#343b43}.ups-plan-summary{background:#fff;padding:15px;margin-bottom:20px;border-left:4px solid #1868db}.ups-plan-summary p{margin:5px 0;font-size:14px;color:#343b43}.ups-form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ups-form-row:last-child{margin-bottom:0}.ups-form-row label{font-weight:500;color:#343b43}.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{width:100px;padding:10px;border:1px solid #d1d5db;border-radius:6px;text-align:right;background-color:#f9fafb;color:#343b43;font-weight:500}.ups-summary{height:400px;border:1px solid #e5e7eb;padding:30px;border-radius:16px;background-color:#fff;display:flex;flex-direction:column}.ups-summary h3{font-size:24px;font-weight:600;margin-bottom:25px;color:#343b43}.ups-summary-item{display:flex;justify-content:space-between;margin-bottom:15px;color:#343b43}.ups-summary hr{border:none;border-top:1px solid #e5e7eb;margin:20px 0}.ups-summary-item.total{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:12px;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:30px;max-width:1200px;margin:0 auto;position:relative;padding-top:45px}.ups-pay-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;align-items:start}.ups-payment-details{border:1px solid #e5e7eb;padding:30px;border-radius:16px;background-color:#fff;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-display h4{font-size:16px;font-weight:600;color:#343b43;margin:0}.ups-payment-description{margin-bottom:20px}.ups-payment-description p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.ups-payment-secure{margin-top:auto;margin-bottom:0}.ups-payment-secure p{font-size:12px;color:#9ca3af;margin:0}.ups-order-summary{border:1px solid #e5e7eb;padding:30px;border-radius:16px;background-color:#fff;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;margin-top:35px;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{position:relative;border:1px solid #e5e7eb;border-radius:8px;padding:50px;text-align:center;max-width:600px;margin:40px auto}.ups-confirmation-container h2{font-size:28px;color:#1868db;margin-bottom:15px}.ups-confirmation-container p{font-size:16px;color:#343b43;line-height:1.6}.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)}}@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-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}}.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}}