@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-app-header{background:#2c3e50;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;color:#fff;height:60px;left:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.header-container{height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 32px}.header-container,.header-logo,.header-logo a,.header-logo-section{align-items:center;display:flex}.header-logo img{filter:drop-shadow(0 0 2px rgba(0,0,0,.2));height:30px;opacity:1;transition:opacity .2s ease;width:auto}.header-logo a:hover img{opacity:.9}.header-logo.header-animated-logo:before{height:50px;width:50px}.header-logo.header-animated-logo:after{animation:header-lineReveal 2s ease forwards;background:linear-gradient(90deg,#fff0,#e4886fb3 50%,#fff0);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;width:100%}@keyframes header-lineReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.header-tagline{color:#fff;display:none;font-size:16px;font-weight:500;margin-left:16px;white-space:nowrap}.header-tagline-container{align-items:center;display:flex;margin-left:16px}.header-tagline-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.header-tagline-link:hover{opacity:.8}.header-tagline-text{color:#e4e6e9;font-family:Montserrat,sans-serif;font-size:16px;font-style:italic;font-weight:300;letter-spacing:.5px;white-space:nowrap}.header-content{align-items:center;display:flex;position:relative}.header-user-info{align-items:flex-end;display:flex;flex-direction:column;margin-right:12px}.header-welcome-message{color:#e4e6e9;font-size:12px;opacity:.7}.header-user-name{color:#fff;font-size:16px;font-weight:600}.header-sign-out-button{background-color:#e4886e;border:1px solid #0000;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.header-sign-out-button:hover{background-color:#d67761;border-color:#fff9}.header-avatar{margin-right:16px}.header-avatar,.header-avatar-image{align-items:center;display:flex;justify-content:center}.header-avatar-image{background-color:#e4886e;border-radius:50%;color:#fff;height:36px;overflow:hidden;transition:all .2s ease;width:36px}.header-avatar-image:hover{transform:scale(1.05)}.header-avatar-image img{height:100%;object-fit:cover;width:100%}.header-avatar-initials{font-size:16px;font-weight:600;letter-spacing:1px;-webkit-user-select:none;user-select:none}.header-notification-container{margin-right:20px;min-width:40px;position:relative}.header-notification-button{align-items:center;background:none;border:none;border-radius:50%;color:#e4e6e9;cursor:pointer;display:flex;height:40px;justify-content:center;padding:6px;position:relative;transition:all .2s ease;width:40px}.header-notification-button:hover{background-color:#ffffff1a}.header-notification-badge{align-items:center;animation:header-badge-pulse 1.5s infinite;background-color:#e4886e;border-radius:10px;box-shadow:0 0 0 2px #2c3e50;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:2px;top:2px;z-index:2}.header-notification-panel{animation:header-slide-in .25s ease;background:#fff;border:1px solid #f0f0f0cc;border-radius:12px;box-shadow:0 10px 30px #00000026,0 4px 6px #0000000d;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;position:absolute;right:-100px;top:50px;transform:none!important;width:400px;z-index:1010}.header-notification-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 20px}.header-notification-header h3{color:#2c3e50;font-size:16px;margin:0}.view-all-notifications{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:color .2s ease}.view-all-notifications:hover{color:#2980b9;text-decoration:underline}.header-notifications-list{max-height:400px;overflow-y:auto;padding:5px 0;width:100%}.header-notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease;width:100%}.header-notification-item:before{content:"";height:100%;left:0;opacity:.9;position:absolute;top:0;width:4px}.header-notification-item:last-child{border-bottom:none}.header-notification-item:hover{background-color:#00000005}.header-notification-item .header-email~.header-notification-content:hover,.header-notification-item:hover .header-notification-icon.header-email~.header-notification-content{background-color:#7780d90d}.header-notification-item .header-teams~.header-notification-content:hover,.header-notification-item:hover .header-notification-icon.header-teams~.header-notification-content{background-color:#48b8960d}.header-notification-item .header-alert~.header-notification-content:hover,.header-notification-item:hover .header-notification-icon.header-alert~.header-notification-content{background-color:#e74c3c0d}.header-notification-item.header-unread{background-color:#f0f7ff}.header-notification-item.header-unread:hover{background-color:#e6f2ff}.header-notification-item.header-read{background-color:#f9f9f9}.header-notification-item.header-read:hover{background-color:#f3f4f6}.header-notification-item.header-read .header-notification-title{color:#7f8c8d}.header-notification-item.header-read .header-notification-message{color:#95a5a6}.header-notification-item.header-read .header-notification-time{color:#bdc3c7}.header-notification-item.header-priority-high{border-left:3px solid #e74c3c}.header-notification-item.header-priority-medium{border-left:3px solid #f39c12}.header-notification-item .header-email~.header-notification-content,.header-notification-item .header-notification-icon.header-email~.header-notification-content{border-left:4px solid #7780d9;padding-left:12px}.header-notification-item .header-notification-icon.header-offer~.header-notification-content,.header-notification-item .header-notification-icon.header-teams~.header-notification-content,.header-notification-item .header-offer~.header-notification-content,.header-notification-item .header-teams~.header-notification-content{border-left:4px solid #48b896;padding-left:12px}.header-notification-item .header-confirmation~.header-notification-content,.header-notification-item .header-notification-icon.header-confirmation~.header-notification-content{border-left:4px solid #27ae60;padding-left:12px}.header-notification-item .header-notification-icon.header-system~.header-notification-content,.header-notification-item .header-system~.header-notification-content{border-left:4px solid #34495e;padding-left:12px}.header-notification-item .header-alert~.header-notification-content,.header-notification-item .header-notification-icon.header-alert~.header-notification-content{border-left:4px solid #e74c3c;padding-left:12px}.header-notification-item .header-document~.header-notification-content,.header-notification-item .header-notification-icon.header-document~.header-notification-content{border-left:4px solid #f39c12;padding-left:12px}.header-notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:15px;min-width:36px;width:36px}.header-notification-icon.header-email{background-color:#edeffd;color:#7780d9}.header-notification-icon.header-teams{background-color:#f0fbf7;color:#48b896}.header-notification-icon.header-alert{background-color:#fff0f0;color:#e74c3c}.header-notification-icon.header-document{background-color:#fff8e1;color:#f39c12}.header-notification-icon.header-confirmation{background-color:#e8f7f0;color:#27ae60}.header-notification-icon.header-system{background-color:#f0f3f8;color:#34495e}.header-notification-icon.header-offer{background-color:#f0fbf7;color:#48b896}.header-notification-content{flex-grow:1;min-width:0;width:100%}.header-notification-title{color:#2c3e50;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:5px}.header-notification-message{color:#7f8c8d;font-size:13px;margin-bottom:8px}.header-notification-time{color:#95a5a6;font-size:11px;font-style:italic}.header-empty-notifications{color:#95a5a6;font-style:italic;padding:30px;text-align:center}.header-notification-toast{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000026;display:flex;opacity:0;padding:15px;position:fixed;right:30px;top:80px;transform:translateX(120%);transition:all .3s ease;width:330px;z-index:1100}.header-notification-toast.header-show{opacity:1;transform:translateX(0)}.header-toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:15px;width:36px}.header-toast-icon.header-email{background-color:#edeffd;color:#7780d9}.header-toast-icon.header-teams{background-color:#f0fbf7;color:#48b896}.header-toast-icon.header-alert{background-color:#fff0f0;color:#e74c3c}.header-toast-icon.header-document{background-color:#fff8e1;color:#f39c12}.header-toast-icon.header-confirmation{background-color:#e8f7f0;color:#27ae60}.header-toast-icon.header-system{background-color:#f0f3f8;color:#34495e}.header-toast-icon.header-offer{background-color:#f0fbf7;color:#48b896}.header-toast-content{flex-grow:1}.header-toast-title{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:5px}.header-toast-message{color:#7f8c8d;font-size:13px}.header-refresh-button{align-items:center;background:none;border:none;border-radius:50%;color:#e4e6e9;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:10px;padding:6px;position:relative;transition:all .2s ease;width:40px}.header-refresh-button:hover{background-color:#ffffff1a}.header-refresh-button:disabled{cursor:not-allowed;opacity:.6}.header-refresh-button svg{stroke:currentColor;height:16px;width:16px}.header-refresh-button .rotating{animation:header-rotate 1s linear infinite}@keyframes header-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes header-badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes header-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-settings-container{margin-right:20px;min-width:40px;position:relative}.header-settings-button{align-items:center;background:none;border:none;border-radius:50%;color:#e4e6e9;cursor:pointer;display:flex;height:40px;justify-content:center;padding:6px;position:relative;transition:all .2s ease;width:40px}.header-settings-button:hover{background-color:#ffffff1a}.header-settings-panel{animation:header-slide-in .25s ease;background:#fff;border:1px solid #f0f0f0cc;border-radius:12px;box-shadow:0 10px 30px #00000026,0 4px 6px #0000000d;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;position:absolute;right:-100px;top:50px;transform:none!important;width:400px;z-index:1010}.header-settings-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 20px}.header-settings-header h3{color:#2c3e50;font-size:16px;margin:0}.header-settings-list{max-height:400px;overflow-y:auto;padding:5px 0}.header-settings-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease}.header-settings-item:last-child{border-bottom:none}.header-settings-item:hover{background-color:#00000005}.header-settings-icon{align-items:center;background-color:#f0f3f8;border-radius:50%;color:#2c3e50;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:15px;width:32px}.header-settings-content{display:flex;flex-direction:column;justify-content:center}.header-settings-content span{color:#2c3e50;font-size:14px;font-weight:500}@media (min-width:768px){.header-tagline{display:block}.header-logo img{height:30px}}@media (max-width:768px){.header-notification-panel{box-shadow:0 10px 25px #0003;right:-140px;width:340px}.header-notification-toast{right:20px;width:280px}.header-settings-panel{right:-120px;width:280px}.header-avatar{margin-right:10px}.header-avatar-image{height:32px;width:32px}}@media (min-width:1024px){.header-notification-panel,.header-settings-panel{max-width:none;min-width:420px;right:-80px;width:420px!important}.header-notification-content{min-width:0;width:100%}.header-notification-item,.header-notifications-list,.header-settings-item,.header-settings-list{width:100%}}@media (max-width:576px){.header-app-header{height:50px}.header-container{padding:0 16px}.header-logo img{height:24px}.header-user-info{margin-right:12px}.header-notification-panel{border-radius:0;left:0;max-height:calc(100vh - 50px);position:fixed;right:0;top:50px;width:100%}.header-notification-toast{left:20px;right:20px;width:auto}.header-settings-panel{border-radius:0;left:0;max-height:calc(100vh - 50px);position:fixed;right:0;top:50px;width:100%}.header-avatar{margin-right:8px}.header-avatar-image{height:30px;width:30px}.header-avatar-initials{font-size:14px}}@media (max-width:767px){.header-notification-container,.header-settings-container,.header-tagline-container{display:none}}.app-footer{background:#2c3e50;box-shadow:0 -4px 12px #0000001a;color:#fff;padding:24px 0}.footer-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:0 32px}.footer-logo{margin-bottom:16px}.footer-logo a{display:inline-block}.footer-logo img{filter:drop-shadow(0 0 2px rgba(0,0,0,.2));height:30px;opacity:1;transition:opacity .2s ease;width:auto}.footer-logo a:hover img{opacity:.9}.footer-logo.animated-logo:before{height:40px;opacity:.5;width:40px}.footer-logo.animated-logo:after{animation:lineReveal 2s ease forwards;background:linear-gradient(90deg,#fff0,#e4886fb3 50%,#fff0);bottom:-2px;content:"";height:1px;left:0;opacity:.5;position:absolute;transform:scaleX(0);transform-origin:center;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;width:100%}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.footer-links a{color:#e4e6e9;font-size:14px;margin:0 16px;opacity:.8;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-copyright{color:#e4e6e9;font-size:12px;opacity:.6;text-align:center}.company-name{color:inherit;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:opacity .2s ease}.company-name:hover{opacity:1;text-decoration:underline}@media (max-width:576px){.footer-container{padding:0 16px}.footer-links{align-items:center;flex-direction:column}.footer-links a{margin:8px 0}}.modal-overlay{z-index:1000}.modal-content{animation:modal-appear .3s ease-out;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:550px;position:relative;width:100%}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px}.modal-header h2{color:#333;font-size:20px;margin:0}.modal-close-btn{padding:0}.modal-close-btn:hover{background-color:#f0f2f5}.modal-body{padding:24px}.shift-details{align-items:center;background-color:#f8f9fa;border-left:5px solid #8891e9;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.shift-date-time{display:flex;flex-direction:column}.shift-date{color:#333;font-weight:600}.shift-time{color:#666;font-size:14px;margin-top:4px}.shift-type-indicator{border-radius:4px;color:#fff;font-size:14px;font-weight:500;min-width:100px;padding:6px 12px;text-align:center}.form-control{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#8891e9;box-shadow:0 0 0 2px #8891e933;outline:none}textarea.form-control{min-height:100px;resize:vertical}.request-types-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:4px}.request-type-option{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px 8px;position:relative;text-align:center;transition:all .2s ease}.request-type-option.selected{background-color:#8891e914;border-color:#8891e9}.request-type-option input{cursor:pointer;opacity:0;position:absolute}.option-icon{font-size:22px;margin-bottom:8px}.option-label{color:#444;font-size:13px;font-weight:500}.request-type-option.selected .option-label{color:#8891e9}.form-date-range{display:flex;gap:16px}.form-date-range .form-group{flex:1 1}.vacation-info{background-color:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:10px 16px}.vacation-days{color:#666;font-weight:500;margin:0}.hours-input-container{display:flex;flex-direction:column;gap:4px;margin:8px 0;width:100%}.hours-input-container .form-control.hours-slider{-webkit-appearance:none;appearance:none;background:#e9ecef;border:none;border-radius:5px;box-shadow:none;height:6px;outline:none;padding:0;width:100%}.hours-input-container .form-control.hours-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8891e9;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;-webkit-transition:background-color .2s,transform .1s;transition:background-color .2s,transform .1s;width:18px}.hours-input-container .form-control.hours-slider::-moz-range-thumb{background:#8891e9;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;-moz-transition:background-color .2s,transform .1s;transition:background-color .2s,transform .1s;width:18px}.hours-input-container .form-control.hours-slider::-webkit-slider-thumb:hover,.hours-input-container .form-control.hours-slider:active::-webkit-slider-thumb{background:#7781d9;transform:scale(1.1)}.hours-input-container .form-control.hours-slider::-moz-range-thumb:hover,.hours-input-container .form-control.hours-slider:active::-moz-range-thumb{background:#7781d9;transform:scale(1.1)}.slider-labels{color:#666;display:flex;font-size:12px;justify-content:space-between;padding:0 2px;width:100%}.hours-value{color:#8891e9;font-weight:600;margin-left:8px}.hours-label{color:#666}.timeoff-note{color:#666;font-size:13px;font-style:italic;margin-top:8px}.day-off-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.day-off-info p{color:#555;margin-bottom:12px;margin-top:0}.requested-date{align-items:center;background-color:#fff;border:1px dashed #ddd;border-radius:6px;display:flex;gap:8px;padding:12px}.calendar-icon{color:#8891e9}.date-display{font-weight:500}.offer-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.offer-info p{color:#555;margin:0 0 12px}.offer-info p:last-child{margin-bottom:0}.form-actions{gap:10px}.btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:#8891e9;border-color:#8891e9;color:#fff}.btn-primary:hover{background-color:#7781d9;border-color:#7781d9}.btn-secondary{background-color:#f5f5f5;border-color:#ddd;color:#444}.btn-secondary:hover{background-color:#e5e5e5}.btn:disabled{cursor:not-allowed;opacity:.7}.success-modal{max-width:400px}.success-message{align-items:center;display:flex;flex-direction:column;padding:32px 20px;text-align:center}.success-icon{color:#4caf50;margin-bottom:16px}.success-message h2{color:#333;margin:0 0 12px}.success-message p{color:#666;margin:0}@media (max-width:576px){.modal-content{border-radius:8px;max-width:100%}.modal-body,.modal-header{padding:16px}.request-types-container{grid-template-columns:repeat(2,1fr)}.form-date-range{flex-direction:column;gap:8px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.form-group{animation:fade-in .3s ease-out}.accrued-hours-total{color:#48b896;font-size:14px;font-weight:500;margin-left:10px}.accrued-hours-summary{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:12px;padding:12px 16px}.accrued-summary-row{color:#495057;display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.accrued-summary-row.total{border-top:1px dashed #dee2e6;color:#212529;font-weight:600;margin-top:6px;padding-top:8px}.hours-display{color:#555;display:flex;font-size:14px;justify-content:space-between;margin-top:8px}.hours-remaining{color:#48b896;font-weight:500}.hours-slider:disabled{cursor:not-allowed;opacity:.5}.shift-request-progress{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.progress-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.progress-label{color:#666;font-size:14px;font-weight:500}.progress-value{border-radius:12px;font-size:14px;font-weight:600;padding:4px 10px}.progress-value.status-pending{background-color:#f39c12;color:#fff}.progress-value.status-approved{background-color:#2ecc71;color:#fff}.progress-value.status-denied{background-color:#e74c3c;color:#fff}.progress-bar-container{background-color:#f1f1f1;border-radius:3px;height:6px;margin-bottom:25px;overflow:hidden;width:100%}.progress-bar{border-radius:3px;height:100%;transition:width .5s ease}.progress-bar.progress-pending{background-color:#f39c12}.progress-bar.progress-approved{background-color:#2ecc71}.progress-bar.progress-denied{background-color:#e74c3c}.progress-steps{display:flex;justify-content:space-between;margin-bottom:15px;position:relative}.progress-step{flex:1 1;flex-direction:column}.progress-step,.step-indicator{align-items:center;display:flex;position:relative;z-index:2}.step-indicator{background-color:#f1f1f1;border:2px solid #0000;border-radius:50%;color:#666;font-size:14px;font-weight:600;height:30px;justify-content:center;margin-bottom:8px;width:30px}.progress-step.completed .step-indicator{background-color:#2ecc71;border-color:#27ae60;color:#fff}.progress-step.current .step-indicator{animation:pulse 1.5s infinite;background-color:#f39c12;border-color:#f39c12;color:#fff}.step-check{font-size:15px;line-height:1}.step-details{max-width:120px;text-align:center}.step-label{color:#444;font-size:13px;font-weight:600;margin-bottom:4px}.step-date{color:#777;font-size:12px}.step-waiting{color:#f39c12;font-size:11px;font-style:italic;margin-top:3px}.step-connector{background-color:#f1f1f1;height:2px;left:50%;position:absolute;top:14px;width:100%;z-index:1}.progress-step.completed .step-connector{background-color:#2ecc71}.progress-percentage{color:#888;font-size:12px;margin-top:5px;text-align:right}@media (max-width:768px){.progress-steps{align-items:flex-start;flex-direction:column;gap:20px}.progress-step{flex-direction:row;width:100%}.step-indicator{margin-bottom:0;margin-right:12px}.step-details{flex:1 1;max-width:none;text-align:left}.step-connector{height:20px;left:15px;top:calc(100% + 10px);transform:translateX(0);width:2px}}.report-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-modal-container{animation:slideUp .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.report-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 24px}.report-modal-header h2{color:#444;font-size:1.4rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close-btn:hover{background-color:#0000001a;color:#333}.report-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.report-meta-info{background-color:#f9f9fb;border-radius:8px;margin-bottom:20px;padding:16px}.report-meta-info p{font-size:14px;margin:8px 0}.report-meta-info .report-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:3px 8px;text-transform:capitalize}.report-meta-info .status-approved{background-color:#e3fcef;color:#0f7b41}.report-meta-info .status-pending{background-color:#fff8e6;color:#b76e00}.report-meta-info .status-rejected{background-color:#feebeb;color:#c42b1c}.report-details{padding:0 4px}.report-details h3{color:#333;font-size:18px;margin-bottom:16px}.report-question-item{border-bottom:1px solid #eee;padding-bottom:16px}.report-question{font-weight:500;margin-bottom:8px}.report-answer{line-height:1.6;white-space:pre-wrap}.report-modal-footer{border-top:1px solid #eee;padding:16px 24px;text-align:right}.btn-close{background-color:#3e6ae1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-close:hover{background-color:#2c50a8}@media screen and (max-width:600px){.report-modal-container{max-height:90vh;width:95%}.report-modal-header h2{font-size:1.2rem}.report-question{font-size:14px}.report-answer{font-size:13px}}.widget-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.widget-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:560px;overflow-y:auto;width:90%}.widget-modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 24px}.widget-modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.close-button{padding:5px;transition:color .2s}.widget-modal-content{padding:24px}.coming-soon-message{margin-bottom:24px;text-align:center}.modal-logo{height:64px;margin-bottom:16px;width:64px}.coming-soon-message h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.coming-soon-message p{color:#666;font-size:15px;margin:0}.widgets-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.widget-item{align-items:center;background-color:#f5f5f5;border-radius:6px;color:#777;cursor:default;display:flex;flex-direction:column;font-size:15px;font-weight:500;height:100px;justify-content:center;padding:16px;position:relative;text-align:center;transition:all .2s}.widget-item-active{background-color:#fff;border:2px solid #6b4f3c;color:#333;cursor:pointer}.widget-item-active:hover{box-shadow:0 4px 12px #6b4f3c26;transform:translateY(-2px)}.widget-item-icon{color:#6b4f3c;font-size:24px;margin-bottom:12px}.widget-item-info{align-items:center;display:flex;flex-direction:column}.widget-item-info h4{font-size:16px;font-weight:500;margin:0 0 6px}.available-tag{background-color:#e4886e;color:#fff;font-size:12px;padding:3px 8px}.available-tag,.coming-soon-tag{border-radius:10px;font-weight:500}.coming-soon-tag{background-color:#e0e0e0;color:#666;font-size:10px;padding:2px 6px;position:absolute;right:8px;top:8px}.info-message{color:#888;font-size:14px;text-align:center}.calculator-selection{display:flex;flex-direction:column}.calculator-selection p{color:#666;margin:0 0 16px}.calculator-types-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.calculator-type-item{align-items:center;border:1px solid #eaeaea;border-radius:6px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.calculator-type-item:hover{background-color:#f9f9fb;border-color:#ddd}.calculator-type-item.selected{background-color:#6b4f3c0d;border-color:#6b4f3c}.calculator-type-icon{align-items:center;background-color:#6b4f3c1a;border-radius:50%;color:#6b4f3c;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:16px;width:40px}.calculator-type-info h4{color:#333;font-size:16px;font-weight:500;margin:0 0 4px}.calculator-type-info p{color:#666;font-size:14px;margin:0}.calculator-actions{display:flex;justify-content:space-between;margin-top:16px}.add-calculator-button,.back-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.back-button{background-color:#f5f5f5;color:#666}.back-button:hover{background-color:#eaeaea;color:#333}.add-calculator-button{background-color:#6b4f3c;color:#fff}.add-calculator-button:hover:not(:disabled){background-color:#7c5c45}.add-calculator-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}@media (max-width:768px){.widget-modal{max-height:80vh;width:95%}.widgets-list{grid-template-columns:1fr}}.document-signed-info{background-color:#f0f7f0;border-top:1px solid #eee;padding:15px 20px;text-align:center}.document-signed-status{align-items:center;color:#43a047;display:flex;font-size:14px;font-weight:500;justify-content:center}.document-signed-status .sign-icon{margin-right:6px}.document-viewed-message{animation:fadeIn .8s;color:#555;font-size:12px;margin-top:8px}.close-only-button{background-color:#43a047;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:background-color .2s}.close-only-button:hover{background-color:#388e3c}.sign-button{align-items:center;display:flex;gap:8px}.sign-icon{font-size:14px}.spinner-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:100px;width:100%}.spinner{display:inline-block;position:relative}.spinner-ring{border:4px solid #0000;border-radius:50%;position:absolute}.spinner-ring:first-child{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-top-color:initial}.spinner-ring:nth-child(2){animation:spin 1.2s cubic-bezier(.5,0,.5,1) .4s infinite;border-right-color:initial}.spinner-ring:nth-child(3){animation:spin 1.2s cubic-bezier(.5,0,.5,1) .8s infinite;border-bottom-color:initial}.spinner-small .spinner-ring{height:24px;width:24px}.spinner-medium .spinner-ring{height:40px;width:40px}.spinner-large .spinner-ring{height:60px;width:60px}.spinner.spinner-small .spinner-ring{height:24px!important;width:24px!important}.spinner.spinner-medium .spinner-ring{height:40px!important;width:40px!important}.spinner.spinner-large .spinner-ring{height:60px!important;width:60px!important}.spinner-primary{color:#1a1a2e}.spinner-secondary{color:#f3b945}.spinner-light{color:#fff}.dashboard-card[data-card-type=chatspace]{min-width:100%;width:100%}.dashboard-card[data-card-type=chatspace] .chat-messages-container{display:flex;flex-direction:column;height:100%;max-height:500px;min-height:420px;overflow-y:auto!important}.chat-messages-wrapper{flex:1 1;overflow-y:auto;padding:15px}.chat-message-list{display:flex;flex-direction:column;gap:15px}.chat-day-divider{align-items:center;color:#95a5a6;display:flex;font-size:12px;font-weight:500;margin:10px 0}.chat-day-divider:after,.chat-day-divider:before{background-color:#ecf0f1;content:"";flex:1 1;height:1px;margin:0 10px}.chat-message-item{display:flex;margin-bottom:10px;position:relative}.chat-message-avatar{border-radius:50%;flex-shrink:0;height:32px;margin-right:8px;overflow:hidden;width:32px}.chat-message-avatar img{height:100%;object-fit:cover;width:100%}.chat-message-bubble{background-color:#f8f9fa;border-radius:12px;box-shadow:0 1px 2px #0000000d;max-width:80%;padding:8px 12px}.chat-message-sender{color:#34495e;font-size:12px;font-weight:600;margin-bottom:2px}.chat-message-content{color:#2c3e50;font-size:14px;line-height:1.4}.chat-message-content p{margin:0}.chat-message-time{color:#95a5a6;font-size:10px;margin-top:2px;text-align:right}.incoming-message{justify-content:flex-start}.outgoing-message{justify-content:flex-end}.outgoing-message .chat-message-bubble{background-color:#e4f6ff;color:#0366d6}.system-message{justify-content:center}.system-message .chat-message-content{background-color:#f8f9fa;border-radius:12px;color:#7f8c8d;font-size:12px;font-style:italic;padding:8px 12px;text-align:center}.chat-input-container{align-items:center;background-color:#fff;border-top:1px solid #ecf0f1;display:flex;padding:10px 15px}.chat-input{border:1px solid #dfe4ea;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 15px;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#a4b0be}.chat-send-button{align-items:center;background-color:#e4886e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:10px;transition:background-color .2s;width:36px}.chat-send-button:hover{background-color:#d67761}.email-list ul{list-style-type:none;margin:0;padding:0}.email-list .email-subject{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:3px}.email-list .email-sender,.email-list .email-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-list .email-sender{color:#7f8c8d;font-size:12px}.dashboard-card .email-list li{background-color:#f8f9fa;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:all .2s ease}.dashboard-card .email-list li:last-child{margin-bottom:0}.dashboard-card .email-list li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dashboard-card .email-list li:hover{background-color:#f1f3f5;box-shadow:0 3px 6px #0000000d;transform:translateY(-1px)}.dashboard-card .email-list,.dashboard-card .emails-list{max-height:400px;overflow-y:auto;padding:10px 15px}.email-item{background-color:#f8f9fa;cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:all .2s ease}.email-item:last-child{margin-bottom:0}.email-item:hover{background-color:#f1f3f5;box-shadow:0 3px 6px #0000000d;transform:translateY(-1px)}.email-info{align-items:center;margin-bottom:3px}.email-sender{color:#7f8c8d;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis}.email-date{color:#95a5a6;font-size:11px;margin-left:10px;white-space:nowrap}.email-subject{color:#2c3e50;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-preview{color:#7f8c8d;font-size:12px;margin-top:2px;white-space:nowrap}.monthly-stats-container{display:flex;flex-direction:column;height:100%;width:100%}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.stat-card{background-color:#fff8f5;border:1px solid #f0e4e0;border-radius:8px;box-shadow:0 2px 8px #f48f6112;padding:12px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #f48f6126;transform:translateY(-2px)}.stat-value{color:#e4724c;margin:8px 0}.stat-label{color:#7d5e56;font-size:13px;margin:0}.hours-summary{background-color:#fff8f5;border:1px solid #f0e4e0;border-radius:8px;box-shadow:0 2px 8px #f48f6112;margin-top:10px;padding:15px}.hours-summary-title{color:#c25e3e;font-size:15px;font-weight:500;margin-bottom:12px}.hours-detail{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.hours-label{color:#7d5e56}.hours-value{color:#c25e3e;font-weight:500}.hours-progress-container{margin-top:15px}.hours-progress-bar{background-color:#f3e5e0;border-radius:5px;height:10px;overflow:hidden;position:relative}.hours-progress-fill{background-color:#e4724c;border-radius:5px;height:100%}.hours-progress-labels{color:#9e7b73;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.shift-types{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.shift-type{align-items:center;border-radius:5px;box-shadow:0 2px 6px #0000001a;display:flex;font-size:13px;padding:6px 10px}.shift-type,.shift-type span{color:#fff!important}.shift-type:first-child{background-color:#e94e38}.shift-type:nth-child(2){background-color:#f48f61}.shift-type:nth-child(3){background-color:#cf6d4c}.shift-type-dot{background-color:#fff;border-radius:50%;height:8px;margin-right:6px;width:8px}@media (max-width:991px){.stats-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-value{font-size:24px}}@media (max-width:767px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:10px}.stat-value{font-size:22px;margin:5px 0}.stat-label{font-size:12px}}@media (max-width:480px){.hours-detail{font-size:13px}.hours-summary-title{font-size:14px}.shift-types{gap:6px}.shift-type{font-size:12px;padding:4px 8px}}.reports-list{gap:10px}.report-item,.reports-list{display:flex;flex-direction:column}.report-item{background-color:#f9f9fb;border:1px solid #0000;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.report-item:hover{background-color:#f0f2f5;border-color:#3e6ae133;box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.report-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.report-title{color:#444;font-size:14px;font-weight:500}.report-date{align-items:center;color:#888;display:flex;font-size:12px}.report-icon{font-size:10px;margin-right:5px;opacity:.7}.report-meta{justify-content:space-between}.report-author,.report-meta{align-items:center;display:flex}.report-author{color:#666;font-size:12px}.report-status{border-radius:12px;font-size:11px;text-transform:capitalize}.report-status.status-pending{background-color:#fff8e6;color:#b76e00}.report-status.status-approved{background-color:#e3fcef;color:#0f7b41}.report-status.status-rejected{background-color:#feebeb;color:#c42b1c}.report-type{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;margin-right:8px;padding:3px 8px}.report-type.type-incident{background-color:#f443361a;color:#f44336}.report-type.type-routine{background-color:#03a9f41a;color:#03a9f4}.view-all-link{border-top:1px dashed #e1e5e9;color:#3e6ae1;cursor:pointer;font-size:13px;font-weight:500;margin-top:4px;padding:8px;text-align:center}.view-all-link:hover{color:#2c50a8;text-decoration:underline}.no-reports-message{color:#888;flex-direction:column;padding:30px 0;text-align:center}.checklist-modal-backdrop,.no-reports-message{align-items:center;display:flex;justify-content:center}.checklist-modal-backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#13182c00;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;transition:background-color .3s ease;z-index:1100}.checklist-modal-backdrop.active{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#13182c99}.checklist-modal{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:550px;opacity:0;overflow:hidden;position:relative;transform:translateY(40px) scale(.95);transition:all .3s cubic-bezier(.16,1,.3,1);width:90%}.checklist-modal.active{opacity:1;transform:translateY(0) scale(1)}.checklist-modal.complete{box-shadow:0 20px 60px #2ecc7133}.modal-close-button{display:none}.modal-header{border-bottom:3px solid #e1e5eb;padding:30px;position:relative}.modal-title-area{flex:1 1}.modal-header h2{color:#343a40;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px;max-width:85%}.modal-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.priority-badge{display:inline-flex;font-weight:500;padding:6px 12px}.due-date,.priority-badge{align-items:center;font-size:13px}.due-date{color:#6c757d;display:flex;gap:6px}.completion-circle{flex-shrink:0;height:70px;position:relative;width:70px}.completion-circle,.completion-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.completion-inner{background-color:#fff;height:56px;width:56px}.completion-percentage{color:#343a40;font-size:16px;font-weight:700}.modal-tabs{background-color:#f8f9fa;border-bottom:1px solid #eaedf3;display:flex;padding:0}.tab{background-color:initial;border:none;color:#6c757d;flex:1 1;font-size:14px;padding:15px 10px;transition:all .2s ease}.tab:hover{background-color:#f1f3f5;color:#343a40}.tab.active{color:#343a40;font-weight:600}.tab.active:after{background-color:#343a40;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tab .count{font-weight:400;opacity:.6}.modal-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:0}.checklist-items{list-style:none;margin:0;padding:0}.checklist-item{border-bottom:1px solid #eaedf3;border-left:none;padding:16px 30px}.checklist-item:after,.checklist-item:before{display:none}.checklist-item:hover{background-color:#f8f9fa}.checklist-item.completed{background-color:#2ecc710d}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;padding-right:15px}.custom-checkbox{align-items:center;background-color:#fff;border:2px solid #ced4da;border-radius:6px;display:flex;height:22px;justify-content:center;transition:all .2s ease;width:22px}.custom-checkbox:hover{border-color:#adb5bd;transform:scale(1.05)}.custom-checkbox.checked{background-color:#2ecc71;border-color:#2ecc71;color:#fff}.item-content{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:space-between}.item-text{color:#343a40;flex:1 1;font-size:15px;padding-right:20px;transition:all .2s ease}.checklist-item.completed .item-text{color:#6c757d;text-decoration:line-through}.item-priority{background-color:#e9ecef;border-radius:15px;color:#495057;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.item-priority.priority-1{background-color:#ffebee;color:#e53935}.item-priority.priority-2{background-color:#fff8e1;color:#f57f17}.item-priority.priority-3{background-color:#e3f2fd;color:#1976d2}.checklist-item.completed .item-priority{background-color:#2ecc711a;color:#2ecc71}.empty-state{color:#adb5bd}.empty-icon{font-size:36px;margin-bottom:15px;opacity:.4}.empty-state p{margin:0 0 20px}.show-all-button{background:none;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.show-all-button:hover{background-color:#f8f9fa;color:#343a40}.modal-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #eaedf3;justify-content:space-between;padding:15px 30px}.progress-text{color:#6c757d;font-size:14px;margin-right:auto}.done-button{background-color:#343a40;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.done-button:hover{background-color:#212529;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.done-button:active{transform:translateY(0)}@media (max-width:576px){.checklist-modal{border-radius:12px;max-height:85vh;width:95%}.modal-header{align-items:flex-start;flex-direction:column;padding:20px}.completion-circle{align-self:center;margin-top:15px}.modal-header h2{font-size:20px;max-width:100%}.modal-meta{margin-right:25px}.checklist-item{padding:14px 20px}.modal-footer{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 20px}.progress-text{align-self:flex-start;margin-bottom:8px}.done-button{width:100%}}.checklist-items{padding:10px 15px}.checklist-items ul{list-style-type:none;margin:0 0 10px;padding:0}.checklist-card-body{overflow-y:auto;padding:0!important}.checklists-container{display:flex;flex-direction:column;gap:10px;padding:8px}.checklist-item{background:#3498dbcc;border-radius:6px;box-shadow:0 1px 3px #0000000d;color:#fff;cursor:pointer;padding:15px}.checklist-item:hover{background-color:#2980b9cc;box-shadow:0 3px 6px #00000014;color:#fff}.checklist-item.priority-high{background-color:#e74c3ccc;border-left:3px solid #e74c3c}.checklist-item.priority-high:hover{background-color:#c0392bcc;color:#fff}.checklist-item.priority-medium{background-color:#f39c12cc;border-left:3px solid #f39c12}.checklist-item.priority-medium:hover{background-color:#d35400cc;color:#fff}.checklist-item.priority-low{border-left:3px solid #3498db}.checklist-item.priority-low:hover{background-color:#2980b9cc;color:#fff}.checklist-item.completed{background-color:#2ecc71cc;border-left:3px solid #27ae60;color:#222}.checklist-item.completed:hover{background-color:#27ae60cc;color:#222}.checklist-item.completed .checklist-title,.checklist-item.completed:hover .checklist-title{color:#222}.checklist-item.completed .checklist-due-date{color:#222c}.checklist-item.completed .checklist-progress-text,.checklist-item.completed:hover .checklist-due-date{color:#222222e6}.checklist-item.completed:hover .checklist-progress-text{color:#222}.checklist-item.completed .checklist-progress-fill{background:#222}.checklist-item.completed .checklist-progress-bar{background:#2223}.checklist-item.completed:after{color:#222;content:"✓";font-size:16px;font-weight:700;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.checklist-item:last-child{margin-bottom:0}.checklist-header{margin-bottom:12px}.checklist-title{color:#fff;font-size:14px;font-weight:600;margin:0;max-width:75%}.checklist-item:hover .checklist-title{color:#fff}.checklist-due-date{color:#fffc;font-size:12px;font-weight:500;margin-left:auto;padding-left:10px;white-space:nowrap}.checklist-item:hover .checklist-due-date{color:#ffffffe6}.checklist-progress-container{width:100%}.checklist-progress-bar{background:#ffffff4d;border-radius:3px;height:6px;margin-bottom:8px}.checklist-progress-fill{background:#fff;border-radius:3px}.checklist-progress-text{color:#fff;font-size:12px;text-align:right}.checklist-item .checklist-due-date,.checklist-item .checklist-progress-text,.checklist-item .checklist-title,.checklist-item:hover .checklist-due-date,.checklist-item:hover .checklist-progress-text,.checklist-item:hover .checklist-title{color:#fff}.checklist-text{color:#2c3e50;display:block;font-size:14px;padding-right:24px;word-break:break-word}.item-count{color:#7f8c8d;font-size:12px;margin-top:15px;text-align:center}.more-checklists{background-color:#f8f9fa;border-radius:6px;color:#3498db;cursor:pointer;font-size:14px;margin-top:5px;padding:12px;text-align:center;transition:background-color .2s}.more-checklists:hover{background-color:#e9ecef;text-decoration:underline}.notification-card-body{overflow-y:auto;padding:0!important}.notifications-list-container{display:flex;flex-direction:column;gap:10px;padding:8px}.notification-item{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:12px 15px}.notification-item:hover{background-color:#00000005}.notification-item.priority-high{border-left:3px solid #e74c3c}.notification-item.priority-medium{border-left:3px solid #f39c12}.notification-icon{height:36px;margin-right:15px;width:36px}.notification-title{font-size:14px;margin-bottom:5px}.notification-message{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:11px}.empty-message{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.empty-message-content{color:#95a5a6;font-style:italic;text-align:center}.widget-error,.widget-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 15px;text-align:center}.widget-error button{background:#e74c3c;color:#fff;margin-top:10px;padding:5px 12px}@keyframes refresh-flash{0%{background-color:initial;transform:translateY(0)}10%{background-color:#2196f30d;transform:translateY(-2px)}50%{background-color:#2196f31a;transform:translateY(0)}to{background-color:initial;transform:translateY(0)}}.notifications-list-container.refresh-animation{animation:refresh-flash 1s ease-in-out}.notification-item{transition:all .3s ease}.notification-item.unread{position:relative}.notification-item.unread:before{background-color:#3498db;border-radius:50%;content:"";height:6px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.tasks-today-card-body{display:flex;flex-direction:column;height:100%}.tasks-date-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:0 5px}.tasks-date{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px}.shift-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:3px 8px}.task-nav-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:50%;color:#555;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.task-nav-btn:hover{background-color:#f5f5f5;border-color:#ccc}.task-nav-btn:active{transform:scale(.95)}.tasks-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:5px}.task-item{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 4px #00000008;display:flex;gap:12px;padding:12px;transition:all .2s ease}.task-item:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.task-item:not(.task-break){cursor:pointer}.task-time{align-items:center;color:#555;display:flex;flex-direction:column;font-size:13px;min-width:60px}.time-divider{background-color:#ccc;height:20px;margin:2px 0;width:1px}.end-time,.start-time{font-weight:500}.task-content{flex:1 1}.task-title{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px}.task-heading{border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:5px;margin-right:8px;padding:4px 10px}.task-heading.priority-high{background-color:#e53935}.task-heading.priority-medium{background-color:#fb8c00}.task-heading.priority-low{background-color:#43a047}.task-heading.priority-info{background-color:#2196f3}.task-heading.task-checkin{background-color:#4a6fdc}.task-heading.task-gate{background-color:#e67e22}.task-heading.task-servicedesk{background-color:#8e44ad}.task-heading.task-break{background-color:#2ecc71}.task-heading.task-operations{background-color:#e74c3c}.task-heading.task-arrival{background-color:#16a085}.task-location{background-color:#e6f2ff;border-radius:4px;color:#06c;font-size:12px;font-weight:500;padding:2px 6px}.task-description{color:#666;font-size:13px;padding-left:2px}.task-priority{background-color:#ffffff40;border-radius:4px;box-shadow:0 1px 2px #0000001a;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:6px;padding:2px 5px;vertical-align:middle}.task-priority-badge{background-color:#3498db;font-weight:700}.gate-duty-badge,.task-priority-badge{border-radius:10px;box-shadow:0 1px 2px #00000026;color:#fff;display:inline-block;font-size:11px;margin-left:8px;padding:2px 8px;vertical-align:middle}.gate-duty-badge{background-color:#ffa726;font-weight:600;text-transform:capitalize}.no-tasks-message{align-items:center;color:#777;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.day-off-message{color:#e4886e;font-weight:500;margin-top:8px}.task-employees-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-employees-modal{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.task-employees-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:18px 24px}.task-employees-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;border-radius:50%;color:#777;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background-color:#f5f5f5;color:#333}.task-employees-content{overflow-y:auto;padding:24px}.task-employees-list{display:flex;flex-direction:column;gap:16px}.employee-item{background-color:#f9f9f9;border-radius:10px;cursor:default;display:flex;padding:16px;transition:all .2s ease}.employee-item:hover{background-color:#f0f7ff;box-shadow:0 5px 15px #0000000d;transform:translateY(-2px)}.employee-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:60px;margin-right:16px;overflow:hidden;position:relative;width:60px}.employee-avatar img{height:100%;object-fit:cover;width:100%}.active-status{background-color:#4caf50;height:12px;width:12px}.employee-info{flex:1 1}.employee-name{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.employee-role{color:#666;font-size:14px;margin:0 0 12px}.employee-contacts{display:flex;flex-wrap:wrap;gap:8px}.contact-button{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;padding:6px 10px;text-decoration:none;transition:all .2s ease}.contact-button.phone{background-color:#e8f5e9;color:#2e7d32}.contact-button.phone:hover{background-color:#c8e6c9}.contact-button.email{background-color:#e3f2fd;color:#1565c0}.contact-button.email:hover{background-color:#bbdefb}.contact-button svg{font-size:12px;margin-right:5px}.calculator-widget{display:flex;flex-direction:column;height:100%}.calculator-content{display:flex;flex:1 1;flex-direction:column;padding:15px}.calculator-nav{border-bottom:1px solid #eaeaea;display:flex;margin-bottom:16px;padding-bottom:10px}.calculator-nav-item{background-color:initial;border:none;border-radius:6px 6px 0 0;color:#666;cursor:pointer;font-weight:500;margin-right:8px;padding:8px 16px;position:relative;transition:all .2s ease}.calculator-nav-item:hover{background-color:#6b4f3c0d;color:#6b4f3c}.calculator-nav-item.active{color:#6b4f3c;font-weight:600}.calculator-nav-item.active:after{background-color:#6b4f3c;bottom:-11px;content:"";height:2px;left:0;position:absolute;width:100%}.calculator-form{gap:16px;padding:10px 0}.calculator-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#555;font-size:14px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#6b4f3c;box-shadow:0 0 0 2px #6b4f3c26;outline:none}.calculator-button{align-items:center;background-color:#6b4f3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:10px 16px;transition:background-color .2s ease}.calculator-button:hover{background-color:#7c5c45}.calculator-button svg{height:16px;width:16px}.calculator-result{background-color:#f9f9fb;border-left:3px solid #6b4f3c;border-radius:8px;margin-top:16px;padding:16px}.calculator-result.status-expired{background-color:#dc35450d;border-left:3px solid #dc3545}.calculator-result.status-expiring-soon{background-color:#ffc1070d;border-left:3px solid #ffc107}.calculator-result.status-valid{background-color:#28a7450d;border-left:3px solid #28a745}.calculator-result-label{color:#666;font-size:14px;font-weight:500;margin-bottom:4px}.calculator-result-value{color:#333;font-size:18px;font-weight:600}.calculator-help-text{color:#888;font-size:12px;margin-top:4px}.calculator-expired-alert{align-items:center;background-color:#dc3545;border-radius:4px;color:#fff;display:flex;font-weight:600;gap:8px;margin:10px 0;padding:8px 12px}.calculator-expired-alert svg{height:18px;width:18px}.calculator-expired-text{color:#dc3545;font-size:13px;font-weight:500;margin-top:8px}@media (max-width:768px){.calculator-nav-item{font-size:14px;padding:6px 12px}.calculator-result{padding:12px}.calculator-result-value{font-size:16px}}.read-sign-card-body{max-height:360px;overflow:auto}.read-sign-documents-list{display:flex;flex-direction:column;gap:10px}.read-sign-document-item{align-items:center;background-color:#fff;border:1px solid #f0f2f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.read-sign-document-item:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.read-sign-document-item.high{background-color:#e539350d}.read-sign-document-item.medium{background-color:#fb8c000d}.read-sign-document-item.signed{background-color:#43a0470d}.read-sign-document-item.signed:hover{background-color:#43a0471a;box-shadow:0 3px 6px #00000014}.read-sign-document-item.clickable{cursor:pointer;transition:all .2s ease}.read-sign-document-item:hover .view-icon{opacity:1}.view-icon{font-size:.8em;margin-left:5px;opacity:.7}.document-info{min-width:0;padding:4px 8px}.document-meta{color:#757575}.separator{margin:0 6px}.read-sign-document-item.high .document-due-date{color:#e53935}.document-status{align-items:center;display:flex;flex-shrink:0;font-size:12px;margin-left:12px;white-space:nowrap}.signed-status{align-items:center;color:#43a047;display:flex}.unsigned-status{align-items:center;color:#fb8c00;display:flex}.read-sign-document-item.high .unsigned-status{color:#e53935}.status-text{margin-left:4px}.document-signed-date{color:#43a047}.read-sign-modal{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.read-sign-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.read-sign-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.read-sign-modal-header h2{color:#333;font-size:20px;margin:0}.close-button{color:#757575;font-size:24px;line-height:1;padding:0}.read-sign-document-content{background-color:#f9f9f9;flex:1 1;max-height:60vh;min-height:300px;overflow-y:auto;padding:20px}.document-content-inner{background-color:#fff;box-shadow:0 2px 5px #0000000d;min-height:100%;padding:30px}.document-content-inner h3{color:#333;font-size:22px;margin-top:0}.document-date{color:#757575;font-size:14px}.document-date,.document-section{margin-bottom:30px}.document-section h4{border-bottom:1px solid #eee;color:#444;margin-bottom:15px;margin-top:0;padding-bottom:8px}.document-section p{color:#333;line-height:1.6;margin-bottom:15px}.document-image-container{margin:20px 0;text-align:center}.document-image{border:1px solid #eee;box-shadow:0 2px 4px #0000001a;max-height:300px;max-width:100%}.image-caption{color:#666;font-size:13px;font-style:italic;margin-top:8px}.read-sign-progress{background-color:#f9f9f9;border-top:1px solid #eee;padding:15px 20px}.read-progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.read-progress-fill{background-color:#6b4f3c;border-radius:4px;height:100%;transition:width .3s ease}.read-progress-text{color:#757575;font-size:12px;text-align:center}.read-sign-modal-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cancel-button,.sign-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-button{background-color:#f5f5f5;color:#333}.cancel-button:hover{background-color:#e0e0e0}.sign-button{background-color:#6b4f3c;color:#fff}.sign-button:hover{background-color:#5d4433}.sign-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.read-sign-modal-content{max-width:95%}.document-content-inner{padding:20px}}@media (max-width:480px){.document-status{display:none}.read-sign-document-item{padding:10px}}.password-manager-card{overflow-y:auto}.master-password-form,.password-manager-card{display:flex;flex-direction:column;height:100%}.master-password-form{align-items:center;animation:fadeIn .6s ease-in-out;justify-content:center;padding:20px;text-align:center}.master-password-icon{color:#4a7ab9;margin-bottom:15px}.master-password-input{cursor:pointer;height:20px;margin:0;position:relative;width:100%}.master-password-input.error input{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c40}.master-password-input input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.master-password-input input:focus{border-color:#4a7ab9;box-shadow:0 0 0 2px #4a7ab940;outline:none}.auth-error-message{color:#e74c3c;font-size:.9rem}.unlock-button{align-items:center;background-color:#4a7ab9;border:none;border-radius:6px;box-shadow:0 2px 5px #4a7ab933;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.unlock-button:hover{background-color:#3869a7;box-shadow:0 4px 8px #4a7ab94d;transform:translateY(-2px)}.unlock-button:disabled{background-color:#ccc;cursor:not-allowed}.password-hint{background-color:#4a7ab90d;border:1px dashed #4a7ab933;border-radius:4px;color:#91a8c7;font-size:.8rem;margin-top:15px;padding:8px 12px}.pin-circles-container{display:flex;gap:24px;justify-content:center;margin:25px 0 15px}.pin-circle{background-color:initial;border:2px solid #4a7ab9;border-radius:50%;box-shadow:0 2px 6px #4a7ab926;height:22px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:22px}.pin-circle.filled{animation:fillCircle .4s cubic-bezier(.34,1.56,.64,1) forwards;background-color:#4a7ab9;box-shadow:0 0 12px #4a7ab9b3;transform:scale(1.1)}.pin-circle.filled:last-of-type{animation:fillCircle .3s cubic-bezier(.34,1.56,.64,1) forwards,pulse 1.5s .3s infinite}.pin-circle.success{animation:successScale .5s forwards;background-color:#2ecc71!important;border-color:#2ecc71!important;box-shadow:0 0 12px #2ecc7199;transform:scale(1.2)}@keyframes successScale{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.15)}}.pin-circle.error-shake{animation:errorShake .4s forwards;background-color:#e74c3c!important;border-color:#e74c3c!important}@keyframes errorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@keyframes fillCircle{0%{opacity:.5;transform:scale(.9)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1.1)}}.pin-numpad{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:25px;max-width:280px;width:100%}.pin-numpad-digits{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center;width:100%}.pin-digit-spacer{height:60px;visibility:hidden;width:60px}.pin-digit-button{align-items:center;background-color:#f5f8fb;border:none;border-radius:50%;box-shadow:0 2px 5px #4a7ab91a;color:#4a7ab9;cursor:pointer;display:flex;font-size:24px;font-weight:500;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.pin-digit-button:hover{background-color:#e9f0f9;box-shadow:0 3px 7px #4a7ab933;transform:scale(1.05)}.pin-digit-button.active,.pin-digit-button:active{background-color:#d8e6f7;transform:scale(.95)}.pin-digit-button:after{background:radial-gradient(circle,#fffc 0,#fff0 70%);content:"";height:100%;opacity:0;position:absolute;transform:scale(0);transition:transform .5s,opacity .3s;width:100%}.pin-digit-button:active:after{opacity:1;transform:scale(2);transition:0s}.pin-numpad-actions{display:flex;justify-content:center;margin-top:15px;padding:0 30px;width:100%}.pin-action-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s;width:50px}.pin-action-button.backspace{background-color:#f5f8fb;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4a7ab9;font-size:1.5rem;height:60px;margin-top:5px;width:60px}.pin-action-button.submit{color:#2ecc71}.pin-action-button:hover{background-color:#e9f0f9;box-shadow:0 3px 10px #00000026;transform:scale(1.05)}.pin-action-button:active{background-color:#d8e6f7;transform:scale(.95)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.pin-action-button.backspace:active{animation:shake .3s ease}.passwords-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.password-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.password-item:hover{background-color:#f9f9f9}.password-info{flex:1 1;min-width:0}.password-name{font-weight:600;margin-bottom:3px}.password-username{color:#555;font-size:.9rem;margin-bottom:3px;word-break:break-all}.password-value{align-items:center;display:flex;gap:8px}.password-masked{background-color:#4a7ab90d;color:#6c7a8c;letter-spacing:3px}.password-masked,.password-visible{border-radius:4px;font-family:monospace;padding:2px 4px;transition:all .3s ease}.password-visible{animation:fadeIn .3s;background-color:#4a7ab91a;color:#4a5b70;word-break:break-all}.password-actions{display:flex;gap:8px}.password-actions button{background:none;border:none;border-radius:4px;color:#4a7ab9;cursor:pointer;padding:4px;transition:all .2s}.password-actions button:hover{background-color:#4a7ab91a;transform:scale(1.1)}.edit-button{color:#4a7ab9}.save-button{color:#2ecc71}.cancel-button,.delete-button{color:#e74c3c}.password-visibility-toggle{background:none;border:none;border-radius:4px;color:#4a7ab9;cursor:pointer;padding:4px;transition:all .2s ease}.password-visibility-toggle:hover{background-color:#4a7ab91a;transform:scale(1.1)}.no-passwords-message{color:#777;padding:20px;text-align:center}.add-password-container{display:flex;justify-content:center;margin-top:auto;padding:16px}.add-password-button{align-items:center;background-color:#4a7ab9;border:none;border-radius:6px;box-shadow:0 2px 4px #4a7ab933;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s}.add-password-button:hover{background-color:#3869a7;box-shadow:0 4px 6px #4a7ab94d;transform:translateY(-1px)}.password-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.password-form-field{position:relative}.password-form-field input{background-color:#f9fafc;border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:10px 14px;transition:all .2s ease;width:100%}.password-form-field input:focus{background-color:#fff;border-color:#4a7ab9;box-shadow:0 0 0 3px #4a7ab926;outline:none}.password-form-field .password-visibility-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.new-password{background-color:#f8f9fa;border:1px dashed #ddd;border-radius:8px;margin:10px 16px}.password-manager-header{border-bottom:1px solid #eee;display:flex;justify-content:flex-end;padding:8px 16px}.lock-button{align-items:center;background-color:#4a7ab9;border:none;border-radius:6px;box-shadow:0 1px 3px #4a7ab933;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .3s}.lock-button:hover{background-color:#3869a7;box-shadow:0 2px 5px #4a7ab94d}@media (max-width:480px){.pin-numpad{max-width:200px}.pin-digit-button{font-size:18px}.pin-action-button,.pin-digit-button{height:45px;width:45px}.pin-circles-container{gap:14px}.pin-circle{height:14px;width:14px}}.stock-widget{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e6e6e680;border-radius:16px;box-shadow:0 8px 30px #00000014;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:380px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.stock-widget:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-3px)}.stock-widget .card-header{align-items:center;background:linear-gradient(90deg,#f8f9fa,#fff);border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:18px 24px}.stock-widget .card-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.15rem;font-weight:600;letter-spacing:-.3px;margin:0}.stock-widget .card-header-buttons{display:flex;gap:8px}.stock-widget .refresh-button{align-items:center;background:linear-gradient(145deg,#fff,#f0f4f8);border:1px solid #cbd5e066;border-radius:18px;box-shadow:0 1px 3px #0000000d;color:#4a5568;cursor:pointer;display:flex;font-size:.85rem;height:36px;justify-content:center;padding:6px 12px;transition:all .3s ease}.stock-widget .refresh-button:hover{background:linear-gradient(145deg,#f0f4f8,#fff);border-color:#90cdf480;box-shadow:0 4px 10px #3182ce26;color:#3182ce;transform:translateY(-1px)}.stock-widget .refresh-button:disabled{background:linear-gradient(145deg,#f8f9fa,#f0f4f8);box-shadow:none;color:#cbd5e0;cursor:not-allowed;opacity:.6}.stock-widget .refresh-text{color:#4a5568;font-weight:500;letter-spacing:.02em;margin-right:6px}.stock-widget .refresh-icon{color:#4a5568;font-size:.8rem}.stock-widget .card-content{background:#fff;display:flex;flex-direction:column;height:calc(100% - 60px);justify-content:space-between;padding:20px}.stock-widget .loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:30px 0}.stock-widget .loading-container p{color:#718096;font-size:.9rem;font-weight:500}.stock-widget .loading-spinner{animation:spin 1.2s cubic-bezier(.55,.055,.675,.19) infinite;border:3px solid #cbd5e04d;border-radius:50%;border-top-color:#3498db;box-shadow:0 0 10px #0000000d;height:36px;width:36px}.stock-widget .error-message{align-items:center;background-color:#fed7d71a;border-radius:12px;color:#e53e3e;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center}.stock-widget .error-message svg{color:#e53e3e;font-size:1.75rem}.stock-widget .error-message p{font-size:.9rem;line-height:1.5;max-width:90%}.stock-widget .try-alt-symbol{background-color:#3182ce;border:none;border-radius:8px;box-shadow:0 2px 5px #3182ce33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:12px;padding:10px 16px;transition:all .2s ease}.stock-widget .try-alt-symbol:hover{background-color:#2b6cb0;box-shadow:0 4px 8px #3182ce4d;transform:translateY(-2px)}.stock-widget .use-demo-data{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:10px;padding:10px 16px;transition:all .2s ease}.stock-widget .use-demo-data:hover{background-color:#edf2f7;border-color:#cbd5e0;box-shadow:0 2px 6px #0000000d}.stock-widget .demo-mode{background-color:#f8f6fe;border:1px solid #6b46c133;border-radius:12px;box-shadow:0 1px 2px #6b46c10d;color:#6b46c1;font-size:.7rem;font-weight:600;letter-spacing:.02em;margin-left:8px;padding:3px 10px}.stock-widget .no-data-message{color:#718096;padding:30px 0;text-align:center}.stock-widget .no-data-message p{font-weight:500;margin-bottom:20px}.stock-widget .stock-data{display:flex;flex-direction:column;gap:1.25rem;padding:5px}.stock-widget .stock-exchange{background:#f7fafc;border-radius:20px;color:#718096;display:inline-block;font-size:.75rem;margin-top:4px;padding:2px 10px}.stock-widget .stock-header{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center;margin-bottom:.75rem;padding:10px 0;text-align:center}.stock-widget .stock-logo-container{align-items:center;background-color:#ffffffb3;border-radius:14px;box-shadow:0 5px 15px #0003;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:60px}.stock-widget .stock-logo{border-radius:12px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.2));max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease,filter .3s ease}.stock-widget:hover .stock-logo-container{box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.stock-widget:hover .stock-logo{filter:drop-shadow(0 5px 12px rgba(0,0,0,.25));transform:scale(1.05)}.stock-widget .stock-header-info{align-items:flex-start;display:flex;flex-direction:column}.stock-widget .stock-header h4{color:#2d3748;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.stock-widget .stock-name{color:#4a5568;font-size:.95rem;font-weight:500;margin:4px 0 0}.stock-widget .stock-price{border-bottom:1px dashed #edf2f7;flex-direction:column;gap:.75rem;margin:.75rem 0;padding-bottom:15px;position:relative}.stock-widget .price-data,.stock-widget .stock-price{align-items:center;display:flex;justify-content:center}.stock-widget .price-data{flex-wrap:wrap;gap:1.5rem;padding:5px 0}.stock-widget .trading-date{align-items:center;background:#f7fafc;border-radius:20px;display:flex;font-size:.75rem;gap:4px;margin-top:5px;padding:4px 12px}.stock-widget .trading-label{color:#718096;font-weight:500}.stock-widget .trading-value{color:#2d3748;font-weight:600}.stock-widget .exchange-badge{display:flex;justify-content:center;margin-top:8px}.stock-widget .current-price{align-items:baseline;color:#1a202c;display:flex;font-size:2.25rem;font-weight:700;letter-spacing:-1px}.stock-widget .price-currency{color:#718096;font-size:1rem;font-weight:500;margin-left:5px}.stock-widget .price-currency:before{content:"$"}.stock-widget .price-change{align-items:center;display:flex;flex-direction:row;justify-content:center;white-space:nowrap}.stock-widget .positive-change{background:#f0fff4cc;border:1px solid #48bb7833;border-radius:20px;box-shadow:0 2px 5px #48bb781a;color:#276749}.stock-widget .negative-change,.stock-widget .positive-change{font-size:.9rem;font-weight:600;min-width:90px;padding:6px 14px;text-align:center}.stock-widget .negative-change{background:#fef2f2cc;border:1px solid #f5656533;border-radius:20px;box-shadow:0 2px 5px #f565651a;color:#c53030}.stock-widget .change-percent,.stock-widget .change-value{display:inline-block;margin:0 2px}.stock-widget .stock-details{grid-gap:.75rem;background:#f7fafc;border-radius:12px;box-shadow:inset 0 0 0 1px #e2e8f0cc;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:.75rem;padding:16px}.stock-widget .detail-row{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000008;color:#4a5568;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 12px;transition:transform .2s ease,box-shadow .2s ease}.stock-widget .detail-row:hover{box-shadow:0 3px 6px #0000000f;transform:translateY(-2px)}.stock-widget .label{color:#718096;font-weight:500}.stock-widget .value{color:#2d3748;font-weight:600}.stock-widget .mini-chart{align-items:center;background-color:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 1px 5px #0000000d;display:flex;flex-direction:column;margin:1.25rem 0 .75rem;padding:15px 10px 10px;position:relative}.stock-widget .mini-chart svg{filter:drop-shadow(0 2px 5px rgba(0,0,0,.1));position:relative;z-index:2}.stock-widget .mini-chart svg polyline{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.stock-widget .mini-chart-background{border-radius:0 0 8px 8px;bottom:20px;height:50%;left:10px;opacity:.08;position:absolute;right:10px;z-index:1}.stock-widget .chart-time-range{background-color:#f7fafc;border-radius:12px;color:#718096;font-size:.75rem;font-weight:500;margin-top:8px;padding:4px 12px;text-align:center}.stock-widget .last-updated{border-top:1px solid #edf2f7;color:#718096;font-size:.75rem;margin-top:10px;padding:10px 0 0;text-align:center}.stock-widget .currency-icon{color:#3182ce;font-size:.9rem;margin-right:4px}.stock-widget .change-icon{margin-right:4px}.stock-widget .chart-header{align-items:center;display:flex;justify-content:space-between;padding:0 10px 10px;width:100%}.stock-widget .chart-title{color:#4a5568;font-size:.9rem;font-weight:600}.stock-widget .chart-change{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:2px 8px}.stock-widget .chart-change.positive{background-color:#f0fff4;color:#276749}.stock-widget .chart-change.negative{background-color:#fff5f5;color:#c53030}.stock-widget .error-icon{align-items:center;background-color:#fed7d7;border-radius:50%;color:#e53e3e;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:12px;width:50px}.stock-widget .error-title{color:#4a5568;font-size:1.1rem;font-weight:600;margin:0 0 8px}.stock-widget .error-actions{display:flex;flex-direction:column;gap:10px;max-width:250px;width:100%}.stock-widget .info-icon{color:#3182ce;font-size:1.5rem;margin-bottom:10px}.stock-widget .no-data-message h4{color:#4a5568;font-size:1.1rem;margin:0 0 10px}.stock-widget .updated-icon{color:#718096;font-size:.75rem;margin-right:6px}@media (max-width:480px){.stock-widget .stock-details{grid-template-columns:1fr}}.dashboard-wrapper{background-color:#f8f9fa;padding-top:60px;transition:padding-top .3s ease}body.dashboard-drag-mode .dashboard-wrapper{padding-top:60px}body.dashboard-drag-mode{cursor:move}.drag-mode-header{background-color:#6b4f3c;box-shadow:0 2px 8px #00000026;color:#fff;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;top:60px;z-index:999}.drag-mode-message{align-items:center;font-size:14px;justify-content:space-between}.drag-mode-buttons,.drag-mode-message{display:flex;gap:8px}.drag-mode-message button{background-color:#fff;border:none;border-radius:4px;color:#6b4f3c;cursor:pointer;font-weight:500;padding:4px 12px}.drag-mode-message .reset-layout-button{background-color:#f3f3f3}.drag-mode-message .discard-button{background-color:#ffeaea;color:#d44333}.drag-mode-message button:hover{filter:brightness(.95)}.drag-mode-notification{animation:fadeInOut 3s ease-in-out;background-color:#6b4f3ce6;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;left:50%;padding:12px 24px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:1050}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media (max-width:768px){.drag-mode-message{flex-direction:column;gap:10px}.drag-mode-buttons{justify-content:center;width:100%}}@media (max-width:576px){.drag-mode-header{padding:6px 12px;top:50px}.drag-mode-message{font-size:12px}.drag-mode-message button{font-size:12px;padding:3px 10px}}.custom-drag-layer{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.drag-preview{opacity:.8;transform-origin:50% 50%;width:320px;will-change:transform}.drag-preview-wide{width:380px}.drag-preview .dashboard-card{background-color:#ffffffe6;border:2px dashed #6b4f3c;box-shadow:0 15px 25px #00000026;min-height:120px}.drag-preview-content{align-items:center;color:#6b4f3c;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center;padding:20px}.css-masonry-grid{box-sizing:border-box;column-count:4;column-gap:16px;margin:0;max-width:100%;padding:16px;transition:column-count .3s ease,opacity .3s ease;width:100%}.css-masonry-grid.resetting-layout{opacity:.5;pointer-events:none;transition:opacity .3s ease}.css-masonry-item{break-inside:avoid;display:inline-block;margin-bottom:16px;page-break-inside:avoid;transform-origin:50% 50%;transition:opacity .3s cubic-bezier(.2,0,.2,1),transform .3s cubic-bezier(.2,0,.2,1);width:100%;will-change:transform,opacity}.css-masonry-item.dragging{cursor:grabbing!important;z-index:1000}.css-masonry-item-wide{width:100%}@media (min-width:2200px){.css-masonry-grid{column-count:5;padding:24px}}@media (min-width:1800px) and (max-width:2199px){.css-masonry-grid{column-count:4;padding:20px}}@media (min-width:1400px) and (max-width:1799px){.css-masonry-grid{column-count:3;padding:20px}}@media (min-width:1000px) and (max-width:1399px){.css-masonry-grid{column-count:2;padding:16px}}@media (max-width:999px){.css-masonry-grid{column-count:1;column-gap:0;padding:12px}.css-masonry-item{margin-bottom:12px}}.dashboard-card{background:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 6px 16px #8891e926;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:transform .3s cubic-bezier(.2,0,.2,1),box-shadow .3s cubic-bezier(.2,0,.2,1),border-color .3s cubic-bezier(.2,0,.2,1);width:100%;will-change:transform,box-shadow}.dashboard-card:hover{border-color:#e6e9f0;box-shadow:0 8px 20px #8891e933}.drag-handle{color:#6b4f3c;cursor:grab;opacity:.4;padding:5px;position:absolute;right:10px;top:10px;transition:opacity .2s;z-index:100}.css-masonry-item:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.css-masonry-item.drag-mode-active .dashboard-card{border:1px dashed #6b4f3c}.css-masonry-item.drag-mode-active .dashboard-card:hover{background-color:#fffaf7;cursor:grab}.css-masonry-item.drag-mode-active .card-header{cursor:grab;padding-right:30px;position:relative}.css-masonry-item.drag-mode-active .card-header:before{background:#6b4f3c0d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.css-masonry-item.drag-mode-active .card-header:hover:before{background:#6b4f3c1a}.dashboard-card .card-header{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;padding-right:30px}.dashboard-card .card-header h2{color:#444;font-size:18px;font-weight:500;margin:0}.dashboard-card .card-header button{background-color:#6b4f3c;border:none;border-radius:4px;box-shadow:0 2px 4px #6b4f3c33;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.dashboard-card .card-header button:hover{background-color:#7c5c45;box-shadow:0 3px 6px #6b4f3c4d;transform:translateY(-1px)}.dashboard-card .card-header button:active{box-shadow:0 1px 2px #6b4f3c33;transform:translateY(0)}.dashboard-card .card-body{flex:1 1;overflow:hidden}.css-masonry-item[data-widget-type=calendar] .dashboard-card{max-height:550px;min-height:440px;overflow-y:hidden}.css-masonry-item[data-widget-type=chatspace] .dashboard-card{max-height:550px;min-height:440px;overflow-y:auto}.data-loading-message{color:#666;min-height:300px}.data-loading-message p{margin-top:20px}.css-masonry-item[data-widget-type=calendar] .calendar-container{max-height:none;overflow-y:visible}.css-masonry-item[data-widget-type=chatspace] .chat-messages-container{max-height:380px;overflow-y:auto}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.css-masonry-grid{display:flex;flex-wrap:wrap}.css-masonry-item{padding:0 10px;width:25%}.css-masonry-item-wide{width:50%}}.css-masonry-grid:after,.css-masonry-grid:before{content:"";display:none}.calendar-container{display:flex;flex-direction:column;height:auto;overflow:visible;padding:10px;position:relative;transition:all .2s ease;width:100%}@media (min-width:1440px){.calendar-list-view{display:block}.calendar-grid-view{display:none}}@media (max-width:1439px){.calendar-list-view{display:block}.calendar-grid-view{display:none}}.calendar-controls{align-items:center;display:flex;justify-content:center;margin-bottom:10px;padding:10px 0}.dashboard-card[data-card-type=calendar] .view-calendar-btn{background-color:#6b4f3c;border:none;border-radius:4px;box-shadow:0 2px 4px #6b4f3c33;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.dashboard-card[data-card-type=calendar] .view-calendar-btn:hover{background-color:#7c5c45;box-shadow:0 3px 6px #6b4f3c4d;transform:translateY(-1px)}.dashboard-card[data-card-type=calendar] .view-calendar-btn:active{box-shadow:0 1px 2px #6b4f3c33;transform:translateY(0)}@media (max-width:768px){.dashboard-card[data-card-type=calendar] .view-calendar-btn{display:none}.dashboard-card .card-header .icon-only-btn{display:inline;display:initial}.css-masonry-item[data-widget-type=calendar] .card-header .icon-only-btn{display:none}}.calendar-nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;margin:0 5px;min-height:36px;min-width:36px;overflow:hidden;position:relative;transition:background-color .2s ease;width:36px}.calendar-nav-btn:hover{background-color:#0000000d}.calendar-nav-btn:active{background-color:#0000001a}.calendar-nav-btn:focus{outline:none}.calendar-nav-btn:after{background-color:#0000001a;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:opacity .3s,transform .3s;width:100%}.calendar-nav-btn:active:after{opacity:1;transform:scale(1);transition:0s}.calendar-nav-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:18px;width:18px}.calendar-month{display:inline-block;font-weight:500;min-width:140px;padding-bottom:5px;position:relative;text-align:center}.calendar-month:after{background-color:#6b4f3c;bottom:0;content:"";height:2px;left:0;opacity:.7;position:absolute;right:0;transform:scaleX(.7);transition:all .3s ease}.calendar-weekdays{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-bottom:5px}.calendar-weekdays div{color:#7f8c8d;font-size:12px;font-weight:500;padding:5px 0;text-align:center}.calendar-days{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.calendar-day{background-color:#fff;border-radius:4px;display:flex;flex-direction:column;height:100%;min-height:60px;padding:8px;position:relative}.calendar-day.empty{background-color:#f9f9f9}.calendar-day.today{background-color:#ddedff66;box-shadow:inset 0 0 0 2px #8891e9}.day-number{color:#666;font-size:14px;font-weight:500;position:absolute;right:5px;top:5px;z-index:10}.calendar-day.today .day-number{color:#8891e9;font-weight:700}.shift-info{box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;font-size:12px;margin-top:30px;padding:6px;position:relative;text-shadow:0 0 2px #0003;transition:all .2s ease;z-index:1}.shift-info,.shift-time{border-radius:4px;color:#fff}.shift-time{background:#fff3;font-size:13px;margin-top:8px;padding:4px 8px}.dashboard-card[data-card-type=calendar] .calendar-container{padding:15px}.dashboard-card.masonry-item[data-card-type=calendar]{min-width:100%;width:100%}.calendar-grid-view-toggle{background:#f0f2f5;border:1px solid #ddd;border-radius:30px;color:#5f6368;cursor:pointer;display:block;font-size:13px;font-weight:500;margin:10px auto 16px;padding:8px 16px;text-align:center;transition:all .3s ease;width:fit-content}.calendar-grid-view-toggle:hover{background-color:#e8eaed;border-color:#ccc}.calendar-grid-view-toggle:active{background-color:#7780d933}.calendar-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow-y:auto;padding:5px;scrollbar-width:thin}.calendar-list::-webkit-scrollbar{width:4px}.calendar-list::-webkit-scrollbar-thumb{background-color:#8891e999;border-radius:4px}.shift-list-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;cursor:pointer;display:flex;padding:12px;position:relative;transition:all .2s ease}.shift-list-item:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.shift-list-date{align-items:center;border-right:1px solid #f0f2f5;display:flex;flex-direction:column;margin-right:12px;min-width:60px;padding-right:12px}.shift-list-day{color:#444;font-size:20px;font-weight:600;line-height:1.2}.shift-list-month{color:#777;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.shift-list-weekday{color:#999;font-size:11px;text-transform:uppercase}.shift-list-info{align-items:center;border-radius:6px;color:#fff;display:flex;flex:1 1;justify-content:space-between;padding:8px 12px;text-shadow:0 0 2px #0003}.shift-list-title{font-size:14px;font-weight:500}.shift-list-time{background:#fff3;border-radius:4px;font-size:12px;margin-left:8px;opacity:.9;padding:3px 8px}.shift-info.day-off,.shift-list-info.day-off{background-color:#95a5a6;opacity:.8}.calendar-day.past-date{background-color:#f9f9f9;color:#aaa;cursor:not-allowed}.calendar-day.past-date .day-number{color:#aaa}.calendar-day.past-date .shift-info{cursor:not-allowed;opacity:.6}.shift-list-item.past-date{opacity:.7}.shift-list-item.past-date .shift-list-date{color:#aaa}.shift-list-item.past-date .shift-list-info{cursor:not-allowed;opacity:.7}.shift-list-item.today{animation:todayPulse 3s ease-in-out infinite;background-color:#ffffffe6;border:none;box-shadow:0 5px 15px #8891e940;position:relative;transform:translateY(-2px)}.shift-list-item.today:before{border-radius:12px;box-shadow:0 2px 8px #8891e966;color:#fff;content:"TODAY";font-size:10px;font-weight:700;left:50%;letter-spacing:1px;opacity:.9;padding:3px 12px;top:-10px;transform:translateX(-50%);z-index:10}.shift-list-item.today:after,.shift-list-item.today:before{background:linear-gradient(45deg,#8891e9,#6372e5);position:absolute}.shift-list-item.today:after{border-radius:9px;content:"";inset:-1px;opacity:.7;z-index:-1}.shift-list-item.today .shift-list-date{transform:scale(1.05)}.shift-list-item.today .shift-list-day{color:#6372e5;font-size:22px;font-weight:800;text-shadow:0 0 15px #6372e533}.shift-list-item.today .shift-list-month,.shift-list-item.today .shift-list-weekday{color:#555;font-weight:600}@keyframes todayPulse{0%{box-shadow:0 5px 15px #8891e940}50%{box-shadow:0 5px 25px #8891e973}to{box-shadow:0 5px 15px #8891e940}}.calendar-list .shift-list-item.today{scroll-margin:100px;scroll-margin-bottom:16px;scroll-margin-top:16px;scroll-snap-align:center;transition:transform .3s ease}.calendar-list .shift-list-item.today:focus-within{box-shadow:0 0 0 2px #8891e9,0 4px 12px #8891e959}@media (max-width:767px){.shift-list-item.today:before{font-size:9px;padding:2px 10px;top:-8px}.shift-list-item.today .shift-list-day{font-size:20px}}@media (min-width:992px){.calendar-days{gap:4px;padding:4px}.calendar-day{border:1px solid #00000008;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.calendar-day:hover{box-shadow:0 4px 8px #8891e926;transform:translateY(-1px)}.calendar-day.today{box-shadow:0 0 0 2px #8891e9,0 4px 8px #8891e933}.day-number{align-items:center;background-color:#fff9;border-radius:50%;color:#555;display:flex;font-size:15px;font-weight:600;height:24px;justify-content:center;right:6px;top:6px;width:24px;z-index:10}.calendar-day.today .day-number{background-color:#8891e9;color:#fff}.shift-info{border-radius:6px;box-shadow:0 3px 6px #0000001a;margin-top:35px;padding:8px;transition:all .2s ease;z-index:1}.shift-info:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.calendar-container{height:auto;max-height:none;min-height:380px;overflow-y:visible}.calendar-list{max-height:380px}.shift-list-item{padding:14px}.shift-list-day{font-size:22px}.shift-list-title{font-size:15px}}@media (max-width:767px){.calendar-grid-view{display:none!important}.calendar-list-view{display:block!important}.dashboard-card[data-card-type=calendar]{height:auto!important;max-height:90vh;min-height:auto!important;overflow:hidden}.calendar-container{-webkit-overflow-scrolling:touch;height:auto!important;max-height:none!important;min-height:350px!important;overflow-y:visible!important}.calendar-list{margin-bottom:10px;max-height:calc(60vh - 50px);overflow-y:auto;padding:5px 2px}.shift-list-item{border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:10px;padding:10px}.calendar-nav-btn{height:40px;min-height:40px;min-width:40px;width:40px}}.add-widget-card{align-items:center;background-color:#3a2f280d;border:2px dashed #3a2f2833;cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all .3s ease}.add-widget-card:hover{background-color:#3a2f281a;border:2px dashed #3a2f2866;box-shadow:0 8px 20px #3a2f2826;transform:translateY(-3px)}.add-widget-content{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center;width:100%}.add-widget-logo-container{align-items:center;background-color:#2c3e50;border-radius:50%;box-shadow:0 3px 6px #2c3e5033;display:flex;height:80px;justify-content:center;margin-bottom:16px;overflow:visible;padding:12px;position:relative;transition:all .3s ease;width:80px}.add-widget-logo-container:after,.add-widget-logo-container:before{animation:logo-wave 3s ease-out infinite;border:2px solid #2c3e504d;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.add-widget-logo-container:after{animation-delay:1.5s}@keyframes logo-wave{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.add-widget-card:hover .add-widget-logo-container:after,.add-widget-card:hover .add-widget-logo-container:before{animation-duration:2s;border-color:#2c3e5080}.add-widget-card:hover .add-widget-logo-container{background-color:#1a2530;box-shadow:0 4px 8px #2c3e504d}.add-widget-logo{max-height:100%;max-width:100%;opacity:.9;transition:all .3s ease}.add-widget-card:hover .add-widget-logo{opacity:1;transform:scale(1.05)}.add-widget-text{margin-bottom:16px}.add-widget-text h3{color:#6b4f3c;font-size:18px;font-weight:500;margin:0 0 8px}.add-widget-text p{color:#8a8a8a;font-size:14px;margin:0}.add-widget-icon{align-items:center;background-color:#6b4f3c1a;border-radius:50%;color:#6b4f3c;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.add-widget-card:hover .add-widget-icon{background-color:#6b4f3c;color:#fff;transform:rotate(90deg)}@media (max-width:768px){.add-widget-logo-container{height:60px;width:60px}.add-widget-text h3{font-size:16px}.add-widget-text p{font-size:13px}}.widget-loading{min-height:180px;padding:30px 20px;text-align:center}.widget-loading p{color:#777;font-size:14px;margin-top:16px}.widget-error{color:#e74c3c;min-height:180px;padding:30px 20px}.widget-error p{font-size:14px;margin-bottom:16px}.widget-error button{background:#f0f0f0;border:none;border-radius:4px;color:#444;cursor:pointer;font-size:13px;padding:8px 12px}.widget-error button:hover{background:#e0e0e0}.widget-empty{align-items:center;color:#777;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:30px 20px;text-align:center}.view-all-btn{background-color:#e4886e;color:#fff!important;transition:background-color .2s ease}.view-all-btn:hover{background-color:#d67761}.dashboard-card .view-all-btn{background-color:#6b4f3c;border:none;border-radius:4px;box-shadow:0 2px 4px #6b4f3c33;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.dashboard-card .view-all-btn:hover{background-color:#7c5c45;box-shadow:0 3px 6px #6b4f3c4d;transform:translateY(-1px)}.dashboard-card .view-all-btn:active{box-shadow:0 1px 2px #6b4f3c33;transform:translateY(0)}.create-request-btn,.dashboard-card .action-btn{background-color:#6b4f3c;border:none;border-radius:4px;box-shadow:0 2px 4px #6b4f3c33;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.create-request-btn:hover,.dashboard-card .action-btn:hover{background-color:#7c5c45;box-shadow:0 3px 6px #6b4f3c4d;transform:translateY(-1px)}.create-request-btn:active,.dashboard-card .action-btn:active{box-shadow:0 1px 2px #6b4f3c33;transform:translateY(0)}.icon-only-btn{align-items:center;background:none;border:none;border-radius:50%;color:#3e6ae1;color:var(--primary-color,#3e6ae1);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin:0;opacity:.75;padding:5px;transition:all .2s ease}.icon-only-btn:hover{background-color:#3e6ae11a;opacity:1;transform:scale(1.1)}.icon-only-btn:focus{box-shadow:0 0 0 2px #3e6ae14d;outline:none}.documents-list,.emails-list,.notifications-list,.reports-list,.requests-list,.teams-list{display:flex;flex-direction:column;gap:10px;padding:5px}.document-item,.email-item,.notification-item,.report-item,.request-item,.team-item{background-color:#f9f9fb;border-radius:8px;padding:12px;transition:all .2s ease}.document-item:hover,.email-item:hover,.notification-item:hover,.report-item:hover,.request-item:hover,.team-item:hover{background-color:#f0f2f5;box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.status-badge{border-radius:12px;font-size:11px;padding:3px 8px;text-transform:capitalize}.status-approved{background-color:#e3fcef}.status-declined{background-color:#feebeb}.no-items-message,.no-shifts-message{align-items:center;color:#888;display:flex;flex-direction:column;font-size:14px;height:200px;justify-content:center;text-align:center}@media (max-width:767px){.widget-empty,.widget-error,.widget-loading{min-height:150px;padding:20px 15px}}.teams-list{display:flex;flex-direction:column;gap:12px}.team-item{background-color:#f9f9fb;border-radius:8px;cursor:pointer;padding:14px;transition:all .2s ease-out}.team-item:hover{background-color:#f0f2f5;box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.team-details{display:flex;flex-direction:column}.team-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.team-name{color:#333;font-size:15px;font-weight:600;margin:0}.new-badge{background-color:#e4886e;border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.team-description{color:#666;margin:4px 0 8px;text-overflow:ellipsis}.team-meta{color:#888;display:flex;flex-wrap:wrap;font-size:12px}.team-meta .separator{margin:0 8px}.activity-time{color:#e4886e;font-weight:500}.emails-list{display:flex;flex-direction:column;gap:12px}.email-item{background-color:#f9f9fb;border-radius:8px;padding:14px;transition:all .2s ease-out}.email-item:hover{background-color:#f0f2f5;box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.email-info{display:flex;justify-content:space-between;margin-bottom:8px}.email-sender{color:#333;font-size:14px;font-weight:600}.email-date{color:#888;font-size:12px}.email-subject{color:#444;font-size:14px;font-weight:500;margin-bottom:4px}.email-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;overflow:hidden;text-overflow:ellipsis}.documents-list{display:flex;flex-direction:column;gap:10px}.document-item{align-items:center;background-color:#f9f9fb;border-radius:8px;display:flex;padding:12px;position:relative;transition:all .3s ease}.document-item:hover{background-color:#f0f2f5;box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.document-icon{align-items:center;background-color:#e4886e1a;border-radius:8px;color:#e4886e;display:flex;height:36px;justify-content:center;margin-right:12px;min-width:36px;width:36px}.document-salary .document-icon{background-color:#48b8961a;color:#48b896}.document-bonus .document-icon{background-color:#e4724c1a;color:#e4724c}.document-tax .document-icon{background-color:#7780d91a;color:#7780d9}.document-info{flex:1 1;overflow:hidden}.document-title{color:#333;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{align-items:center;color:#888;display:flex;font-size:12px}.document-meta span{margin-right:8px}.document-meta .separator{margin:0 8px 0 0}.document-download{margin-left:10px}.document-action-btn{align-items:center;background-color:#fff;border:1px solid #e1e4e8;border-radius:50%;color:#3498db;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:36px;z-index:1}.document-action-btn:before{background-color:#3498db;content:"";height:100%;left:0;position:absolute;top:0;transform:skewX(-15deg);transform-origin:left;transition:all .3s ease;width:0;z-index:-1}.document-action-btn:hover{border-color:#3498db;color:#fff}.document-action-btn:hover:before{width:120%}.document-action-btn svg{transition:transform .3s ease}.document-action-btn:hover svg{transform:translateY(2px)}.document-salary .document-action-btn{color:#48b896}.document-salary .document-action-btn:hover{border-color:#48b896}.document-salary .document-action-btn:before{background-color:#48b896}.document-bonus .document-action-btn{color:#e4724c}.document-bonus .document-action-btn:hover{border-color:#e4724c}.document-bonus .document-action-btn:before{background-color:#e4724c}.document-tax .document-action-btn{color:#7780d9}.document-tax .document-action-btn:hover{border-color:#7780d9}.document-tax .document-action-btn:before{background-color:#7780d9}.document-action-btn.downloading{background-color:#f8f9fa;border-color:#ddd;color:#666;cursor:default}.document-action-btn.downloading:before{display:none}.download-spinner{height:14px;width:14px}.no-documents-message{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:30px 0;text-align:center}@media (max-width:767px){.document-title{max-width:180px}.document-icon{height:32px;min-width:32px;width:32px}}.requests-list{display:flex;flex-direction:column;gap:8px}.request-item{align-items:center;background-color:#f9f9fb;border-radius:6px;display:flex;flex-direction:row;padding:8px 10px;position:relative;transition:all .2s ease}.request-item:hover{background-color:#f0f2f5;box-shadow:0 3px 6px #0000000d;transform:translateY(-2px)}.request-type-badge{align-items:center;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;flex-shrink:0;font-size:10px;height:fit-content;justify-content:center;margin-right:10px;min-width:60px;padding:2px 6px;text-align:center}.request-info{display:flex;flex:1 1;flex-direction:column}.request-dates{align-items:center;color:#444;display:flex;flex-direction:row;font-size:13px;font-weight:500;margin-bottom:2px}.request-dates .separator{margin:0 6px}.request-status{margin-left:auto;text-transform:capitalize}.request-submitter{color:#777;font-size:11px}.status-approved{color:#0f7b41}.status-pending{background-color:#fff8e6;color:#b76e00}.status-declined{color:#c42b1c}.no-requests-message{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:20px 0;text-align:center}.dashboard-card[data-widget-type=requests]{padding:20px 16px}.dashboard-card[data-widget-type=requests] .card-header{margin-bottom:12px;padding-bottom:8px}@media (max-width:767px){.request-item{align-items:flex-start;flex-direction:column;padding:8px}.request-type-badge{margin-bottom:6px;margin-right:0;width:100%}.request-dates{font-size:12px}}.shift-requests-list{gap:12px;padding:8px 4px}.shift-request-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin-bottom:10px;padding:12px;transition:all .2s ease}.shift-request-item:hover{background-color:#f9f9f9;box-shadow:0 3px 6px #00000026;transform:translateY(-2px)}.shift-request-item:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.shift-request-item .request-header{align-items:center;display:flex;margin-bottom:8px}.shift-request-item .shift-indicator{border-radius:2px;flex-shrink:0;height:24px;margin-right:10px;width:4px}.shift-request-item .request-type{align-items:center;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:flex-start}.shift-request-item .request-type-icon{margin-right:6px}.shift-request-item .request-status{background-color:#f1f1f1;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#666;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-align:center;text-transform:uppercase}.shift-request-item .request-status.approved{background-color:#2ecc71;color:#fff}.shift-request-item .request-status.rejected{background-color:#e74c3c;color:#fff}.shift-request-item .request-status.pending{background-color:#fff8e6;color:#b76e00}.shift-request-item .request-details{align-items:center;color:#666;display:flex;font-size:13px;justify-content:space-between;margin-left:14px}.shift-request-item .request-shift-info{align-items:center;display:flex;flex-shrink:0}.shift-request-item .shift-date{color:#444;font-weight:500;margin-right:6px}.shift-request-item .shift-time{color:#777}.shift-request-item .request-meta{align-items:center;display:flex;margin-left:auto}.shift-request-item .request-by{margin-right:8px}.shift-request-item .request-time{color:#888}@media (max-width:480px){.shift-request-item .request-details{align-items:flex-start;flex-direction:column}.shift-request-item .request-shift-info{margin-bottom:4px}.shift-request-item .request-meta{margin-left:0}}.modal-overlay{animation:fadeIn .2s ease-out;z-index:1100}.request-details-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #eee;padding:15px 20px}.close-button,.modal-header h3{font-size:1.2rem}.close-button{background:none;border:none;color:#666;cursor:pointer}.modal-content{padding:20px}.request-header-details{display:flex;justify-content:space-between;margin-bottom:20px}.request-status-badge,.request-type-badge{border-radius:6px;color:#fff;font-weight:500;padding:8px 12px}.request-status-badge{align-items:center;display:flex;gap:6px}.request-info-section{display:flex;flex-direction:column;gap:15px}.info-label,.info-row{margin-bottom:5px}.info-label{align-items:center;color:#666;display:flex;font-weight:500;gap:6px}.info-value{color:#333}.time-display{color:#666;font-size:.9em;margin-left:10px}.reason-section{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.reason-text{background-color:#f9f9f9;border-radius:6px;font-style:italic;margin-top:5px;padding:10px}.shift-swap-details{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.shift-swap-details h4{color:#444;margin-bottom:15px;margin-top:0}.shift-comparison{align-items:center;display:flex;gap:15px}.shift-box{flex:1 1;text-align:center}.shift-label{color:#666;font-size:.9em;margin-bottom:8px}.shift-title{border-radius:6px;color:#fff;font-weight:500;padding:10px}.swap-arrow{color:#666;font-size:1.5rem}.submission-info{color:#888;font-size:.85em;font-style:italic;margin-top:20px;text-align:center}.modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:15px 20px}.secondary-button{background-color:#f1f1f1;border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.secondary-button:hover{background-color:#e5e5e5}.no-requests{align-items:center;display:flex;height:100%;justify-content:center;padding:20px}.empty-state{color:#888}.empty-icon{color:#ccc;font-size:28px;margin-bottom:12px}.empty-state p{margin:0 0 16px}.widget-loading{color:#888;gap:12px}.widget-error,.widget-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:150px}.widget-error{color:#e54d4d;text-align:center}.create-request-btn{background-color:#6b4f3c;border:none;border-radius:4px;box-shadow:0 2px 4px #6b4f3c33;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.create-request-btn:hover{background-color:#7c5c45;box-shadow:0 3px 6px #6b4f3c4d;transform:translateY(-1px)}.create-request-btn:active{box-shadow:0 1px 2px #6b4f3c33;transform:translateY(0)}.view-all-btn{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease,transform .1s ease}.view-all-btn:hover{background-color:#444;transform:translateY(-1px)}.view-all-btn:active{transform:translateY(0)}@media (max-width:576px){.request-header{flex-wrap:wrap}.request-status{margin-left:auto}.shift-requests-list{gap:10px;padding:6px 2px}.shift-request-item{padding:10px}.request-header-details{align-items:flex-start;flex-direction:column;gap:10px}.request-status-badge{align-self:flex-start}.request-type-badge{word-wrap:break-word;box-sizing:border-box;max-width:100%}.shift-comparison{flex-direction:column;gap:10px}.swap-arrow{transform:rotate(90deg)}.info-value{word-break:break-word}.submission-info{word-wrap:break-word}.request-details-modal{max-height:85vh;overflow-x:hidden;width:95%}.modal-content{padding:15px}}.dashboard-card[data-card-type=shift-requests]{display:flex;flex-direction:column;height:100%}.dashboard-card[data-card-type=shift-requests] .card-body{flex:1 1;overflow-y:auto;padding:4px 0}.dashboard-card[data-card-type=shift-requests] .view-all-btn{background-color:#6b4f3c;border:none;border-radius:4px;box-shadow:0 2px 4px #6b4f3c33;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.dashboard-card[data-card-type=shift-requests] .view-all-btn:hover{background-color:#7c5c45;box-shadow:0 3px 6px #6b4f3c4d;transform:translateY(-1px)}.dashboard-card[data-card-type=shift-requests] .view-all-btn:active{box-shadow:0 1px 2px #6b4f3c33;transform:translateY(0)}.card-header-actions{align-items:center;display:flex;gap:8px}.refresh-btn{font-size:.8em;opacity:.7;transition:all .2s ease}.refresh-btn:hover{opacity:1;transform:rotate(180deg)}.request-workflow-section{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.request-workflow-section h4{color:#444;font-size:1rem;margin-bottom:15px;margin-top:0}@media (max-width:576px){.request-workflow-section{margin-top:15px;padding-top:12px}}.float-back-btn{align-items:center;background-color:#c0392b;border:2px solid #c0392b33;border-radius:50%;bottom:30px;box-shadow:0 4px 14px #c0392b4d;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;margin:0;overflow:hidden;padding:0;position:fixed;right:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:60px;z-index:1000}.float-back-btn:before{background:radial-gradient(circle,#e74c3c33 0,#c0392b00 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.float-back-btn:hover{background-color:#e74c3c;border-color:#e74c3c80;box-shadow:0 6px 20px #c0392b73;color:#fff;transform:translateY(-5px) scale(1.05)}.float-back-btn:hover:before{opacity:1}.float-back-btn:active{box-shadow:0 3px 10px #c0392b4d;transform:translateY(-2px) scale(.98)}.float-back-btn svg{height:24px;transition:transform .3s ease;width:24px}.float-back-btn:hover svg{transform:translateX(-3px)}body .float-back-btn{position:fixed!important}@media (max-width:992px){.float-back-btn{bottom:25px;height:50px;right:25px;width:50px}.float-back-btn svg{height:20px;width:20px}}@media (max-width:576px){.float-back-btn{bottom:20px;height:45px;right:20px;width:45px}.float-back-btn svg{height:18px;width:18px}}.teams-page-container{background-color:#faf9f8;display:flex;flex-direction:column;min-height:100vh}.teams-content{flex:1 1;margin:0 auto;max-width:1200px;padding:30px;width:100%}.teams-header{margin-bottom:40px;text-align:left}.teams-header h1{color:#3e2723;display:inline-block;font-size:32px;font-weight:600;margin:0 0 20px;padding-bottom:10px;position:relative}.teams-header h1:after{background:linear-gradient(90deg,#ff7043,#ffab91);border-radius:8px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.teams-list-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.team-card{background-color:#fff;border:1px solid #ebe1d7cc;border-radius:16px;box-shadow:0 4px 20px #7955480d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.team-card:hover{border-color:#ff704333;box-shadow:0 12px 28px #e651001f;transform:translateY(-5px)}.team-card.recent-activity:before{background:linear-gradient(180deg,#ff7043,#ffab91);border-bottom-left-radius:16px;border-top-left-radius:16px;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.team-card-header{align-items:flex-start;border-bottom:1px solid #ebe1d7b3;display:flex;padding:25px;position:relative}.team-icon{align-items:center;border-radius:12px;box-shadow:0 4px 10px #7955481a;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-right:18px;text-shadow:0 1px 2px #0000001a;width:60px}.team-info{flex:1 1;min-width:0}.team-name{color:#3e2723;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#795548;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.team-notification{position:absolute;right:15px;top:15px}.notification-badge{animation:pulse 2s infinite;background:linear-gradient(45deg,#ff5722,#ff9800);border-radius:50%;box-shadow:0 0 0 3px #fff;display:block;height:10px;width:10px}.team-card-members{align-items:center;border-bottom:1px solid #ebe1d7b3;display:flex;padding:15px 25px}.member-count{color:#8d6e63;font-size:12px;font-weight:500}.team-card-details{align-items:center;background-color:#fbf8f399;display:flex;justify-content:space-between;padding:18px 25px}.team-stats{flex-grow:1;gap:20px}.stat-item{align-items:center;color:#8d6e63;display:flex;font-size:11px}.stat-item.channels .stat-icon{color:#ff7043}.stat-item.activity .stat-icon{color:#ff9800}.stat-icon{align-items:center;display:flex;margin-right:8px}.stat-value{color:#5d4037;font-weight:600;line-height:1.2;max-height:1.2em;overflow:hidden;text-overflow:ellipsis}.stat-value,.team-card .team-card-details .team-stats .stat-item .stat-value{font-size:14px!important}.team-action{display:flex}.view-team-icon-button{align-items:center;background-color:#fff;border:1px solid #ebe1d7cc;border-radius:50%;color:#ff7043;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.view-team-icon-button:hover{background-color:#ff7043;border-color:#ff7043;color:#fff;transform:scale(1.05)}.team-view-button{display:none}.loading-container{gap:20px;min-height:300px}.loading-container p{color:#8d6e63;font-weight:500}.error-container{border-radius:16px;box-shadow:0 4px 20px #0000000d;gap:20px;justify-content:center;min-height:300px}.error-icon{color:#f44336;font-size:40px}.error-container p{color:#8d6e63;font-size:16px;margin:0 auto;max-width:400px}.retry-button{background:linear-gradient(90deg,#ff7043,#ffab91);border-radius:8px;box-shadow:0 4px 10px #ff704333;font-size:14px;font-weight:600;padding:12px 30px;transition:transform .2s,box-shadow .2s}.retry-button:hover{box-shadow:0 6px 15px #ff70434d;transform:translateY(-2px)}.empty-teams-container{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.empty-icon{color:#8d6e63;font-size:40px;opacity:.7}.empty-teams-container h3{color:#5d4037;font-size:20px;font-weight:600;margin:0}.empty-teams-container p{color:#8d6e63;font-size:16px}.consent-required-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#ffffffe6,#fffffff2);border:1px solid #ff704333;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:30px;padding:30px}.consent-required-message h3{color:#5d4037;font-size:18px;font-weight:600;margin:0 0 10px}.consent-required-message p{color:#8d6e63;font-size:15px;line-height:1.6;margin:0 0 20px}.refresh-button{background:linear-gradient(90deg,#ff7043,#ffab91);border:none;border-radius:8px;box-shadow:0 4px 10px #ff704333;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.refresh-button:hover{box-shadow:0 6px 15px #ff70434d;transform:translateY(-2px)}@media (max-width:768px){.teams-content{padding:20px}.teams-list-container{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.team-card-details{padding:15px 20px}.team-icon{font-size:20px;height:50px;width:50px}.team-card-header{padding:20px}.team-card-members{padding:12px 20px}.teams-header h1{font-size:28px}.team-stats{gap:12px}.stat-item{font-size:10px}.stat-value{font-size:13px!important}}@media (max-width:576px){.teams-header h1{font-size:24px}.teams-list-container{gap:16px;grid-template-columns:1fr}.team-card-header{padding:16px}.team-card-details{padding:12px 16px}.team-stats{gap:12px}.stat-item{font-size:10px}.team-card-members{padding:10px 16px}.stat-value{font-size:12px!important}}.team-info{background-color:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 6px 16px #8891e926;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1000px;padding:24px}.team-title{margin-bottom:1rem;text-align:center}.team-description{color:#4a5568;font-size:16px;margin-bottom:20px;text-align:center}.team-meta-info{border-top:1px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:20px;padding-top:20px}.team-meta-item{align-items:center;color:#7f8c8d;display:flex;font-size:14px;gap:8px}.team-meta-icon{align-items:center;background-color:#f0f2f5;border-radius:50%;color:#7780d9;display:flex;height:28px;justify-content:center;width:28px}.team-meta-icon svg{stroke:currentColor;height:16px;width:16px}.section-header{border-bottom:2px solid #f0f2f5;color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;margin-top:30px;padding-bottom:10px}.channels-list{display:flex;flex-direction:column;gap:16px}.channel-cards-container,.channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:20px 0}.channel-card{background:#fff;border:1px solid #f0f2f5;border-radius:10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:180px;overflow:hidden;transition:transform .3s,box-shadow .3s}.channel-card:hover{border-color:#8891e9;box-shadow:0 8px 24px #8891e94d;transform:translateY(-5px)}.channel-card-header{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;padding:16px}.channel-avatar{align-items:center;background-color:#7780d9;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.channel-avatar svg{stroke:currentColor;height:20px;width:20px}.channel-name{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-card-body{flex-grow:1;padding:16px}.channel-description{-webkit-line-clamp:3;line-height:1.5;margin:0}.channel-card-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.channel-action-text{color:#7780d9;font-size:14px;font-weight:500}.channel-action-icon{align-items:center;color:#7780d9;display:flex;transition:transform .2s ease}.channel-card:hover .channel-card-footer{background-color:#7780d9}.channel-card:hover .channel-action-icon,.channel-card:hover .channel-action-text{color:#fff}.channel-card:hover .channel-action-icon{transform:translateX(3px)}.channel-icon{background-color:#7780d9;border-radius:50%;color:#fff;height:48px;margin:20px auto 10px;width:48px}.channel-content{display:flex;flex-direction:column;padding:0 20px}.channel-title{color:#2c3e50;font-size:18px;font-weight:600;margin:10px 0;text-align:center}.channel-description{font-size:14px;margin:0 0 15px;text-align:center}.channel-action{align-items:center;background-color:#f8f9fa;border-top:1px solid #f0f2f5;color:#7780d9;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 0;transition:all .2s ease}.channel-action svg{margin-left:8px;transition:transform .2s ease}.channel-card:hover .channel-action{background-color:#7780d9;color:#fff}.channel-card:hover .channel-action svg{transform:translateX(3px)}.no-data-message{color:#7f8c8d;font-style:italic;grid-column:1/-1;padding:40px 20px;text-align:center}.error-container{align-items:center;display:flex;flex-direction:column}.retry-button{background-color:#3498db;margin-top:20px;padding:12px 24px;transition:background-color .2s}.retry-button:hover{background-color:#2980b9}@media (max-width:768px){.channels-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:15px 10px}}@media (max-width:576px){.channels-grid{gap:10px;grid-template-columns:1fr}.channel-card{min-height:160px}.channel-cards-container{grid-template-columns:1fr;padding:0 15px}.channel-card{min-height:160px}}.team-details-page{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding-top:60px}.team-details-container{flex-grow:1;margin:0 auto;max-width:1400px;padding:30px;width:100%}.team-header{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;overflow:hidden;padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.team-header:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-5px)}.team-header:before{background:linear-gradient(180deg,#7780d9,#48b896);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.team-title{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 12px}.team-description{color:#7f8c8d;line-height:1.6;margin-bottom:25px}.team-stats{display:flex;gap:25px;margin-top:20px}.team-stat{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;min-width:100px;padding:15px 25px;transition:transform .2s ease}.team-stat:hover{background-color:#eef0ff;transform:translateY(-3px)}.stat-value{color:#7780d9;font-size:24px;margin-bottom:5px}.stat-label{color:#7f8c8d;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.team-actions{display:flex;gap:10px;margin-top:20px}.team-action-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.team-action-button:hover{background-color:#f8f9fa;border-color:#d0d0d0;transform:translateY(-1px)}.team-action-button svg{height:16px;width:16px}.team-sections{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.channels-section,.members-section{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:100%;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.channels-section:hover,.members-section:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-5px)}.channels-section h2,.members-section h2{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:15px;position:relative}.channels-section h2:after,.members-section h2:after{background:linear-gradient(90deg,#7780d9,#48b896);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.channels-list,.members-list{grid-gap:15px;display:grid;flex-grow:1;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;overflow-y:auto;padding:0}.channel-item{align-items:flex-start;background-color:#f8f9fa;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;display:flex;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease,background-color .2s ease}.channel-item:hover{background-color:#eef0ff;transform:translateY(-3px)}.channel-icon{align-items:center;background-color:#eef0ff;border-radius:8px;color:#7780d9;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:14px;width:36px}.channel-content{flex-grow:1;min-width:0}.channel-name{color:#2c3e50;font-weight:500;line-height:1.3;margin-bottom:4px;word-break:break-word}.channel-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;word-break:break-word}.channel-badge{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:3px 8px;position:absolute;right:12px;top:12px}.private-channel{background-color:#fff2ed;color:#e4886e}.member-item{align-items:center;background-color:#f8f9fa;border:1px solid #f0f0f0;border-radius:8px;display:flex;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease,background-color .2s ease}.member-item:hover{background-color:#f0fbf7;transform:translateY(-3px)}.member-avatar{align-items:center;background-color:#48b896;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:500;height:42px;justify-content:center;margin-right:14px;width:42px}.member-content{flex-grow:1;min-width:0}.member-name{color:#2c3e50;font-weight:500;margin-bottom:4px}.member-email,.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:#7f8c8d;font-size:13px}.member-badge{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px;margin-left:10px;padding:3px 8px}.owner{background-color:#f0fbf7;color:#48b896}.no-items-message{color:#95a5a6;font-style:italic;padding:30px;text-align:center}.loading-container{padding:60px}.loading-message{color:#7f8c8d;margin-top:20px}.error-container{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin:40px auto;max-width:600px;padding:30px;text-align:center}.error-icon{color:#e74c3c;font-size:48px;margin-bottom:20px}.error-message{color:#7f8c8d;margin-bottom:20px}.retry-button{background-color:#7780d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.retry-button:hover{background-color:#5d67c1}.consent-required-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;margin:40px auto;max-width:600px;padding:30px;text-align:center}.consent-icon{margin-bottom:20px}.consent-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:background-color .2s}.consent-button:hover{background-color:#2980b9}.consent-button:disabled{background-color:#95a5a6;cursor:not-allowed}@media (max-width:768px){.team-details-container{padding:15px}.team-sections{grid-template-columns:1fr}.team-stats{flex-wrap:wrap;gap:15px}.team-stat{min-width:80px}.channels-list,.members-list{grid-template-columns:1fr}}.channel-badge,.member-badge{animation:pulse 2s infinite}.breadcrumb{color:#7f8c8d;font-size:14px}.breadcrumb span{color:#3498db;cursor:pointer;transition:color .2s}.breadcrumb span:hover{color:#f3b945;text-decoration:underline}.breadcrumb span:last-child{color:#2c3e50;cursor:default}.breadcrumb span:last-child:hover{text-decoration:none}.channel-header{background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #1a1a2e26;box-sizing:border-box;margin-bottom:30px;padding:20px;width:100%}.channel-header h1{color:#2c3e50;font-size:24px;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-header h2.team-name{color:#7f8c8d;font-size:16px;font-style:italic;font-weight:500;margin:0 0 10px}.channel-header p{color:#7f8c8d;margin:0}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:20px;height:calc(100vh - 180px);overflow-y:auto;padding:20px}.message-item{align-items:flex-start;background-color:#fff9f0b3;border:1px solid #ebe1d280;border-radius:12px;box-shadow:0 2px 6px #b9a0781f;display:flex;margin:24px 0;padding:12px;text-align:left;transition:background-color .2s ease}.message-item:hover{background-color:#fff5e6d9;box-shadow:0 3px 8px #b9a07833}.message-item:nth-child(odd){background-color:#fff7ebbf}.message-item:nth-child(2n){background-color:#fffcf5b3}.message-header{align-items:flex-start;display:flex;margin-right:15px}.sender-info{align-items:flex-start;margin-left:12px}.sender-name{font-weight:600;line-height:1.2}.message-time{background-color:initial;color:#95a5a6;display:block;font-size:10px;line-height:1.4;margin-top:2px;min-width:0;overflow:visible;padding:0;position:static;text-align:left;transform:none;white-space:nowrap;width:auto}.sender-avatar{background:linear-gradient(135deg,#7780d9,#e4886e);border:2px solid #fffffff2;box-shadow:0 3px 8px #00000026;flex-shrink:0;font-size:16px;font-weight:600;height:42px;letter-spacing:-.5px;margin-right:0;position:relative;text-transform:uppercase;width:42px;z-index:2}.sender-avatar[data-initial^=A],.sender-avatar[data-initial^=E],.sender-avatar[data-initial^=I],.sender-avatar[data-initial^=M],.sender-avatar[data-initial^=Q],.sender-avatar[data-initial^=U],.sender-avatar[data-initial^=Y]{background:linear-gradient(135deg,#e4886e,#f3b945)}.sender-avatar[data-initial^=B],.sender-avatar[data-initial^=F],.sender-avatar[data-initial^=J],.sender-avatar[data-initial^=N],.sender-avatar[data-initial^=R],.sender-avatar[data-initial^=V],.sender-avatar[data-initial^=Z]{background:linear-gradient(135deg,#7780d9,#8a68bb)}.sender-avatar[data-initial^=C],.sender-avatar[data-initial^=G],.sender-avatar[data-initial^=K],.sender-avatar[data-initial^=O],.sender-avatar[data-initial^=S],.sender-avatar[data-initial^=W]{background:linear-gradient(135deg,#48b896,#7780d9)}.sender-avatar[data-initial^=D],.sender-avatar[data-initial^=H],.sender-avatar[data-initial^=L],.sender-avatar[data-initial^=P],.sender-avatar[data-initial^=T],.sender-avatar[data-initial^=X]{background:linear-gradient(135deg,#8a68bb,#e4886e)}.sender-avatar:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05);transition:all .3s ease}.channel-message-content{word-wrap:break-word;background-color:#fffffce6;border:1px solid #ebe1d299;border-radius:12px;box-shadow:0 3px 8px #b9a0781a;flex-grow:1;-webkit-hyphens:auto;hyphens:auto;margin-left:15px;max-width:85%;overflow-wrap:break-word;padding:16px 20px;text-align:left;transition:box-shadow .2s ease;word-break:break-word}.channel-message-text{color:#5a4a3f;font-size:14px;line-height:1.5;text-align:left}.empty-message-note{background-color:#f8f5f080;border:1px dashed #d1d9e6;border-radius:6px;color:#95a5a6;font-size:13px;font-style:italic;margin:0;padding:10px 0;text-align:center}.deleted-user-message{background-color:#f5f5f5b3!important;opacity:.85}.deleted-user-avatar{background:linear-gradient(135deg,#95a5a6,#7f8c8d)!important;opacity:.75}.deleted-user-name{color:#95a5a6;font-style:italic;text-decoration:line-through}.message-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #1a1a2e26;padding:20px;transition:all .3s ease}.message-card:hover{border-left:4px solid #f3b945;box-shadow:0 8px 24px #f3b9454d}.load-more-container{margin-bottom:16px;margin-top:24px}.load-more-button{border-radius:6px;padding:10px 20px;transition:all .2s ease-in-out}.message-input-container{background-color:#fff;border-top:1px solid #eaedf1;bottom:0;box-shadow:0 -2px 10px #0000000d;padding:20px;position:sticky;z-index:10}.message-form{align-items:flex-end;display:flex;gap:10px}.message-input{border:1px solid #d1d9e6;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:200px;min-height:60px;overflow-y:auto;padding:15px;resize:none;text-align:left;transition:all .3s ease}.message-input:focus{border-color:#7780d9;box-shadow:0 0 0 2px #7780d933;outline:none}.message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{align-items:center;background-color:#7780d9;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.send-button:hover{background-color:#6670c7;transform:translateY(-2px)}.send-button:active{transform:translateY(0)}.send-button:disabled{background-color:#b5bad8;cursor:not-allowed;transform:none}.send-button.sending{background-color:#b5bad8;cursor:wait}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:768px){.message-input{height:auto;line-height:20px;max-height:80px;min-height:40px;overflow-y:auto;padding:10px 15px;resize:none}.send-button{height:36px;width:36px}.messages-container{height:calc(100vh - 300px)}.message-item{flex-direction:column;padding:16px 12px}.message-header{margin-bottom:10px;margin-right:0;width:100%}.channel-message-content{margin-left:0;margin-top:5px;max-width:100%;width:100%}.sender-info{max-width:calc(100% - 54px);overflow:hidden}.sender-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:480px){.message-item{padding:14px 10px}}@media (min-width:1024px){.channel-header{border-radius:12px;max-width:none;width:100%}.channel-messages-container{max-width:100%;padding:0 30px;width:100%}}.speech-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.speech-settings-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.speech-settings-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaedf1;display:flex;justify-content:space-between;padding:16px 24px}.speech-settings-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.settings-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:22px;height:30px;justify-content:center;margin:0;padding:0;transition:all .2s;width:30px}.settings-close-btn:hover{background-color:#0000000d;color:#2c3e50}.speech-settings-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px 24px}.speech-settings-section{margin-bottom:20px}.speech-settings-section h4{color:#2c3e50;font-weight:500;margin:0 0 8px}.speech-settings-section p{color:#7f8c8d;font-size:14px;margin:0 0 16px}.speech-language-search{margin-bottom:16px}.speech-language-search input{border:1px solid #d1d9e6;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.speech-language-search input:focus{border-color:#7780d9;outline:none}.speech-language-list{border:1px solid #eaedf1;border-radius:6px;max-height:300px;overflow-y:auto}.speech-language-item{align-items:center;border-bottom:1px solid #eaedf1;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.speech-language-item:last-child{border-bottom:none}.speech-language-item:hover{background-color:#f5f7fa}.speech-language-item.selected{background-color:#ebf3ff;border-left:3px solid #4285f4}.speech-language-info{display:flex;flex-direction:column}.speech-language-name{color:#2c3e50;font-weight:500}.speech-language-locale{color:#7f8c8d;font-size:12px;margin-top:2px}.speech-language-code{background-color:#f8f9fa;border-radius:3px;color:#7f8c8d;font-family:monospace;font-size:12px;padding:2px 6px}.speech-no-results{color:#7f8c8d;font-style:italic;padding:16px;text-align:center}.speech-settings-footer{border-top:1px solid #eaedf1;display:flex;justify-content:flex-end;margin-top:auto;padding-top:16px}.speech-settings-cancel,.speech-settings-save{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.speech-settings-cancel{background:none;border:1px solid #d1d9e6;color:#7f8c8d;margin-right:12px}.speech-settings-cancel:hover{background-color:#f5f7fa}.speech-settings-save{background-color:#4285f4;border:none;color:#fff}.speech-settings-save:hover{background-color:#3367d6}.microphone-button-container{display:inline-block;position:relative}.microphone-button{align-items:center;background-color:#f9f9f9;border:2px solid #ccc;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.microphone-button:hover{background-color:#f1f1f1;transform:scale(1.05)}.microphone-button.active{animation:pulse 1.5s infinite;background-color:#e74c3c;border-color:#c0392b;color:#fff}.microphone-button:disabled{cursor:not-allowed;opacity:.5}.microphone-button .mic-active{color:#fff}.microphone-error-tooltip{animation:fadeIn .3s;background-color:#f44336;border-radius:4px;bottom:100%;color:#fff;font-size:12px;left:50%;margin-bottom:10px;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.microphone-error-tooltip:after{border:5px solid #0000;border-top-color:#f44336;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.microphone-settings-button{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:10px;height:22px;justify-content:center;padding:0;position:absolute;right:-5px;top:-5px;transition:all .2s ease;width:22px}.microphone-settings-button:hover{background-color:#e1e1e1;transform:rotate(45deg)}.mic-language-code{background:#f1f1f1;border:1px solid #ddd;border-radius:3px;bottom:-2px;color:#666;font-size:8px;font-weight:700;line-height:1;padding:1px 3px;position:absolute;right:-2px;text-transform:uppercase}.microphone-button.active .mic-language-code{background:#c0392b;border-color:#a93226;color:#fff}.compose-email-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.compose-email-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.compose-email-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaedf1;display:flex;justify-content:space-between;padding:16px 24px}.compose-email-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.compose-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:22px;height:30px;justify-content:center;margin:0;padding:0;transition:all .2s;width:30px}.compose-close-btn:hover{background-color:#0000000d;color:#2c3e50}.compose-email-form{flex:1 1;overflow-y:auto;padding:20px 24px}.compose-form-group{align-items:flex-start;display:flex;margin-bottom:16px}.compose-form-group label{color:#2c3e50;flex-shrink:0;font-size:14px;font-weight:500;padding-top:10px;width:80px}.compose-form-group input,.compose-form-group textarea{border:1px solid #d1d9e6;border-radius:6px;flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical}.compose-form-group input:focus,.compose-form-group textarea:focus{border-color:#7780d9;box-shadow:0 0 0 2px #7780d933;outline:none}.compose-cc-link{margin-bottom:16px;margin-left:80px}.compose-cc-link button{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;font-weight:500;padding:0}.compose-cc-link button:hover{color:#2980b9;text-decoration:underline}.compose-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.compose-cancel-btn{background:none;border:1px solid #d1d9e6;border-radius:6px;color:#7f8c8d;padding:10px 20px}.compose-cancel-btn,.compose-send-btn{cursor:pointer;font-weight:500;transition:all .2s}.compose-send-btn{align-items:center;background-color:#48b896;border:none;border-radius:6px;color:#fff;display:flex;gap:8px;padding:10px 24px}.compose-cancel-btn:hover{background-color:#f5f7fa}.compose-send-btn:hover{background-color:#3da785}.compose-send-btn:disabled{cursor:not-allowed;opacity:.7}.compose-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.compose-error-message{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#c0392b;font-size:14px;margin-bottom:16px;padding:12px 16px}.input-with-mic,.textarea-with-mic{display:flex;flex:1 1;position:relative}.input-with-mic input,.textarea-with-mic textarea{flex:1 1}.input-with-mic .microphone-button-container{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.textarea-with-mic .microphone-button-container{bottom:10px;position:absolute;right:10px}.microphone-button.textarea-mic{opacity:.7}.microphone-button.textarea-mic.active,.microphone-button.textarea-mic:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.compose-form-group{flex-direction:column}.compose-form-group label{margin-bottom:6px;padding-top:0;width:100%}.compose-cc-link{margin-left:0}}.dashboard-wrapper{margin:0;min-height:100vh;overflow-x:hidden;padding-top:0}.dashboard-wrapper.outlook-page{bottom:0!important;height:100vh!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100%!important}.outlook-page{display:flex;flex-direction:column;min-height:100vh}.outlook-container{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;margin:0;overflow-x:hidden;padding:0;width:100%}.outlook-main{border-radius:0;bottom:0;box-shadow:none;display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);height:auto;left:0;margin:0;overflow:hidden;position:fixed;right:0;top:60px;z-index:100}.floating-folders{background-color:#1a1a2e;border-radius:50px;bottom:80px;box-shadow:0 4px 20px #0003;display:flex;gap:12px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:100}.folder-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.folder-button:hover{background-color:#ffffff1a}.folder-button.active{background-color:#f3b945;color:#1a1a2e}.folder-button.back-dashboard{background-color:#ffffff1a;border-right:1px solid #fff3;margin-right:8px;padding-right:12px}.folder-button.back-dashboard:hover{background-color:#fff3}.folder-icon{align-items:center;display:flex;font-size:20px;font-style:normal;height:100%;justify-content:center;line-height:1;width:100%}.outlook-email-container{background-color:#fff;border-right:1px solid #e1e4e8;height:100%;overflow-y:auto;width:100%}.loading-container,.outlook-email-list{height:100%}.outlook-email-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;border-left:3px solid #0000;padding:15px;transition:all .2s ease}.outlook-email-item:hover{background-color:#7780d90d}.outlook-email-item.unread:hover{background-color:#7780d914}.outlook-email-item.selected{background-color:#f3b94526;border-left:3px solid #f3b945;box-shadow:0 1px 3px #f3b94533;position:relative}.outlook-email-item.selected:after{background-color:#f3b945;bottom:0;content:"";opacity:.7;position:absolute;right:0;top:0;width:3px}.outlook-email-item.selected.read{background-color:#f3b9451a}.outlook-email-item.unread .outlook-email-subject,.outlook-email-item.unread .outlook-sender-name{color:#333;font-weight:600}.outlook-email-item.read .outlook-email-subject,.outlook-email-item.read .outlook-sender-name{color:#666;font-weight:400}.outlook-email-item.read .outlook-email-preview{color:#888}.unread-indicator{background-color:#7780d9;border-radius:50%;height:8px;position:absolute;right:0;top:0;width:8px}.outlook-email-sender{position:relative}.outlook-email-item{border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s}.outlook-email-item.unread{background-color:#f0f7ff;font-weight:600}.outlook-email-sender{margin-right:12px}.sender-avatar{align-items:center;background-color:#1a1a2e;border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.sender-avatar.large{font-size:18px;height:48px;width:48px}.outlook-email-content{flex:1 1;min-width:0}.outlook-email-header{display:flex;justify-content:space-between;margin-bottom:4px}.outlook-sender-name{color:#2c3e50;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outlook-email-time{color:#7f8c8d;font-size:12px;white-space:nowrap}.outlook-email-subject{color:#2c3e50;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.importance-marker{color:#e74c3c;margin-right:5px}.outlook-email-preview{color:#7f8c8d;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outlook-detail-container{background-color:#fff;box-sizing:border-box;height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;width:100%}.no-email-selected{align-items:center;color:#7f8c8d;display:flex;font-size:16px;height:100%;justify-content:center}.email-detail-container{height:100%;overflow-x:hidden;position:relative;width:100%}.email-detail-body{-webkit-font-smoothing:antialiased;color:#2c3e50;line-height:1.6;max-height:calc(100vh - 300px);max-width:100%;overflow-x:hidden;overflow-y:auto;padding:20px;transform:translateZ(0);word-break:break-word}.email-content-wrapper{overflow:hidden;padding:5px;position:relative;text-align:left;transform:translateZ(0);width:100%}.email-detail-placeholder{background-color:#f8f9fa;border-radius:4px;color:#7f8c8d;font-style:italic;margin-top:20px;padding:20px;text-align:center}.no-emails-message{align-items:center;color:#7f8c8d;display:flex;font-size:16px;height:100%;justify-content:center}.email-html-content{word-wrap:break-word!important;zoom:1!important;-webkit-text-size-adjust:100%!important;background-color:#fff;border-radius:8px;color:#2c3e50!important;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.6!important;max-width:100%!important;overflow-wrap:break-word!important;overflow-x:hidden;padding:10px;text-align:left;transform:scale(1)!important;transform-origin:0 0!important;width:100%!important}.email-html-content *{zoom:1!important;animation:none!important;box-sizing:border-box!important;max-width:100%!important;transform:none!important;transition:none!important}.email-html-content div,.email-html-content h1,.email-html-content h2,.email-html-content h3,.email-html-content h4,.email-html-content h5,.email-html-content h6,.email-html-content p,.email-html-content span,.email-html-content td,.email-html-content th{zoom:1!important;font-size:14px!important;line-height:1.6!important;margin:.5em 0!important;max-width:100%!important;overflow:visible!important;transform:none!important}meta[name=viewport]{display:none!important}.load-more-container{border-top:1px solid #f0f2f5;padding:16px}.load-more-button{background-color:#1a1a2e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.load-more-button:hover{background-color:#f3b945;color:#1a1a2e}.load-more-button:disabled{background-color:#95a5a6;cursor:not-allowed}.email-forward-form,.email-reply-form{background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;margin-top:20px;padding:20px}.email-forward-form h3,.email-reply-form h3{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px}.forward-textarea,.reply-textarea{border:1px solid #d1d9e6;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:15px;min-height:150px;padding:12px;resize:vertical;width:100%}.forward-recipient input:focus,.forward-textarea:focus,.reply-textarea:focus{border-color:#7780d9;box-shadow:0 0 0 2px #7780d933;outline:none}.forward-recipient{align-items:center;display:flex;margin-bottom:15px}.forward-recipient label{color:#2c3e50;flex-shrink:0;font-weight:600;margin-right:10px}.forward-recipient input{border:1px solid #d1d9e6;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px}.forward-actions,.reply-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.send-button{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 15px;transition:all .2s ease}.cancel-button{background:#0000;border:1px solid #d1d9e6;color:#7f8c8d}.send-button{background-color:#48b896;border:none;color:#fff}.cancel-button:hover{background-color:#f5f7fa}.send-button:hover{background-color:#3da785}.cancel-button:disabled,.send-button:disabled{cursor:not-allowed;opacity:.6}.alternative-button{background-color:#7780d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 15px;transition:all .2s ease}.alternative-button:hover{background-color:#6670c7}.alternative-button:disabled{cursor:not-allowed;opacity:.6}.action-message{animation:fade-in .3s ease-out;border-radius:8px;bottom:30px;box-shadow:0 5px 15px #00000026;color:#fff;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:1000}.action-message.success{background-color:#48b896}.action-message.error{background-color:#e74c3c}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.outlook-main{bottom:0;display:block;height:auto;left:0;overflow-x:hidden;position:fixed;right:0;top:50px}.floating-folders{bottom:20px;padding:6px 12px;z-index:110}.folder-button{padding:6px 12px}.folder-icon{font-size:16px}.outlook-container{padding:10px}.email-detail-container{padding:15px}.email-html-content{overflow-x:hidden;width:100%}.email-html-content table{display:block;max-width:100%;overflow-x:auto;width:100%!important}.outlook-detail-container,.outlook-email-container{height:100%;overflow-y:auto;width:100%}.email-forward-form,.email-reply-form{padding:15px}.forward-textarea,.reply-textarea{min-height:120px}.forward-recipient{align-items:flex-start;flex-direction:column}.forward-recipient label{margin-bottom:5px;margin-right:0}.forward-recipient input{width:100%}.action-message{text-align:center;width:90%}}.app-footer{margin-top:auto;position:relative;z-index:99}.app-content{overflow:hidden!important}.email-detail-header{align-items:flex-start;border-bottom:1px solid #eaedf1;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;max-width:100%;overflow:hidden;padding:20px;position:relative}.email-detail-header:after{background:linear-gradient(90deg,#7780d9,#7780d933);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:100%}.email-header-content{box-sizing:border-box;flex:1 1;max-width:100%;min-width:0;text-align:left;width:100%}.email-sender-details{align-items:flex-start;display:flex;margin-bottom:16px;padding-left:0;text-align:left}.sender-info{display:flex;flex-direction:column;text-align:left}.sender-name{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.sender-email{color:#7f8c8d;display:block;font-size:13px}.email-detail-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;max-width:100%}.email-detail-actions button{align-items:center;background-color:#f8f9fa;border:1px solid #0000;border-radius:4px;color:#5a6268;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.email-detail-actions button:hover{background-color:#e9ecef;color:#2c3e50}.email-detail-actions button svg{stroke-width:2;height:16px;width:16px}.email-action-primary{background-color:#7780d9!important;color:#fff!important}.email-action-primary:hover{background-color:#6670c7!important;box-shadow:0 2px 5px #7780d94d}.compose-email-button{background-color:#48b896!important;color:#fff!important}.compose-email-button:hover{background-color:#3da785!important;box-shadow:0 2px 5px #48b8964d}.email-action-delete{color:#dc3545!important}.email-action-delete:hover{background-color:#fdf2f3!important;border-color:#f8d7da}.email-detail-action{background-color:#f8f9fa}@media (max-width:768px){.email-detail-header{box-sizing:border-box;flex-direction:column;gap:12px;padding:16px;width:100%}.email-sender-details{margin-bottom:12px}.email-detail-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:10px;overflow-x:visible;padding-bottom:4px;width:100%}.email-detail-actions button{font-size:12px;min-width:auto;padding:6px 10px;white-space:normal}@media (max-width:400px){.email-detail-actions button{font-size:11px;padding:5px 8px}.email-detail-actions button svg{height:14px;width:14px}}}@media (min-width:992px){.email-detail-header{padding:20px 30px}.email-detail-body{padding:0 30px 30px}.email-detail-header h2{font-size:24px;margin-bottom:16px}.email-sender-details{margin-bottom:18px}.sender-avatar{font-size:16px;height:42px;width:42px}}.outlook-page-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.delete-confirmation-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirmation-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:450px;overflow:hidden;width:90%}.delete-confirmation-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaedf1;display:flex;gap:12px;padding:20px}.delete-confirmation-header svg{color:#e74c3c}.delete-confirmation-header h3{color:#2c3e50;font-size:18px;font-weight:500;margin:0}.delete-confirmation-content{padding:20px}.delete-confirmation-content p{color:#2c3e50;font-size:16px;line-height:1.5;margin:0 0 15px}.delete-email-info{background-color:#f8f9fa;border-left:3px solid #7f8c8d;border-radius:4px;display:flex;flex-direction:column;gap:5px;margin:15px 0;padding:12px 15px}.delete-email-subject{color:#2c3e50;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-email-from{color:#7f8c8d;font-size:13px}.delete-warning{color:#e74c3c!important;font-size:14px!important;font-style:italic}.delete-confirmation-actions{border-top:1px solid #eaedf1;display:flex;gap:12px;justify-content:flex-end;padding:15px 20px}.cancel-delete-button{background:#0000;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.cancel-delete-button:hover{background-color:#f7fafc;border-color:#a0aec0}.confirm-delete-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.confirm-delete-button:hover{background-color:#c0392b;box-shadow:0 2px 5px #e74c3c4d;transform:translateY(-1px)}.confirm-delete-button:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:576px){.delete-confirmation-modal{width:95%}.delete-confirmation-content,.delete-confirmation-header{padding:15px}.delete-confirmation-actions{padding:12px 15px}}.outlook-controls,.outlook-header{align-items:center;display:flex}.outlook-header{background-color:#fff;border-bottom:1px solid #eaedf1;flex-wrap:wrap;justify-content:space-between;padding:15px 20px}.outlook-folder-tabs{display:flex;gap:10px;margin-right:16px}.folder-tab{align-items:center;background:#0000;border:1px solid #eaedf1;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.folder-tab:hover{background-color:#f8f9fa;color:#333}.folder-tab.active{background-color:#7780d9;border-color:#7780d9;color:#fff}.folder-tab.active svg{stroke:#fff}.folder-tab svg{height:16px;transition:all .2s ease;width:16px}.outlook-refresh-button{align-items:center;background:#0000;border:1px solid #eaedf1;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.outlook-refresh-button:hover{background-color:#f8f9fa;color:#333}.outlook-refresh-button:disabled{cursor:not-allowed;opacity:.6}.outlook-refresh-button svg{height:16px;width:16px}.outlook-refresh-button .rotating{animation:rotate 1s linear infinite}.refresh-text{font-size:12px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.outlook-header{align-items:flex-start;flex-direction:column;gap:15px;padding:15px}.outlook-header h1{font-size:20px;margin:0}.outlook-controls{justify-content:space-between;width:100%}.outlook-folder-tabs{margin-right:0}.folder-tab{flex:1 1;font-size:13px;justify-content:center;padding:8px 10px}.outlook-refresh-button{padding:8px}.refresh-text{display:none}}.checklist-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.checklist-container{background-color:#f8f9fa;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:100%;min-height:calc(100vh - 140px);overflow:visible;padding:90px 30px 30px;width:100%}.checklist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1800px;width:100%}.checklist-header h1{color:#333;font-size:24px;margin:0}.back-button{background-color:#e4886e;border:none;border-radius:4px;color:#fff;padding:8px 16px;transition:all .2s}.checklist-filters{border-bottom:1px solid #eee;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1800px;padding-bottom:10px}.filter-button{background:none;border-radius:4px;color:#555;margin-right:8px;padding:8px 16px;transition:all .2s}.filter-button:hover{background-color:#f0f0f0}.filter-button.active{background-color:#e4886e}.checklist-items-container{background:#0000;margin-left:auto;margin-right:auto;max-width:1800px;overflow:visible;padding:10px;width:100%}.checklist-items-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0;width:100%}.checklist-item{align-items:center;animation:fadeIn .3s ease-out forwards;background-color:#ffefef;border:none;border-left:4px solid #e57373;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;margin:4px;overflow:visible;padding:20px;position:relative;transition:all .2s ease;width:calc(100% - 8px)}.checklist-item.completed{background-color:#e8f5e9;border-left:4px solid #81c784}.checklist-item:last-child{border-bottom:none}.checklist-item:hover{background-color:#fff;box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.checklist-item.completed:hover{background-color:#f1f8f2}.checklist-item.completed .checklist-text{color:#4caf50;text-decoration:line-through}.checklist-item:not(.completed) .checklist-text{color:#e53935;font-weight:500}.checklist-label{align-items:center;cursor:pointer;display:flex;flex-grow:1}.checklist-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffcdd2;border:none;border-radius:12px;box-shadow:inset 0 0 4px #0000001a;cursor:pointer;flex-shrink:0;height:24px;margin-right:15px;position:relative;transition:all .3s ease;width:44px}.checklist-checkbox:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:20px}.checklist-checkbox:checked{background-color:#4caf50;box-shadow:inset 0 0 4px #0000001a}.checklist-checkbox:checked:before{box-shadow:0 1px 4px #0003;transform:translateX(20px)}.checklist-checkbox:hover:before{box-shadow:0 2px 5px #00000040}.checklist-checkbox:focus{box-shadow:inset 0 0 4px #0000001a,0 0 0 2px #e4886e33;outline:none}.checklist-checkbox:checked:after{display:none}@keyframes toggleOn{0%{transform:translateX(0)}50%{transform:translateX(22px)}to{transform:translateX(20px)}}@keyframes toggleOff{0%{transform:translateX(20px)}50%{transform:translateX(0)}to{transform:translateX(0)}}.checklist-checkbox:checked:before{animation:toggleOn .3s cubic-bezier(.175,.885,.32,1.275)}.checklist-checkbox:not(:checked):before{animation:toggleOff .3s cubic-bezier(.175,.885,.32,1.275)}.checklist-text{color:#333;flex-grow:1;font-size:16px;transition:all .2s}.checklist-date{color:#999;flex-shrink:0;font-size:14px;margin-left:20px}.checklist-item:before{bottom:0;content:"";left:0;position:absolute;top:0;transition:all .2s;width:4px}.checklist-item[data-priority="1"]:before{background-color:#e74c3c}.checklist-item[data-priority="2"]:before{background-color:#f39c12}.checklist-item[data-priority="3"]:before{background-color:#3498db}.priority-badge{border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;margin-left:15px;padding:3px 10px;text-transform:uppercase}.priority-high{background-color:#e74c3c}.priority-medium{background-color:#f39c12}.priority-low{background-color:#3498db}.empty-state{color:#999;font-style:italic;padding:40px 0}@media (max-width:576px){.checklist-container{padding:70px 15px 15px}.checklist-header{align-items:flex-start;flex-direction:column}.checklist-header h1{margin-bottom:15px}.checklist-filters{overflow-x:auto;padding-bottom:5px;width:100%}.filter-button{white-space:nowrap}.checklist-items-container{padding:5px}.checklist-item{align-items:flex-start;flex-direction:column;margin:3px;padding:15px;width:calc(100% - 6px)}.checklist-date{margin-left:35px;margin-top:8px}}.checklist-page-wrapper{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.checklist-page-container{flex:1 1;margin:0 auto;max-width:1000px;padding:40px 0 80px;width:90%}.checklist-page-header{margin-bottom:32px}.checklist-page-container h1{color:#1c2434;font-size:28px;font-weight:700;margin-bottom:12px;position:relative}.checklist-page-container h1:after{background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.checklist-stats{display:flex;gap:15px;margin:25px 0}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000a;display:flex;flex:1 1;flex-direction:column;padding:16px}.stat-value{font-size:28px;font-weight:700;margin-bottom:8px}.stat-label{color:#64748b;font-size:14px}.stat-total{color:#1c2434}.stat-active{color:#3498db}.stat-completed{color:#2ecc71}.checklist-controls{grid-gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000a;display:grid;gap:16px;grid-template-columns:1fr 1fr auto;margin-bottom:24px;padding:4px}.checklist-filters-container{grid-column:1/-1;overflow:hidden}.checklist-filters{border:none;display:flex;width:100%}.filter-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:16px 10px;position:relative;transition:all .3s ease}.filter-button.active{border-color:#3498db;color:#fff}.filter-button:hover:not(.active){background-color:#f1f5f9;color:#334155}.checklist-search{grid-column:1/3;position:relative}.search-input{background:#f1f5f9;border:none;color:#334155;font-size:15px;padding:16px 16px 16px 46px;transition:all .3s ease}.search-input:focus{background-color:#e2e8f0}.search-icon{color:#94a3b8;font-size:18px;left:16px}.sort-dropdown{background:#f1f5f9;border:none;border-radius:8px;color:#334155;cursor:pointer;font-size:15px;min-width:180px;padding:16px}.sort-dropdown:focus{background-color:#e2e8f0;outline:none}.checklists-list-container{background-color:initial}.checklists-list{list-style-type:none;margin:0;padding:0}.checklist-card{background:#fff;border-left:5px solid #0000;border-radius:12px;box-shadow:0 2px 10px #0000000a;cursor:pointer;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.checklist-card:last-child{margin-bottom:0}.checklist-card:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.checklist-card.priority-high{border-left-color:#e74c3c}.checklist-card.priority-medium{border-left-color:#f39c12}.checklist-card.priority-low{border-left-color:#3498db}.checklist-card.fully-completed{border-left-color:#2ecc71}.checklist-card-content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-areas:"status header actions" "status progress actions" "status preview actions";grid-template-columns:auto 1fr auto;padding:20px}.checklist-status-icon{align-items:center;color:#94a3b8;display:flex;font-size:24px;grid-area:status;justify-content:center}.checklist-status-icon .completed{color:#2ecc71}.checklist-card-header{grid-area:header}.checklist-card-title{color:#334155;font-size:18px;font-weight:600;margin:0 0 5px}.checklist-card-meta{color:#64748b;display:flex;font-size:14px;gap:16px}.checklist-card-progress{grid-area:progress}.checklist-progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.checklist-progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.priority-high .checklist-progress-fill:not(.fully-completed){background-color:#e74c3c}.priority-medium .checklist-progress-fill:not(.fully-completed){background-color:#f39c12}.priority-low .checklist-progress-fill:not(.fully-completed){background-color:#3498db}.fully-completed .checklist-progress-fill{background-color:#2ecc71}.checklist-progress-text{color:#64748b;display:flex;font-size:14px;justify-content:space-between}.checklist-preview{grid-area:preview}.checklist-item-preview{border-top:1px solid #f1f5f9;list-style:none;margin:10px 0 0;padding:10px 0 0}.item-preview{align-items:center;color:#334155;display:flex;font-size:14px;gap:10px;padding:8px 0}.item-preview-indicator{color:#cbd5e1;font-size:20px;line-height:1}.item-preview.completed{color:#94a3b8;text-decoration:line-through}.item-preview.completed .item-preview-indicator{color:#2ecc71}.checklist-actions{grid-area:actions}.checklist-more-button{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.checklist-more-button:hover{background-color:#f1f5f9;color:#334155}.empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{color:#cbd5e1;font-size:48px;margin-bottom:20px}.empty-state p{color:#64748b;font-size:16px;margin-bottom:24px}.create-checklist-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease}.create-checklist-button:hover{background:#2980b9}.loading-container{padding:60px 20px;text-align:center}.loading-text{color:#64748b;font-size:16px;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checklist-card{animation:fadeIn .3s ease forwards;opacity:0}.checklist-card:first-child{animation-delay:.05s}.checklist-card:nth-child(2){animation-delay:.1s}.checklist-card:nth-child(3){animation-delay:.15s}.checklist-card:nth-child(4){animation-delay:.2s}.checklist-card:nth-child(5){animation-delay:.25s}.checklist-card:nth-child(6){animation-delay:.3s}.checklist-card:nth-child(7){animation-delay:.35s}.checklist-card:nth-child(8){animation-delay:.4s}@media (max-width:768px){.checklist-page-container{padding:30px 0 60px;width:95%}.checklist-stats{flex-wrap:wrap}.checklist-controls{grid-template-columns:1fr}.checklist-search{grid-column:1}.sort-dropdown{grid-column:1;min-width:0;min-width:auto}.checklist-card-content{gap:10px;grid-template-areas:"status header" "status meta" "progress progress" "preview preview";grid-template-columns:auto 1fr}.checklist-status-icon{align-self:flex-start;padding-top:5px}}@media (max-width:576px){.checklist-page-container h1{font-size:24px}.stat-card{flex:1 0 100%}.checklist-card-meta{flex-direction:column;gap:5px}}.reports-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.reports-container{background-color:#f8f9fa;box-sizing:border-box;flex:1 1;margin:0;max-width:100%;min-height:calc(100vh - 60px);padding:30px;width:100%}.reports-header{align-items:center;display:flex;margin-bottom:30px;position:relative}.reports-header h1{color:#333;font-size:24px;font-weight:500;margin:0 auto}.back-button{background-color:initial;border:1px solid #d67761;border-radius:20px;color:#d67761;cursor:pointer;font-size:.85rem;font-weight:500;left:0;padding:6px 16px;position:absolute;transition:all .3s ease}.back-button:hover{background-color:#d67761;color:#fff;transform:translateY(-2px)}.reports-filters{align-items:center;display:flex;gap:12px;margin-bottom:24px}.reports-filters span{color:#555;font-size:14px;font-weight:500}.filter-btn{background-color:initial;border:1px solid #ddd;color:#666;font-size:13px;padding:6px 16px}.filter-btn:hover{background-color:#f9f9f9}.filter-btn.active{background-color:#e4886e;border-color:#e4886e}.reports-table-view{display:block}.reports-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 12px #8891e926;margin-bottom:30px;overflow:hidden;width:100%}.reports-table thead{background-color:#f8f9fa;border-bottom:2px solid #eaedf1}.reports-table th{color:#5a5a6e;font-size:14px;font-weight:600;padding:14px 20px;text-align:center}.reports-table tbody tr{border-bottom:1px solid #eaedf1;transition:background-color .2s ease}.reports-table tbody tr:last-child{border-bottom:none}.reports-table tbody tr:hover{background-color:#282c500f}.reports-table tbody tr.pending{background-color:#fff8e133}.reports-table tbody tr.pending:hover{background-color:#ffd5914d}.reports-table td{color:#333;font-size:14px;padding:16px 20px}@media (min-width:992px){.reports-card-view{display:none}.reports-table-view.hidden+.reports-card-view{display:block}.reports-card-view .report-card{box-shadow:0 6px 16px #8891e926;margin:16px 0;transition:all .3s ease}.reports-card-view .report-card:hover{background-color:#282c5008;box-shadow:0 12px 24px #8891e940;transform:translateY(-5px)}.reports-table tbody tr{border:1px solid #00000008;border-radius:4px;box-shadow:0 2px 6px #0000000d;margin-bottom:8px}.reports-table{border-collapse:initial;border-spacing:0 12px;padding:0 4px}.reports-table tbody tr:hover{background-color:#282c500f;box-shadow:0 4px 12px #8891e926}.reports-table td:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.reports-table td:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.status-badge{align-items:center;display:inline-flex;justify-content:center;margin:0 4px;min-width:80px}.view-report-btn{box-shadow:0 2px 4px #0000001a;padding:8px 16px;transition:all .2s ease}.view-report-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}}.reports-card-view{display:none}.report-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #8891e926;margin-bottom:16px;padding:16px;position:relative;transition:all .3s ease}.report-card:hover{background-color:#282c5008;box-shadow:0 6px 16px #8891e940;transform:translateY(-3px)}.report-card.pending{background-color:#fff8e166;border-left:4px solid #ff9800}.report-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.report-card-title{color:#333;font-size:18px;font-weight:600;margin-right:40px}.report-card-date{color:#777;font-size:14px;white-space:nowrap}.report-card-content{margin-bottom:16px}.report-card-user{color:#555;font-size:14px;margin-bottom:8px}.report-card-status{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-bottom:10px;padding:4px 12px}.report-card-status.completed{background-color:#4caf50}.report-card-status.pending{background-color:#ff9800}.report-card-footer{display:flex;justify-content:flex-end}.report-card-button{background-color:#7780d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.report-card-button:hover{background-color:#6972c3}.report-card-button.pending{background-color:#ff9800}.report-card-button.pending:hover{background-color:#f57c00}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.completed{background-color:#4caf50}.status-badge.pending{background-color:#ff9800}.view-report-btn{background-color:#7780d9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.view-report-btn:hover{background-color:#6972c3}.view-report-btn.pending{background-color:#ff9800}.view-report-btn.pending:hover{background-color:#f57c00}.load-more-container{display:flex;justify-content:center;margin:30px 0}.load-more-btn{align-items:center;background-color:#48b896;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:180px;padding:10px 24px;transition:all .2s ease}.load-more-btn:hover{background-color:#3da785}.load-more-btn:disabled{cursor:wait;opacity:.7}.empty-reports-message{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #8891e926;color:#7f8c8d;padding:50px;text-align:center}.pending-report-message{padding:30px 0;text-align:center}.pending-icon{font-size:40px;margin-bottom:20px}.pending-report-message p{color:#555;margin:8px 0}.complete-report-btn{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:30px;padding:10px 24px;transition:all .2s ease}.complete-report-btn:hover{background-color:#f57c00;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.report-modal{max-width:600px;width:90%}.report-info{border-bottom:1px solid #f0f2f5;margin-bottom:20px;padding-bottom:20px}.report-info p{margin:10px 0}.report-status{background-color:#4caf50;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.report-questions h4{color:#444;font-size:16px;margin-bottom:15px}.report-question-item{border-bottom:1px solid #f0f2f5;margin-bottom:20px;padding-bottom:20px;transition:background-color .2s ease}.report-question-item:last-child{border-bottom:none;margin-bottom:0}.report-question-item:hover{background-color:#282c5008}.report-question{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;margin-bottom:10px}.report-question:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:16px;margin-right:8px;width:16px}.report-question:first-of-type:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%234CAF50' d='M9 21h6v-2H9v2zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1-.85.6V16h-4v-2.3l-.85-.6A4.997 4.997 0 0 1 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z'/%3E%3C/svg%3E")}.report-question:nth-of-type(2):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%23FF9800' d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E")}.report-question:nth-of-type(3):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%23F44336' d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")}.report-question:nth-of-type(4):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%233F51B5' d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3E%3C/svg%3E")}.report-question:nth-of-type(5):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%23607D8B' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E")}.report-answer{background-color:#f8f9fab3;border-left:3px solid #e4e7ec;border-radius:6px;color:#555;font-size:14px;line-height:1.5;margin-left:24px;padding:8px 12px}.report-question-item:first-of-type .report-answer{border-left-color:#4caf50}.report-question-item:nth-of-type(2) .report-answer{border-left-color:#ff9800}.report-question-item:nth-of-type(3) .report-answer{border-left-color:#f44336}.report-question-item:nth-of-type(4) .report-answer{border-left-color:#3f51b5}.report-question-item:nth-of-type(5) .report-answer{border-left-color:#607d8b}.report-answer:contains("issues"){background-color:#fff8e180}.report-answer:contains("maintenance"){background-color:#e8f5e980}.report-actions{margin-top:30px}@media (max-width:992px){.reports-container{padding:20px}.reports-table td,.reports-table th{padding:12px 15px}}@media (max-width:768px){.reports-header{align-items:flex-start;flex-direction:column;margin-bottom:20px}.reports-header h1{margin:15px 0;text-align:center;width:100%}.back-button{margin-bottom:15px;position:static}.reports-table-view{display:none}.reports-card-view{display:block}.reports-filters{justify-content:flex-start;margin-bottom:20px;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.filter-btn{font-size:12px;padding:6px 12px}}@media (max-width:576px){.reports-container{padding:15px}.report-modal{max-width:none;width:95%}.report-card{padding:14px}.report-card-title{font-size:16px;margin-right:20px}.report-card-date{font-size:12px}.report-info p{font-size:14px;margin:8px 0}.report-question{font-size:14px}.report-answer{font-size:13px}.reports-filters{gap:8px}.filter-btn{padding:4px 10px}}.calendar-page-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.calendar-page-container{background-color:#f8f9fa;box-sizing:border-box;flex:1 1;margin:0;max-width:100%;min-height:calc(100vh - 120px);overflow-x:hidden;padding:30px;width:100%}.calendar-page-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;position:relative}.calendar-page-header h1{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.year-controls{gap:12px}.year-controls,.year-nav-btn{align-items:center;display:flex}.year-nav-btn{background:#0000;background-color:#f8f9fa;border:none;border-radius:50%;box-shadow:0 1px 3px #00000014;color:#666;cursor:pointer;font-size:18px;height:30px;justify-content:center;margin:0 5px;overflow:hidden;padding:4px 8px;position:relative;transition:all .2s;width:30px}.year-nav-btn:hover{background-color:#fff;box-shadow:0 2px 5px #0000001f;color:#e4886e;transform:translateY(-1px)}.year-display{color:#333;font-size:18px;font-weight:600;padding:0 10px}.year-calendar-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:100%;width:100%}.month-calendar{background-color:#fff;border-radius:12px;box-shadow:0 3px 10px #8891e926;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:16px;width:100%}.month-header{border-bottom:1px solid #f0f2f5;margin-bottom:15px;padding-bottom:10px;text-align:center}.month-header h2{color:#2c3e50;font-size:18px;margin:0}.month-header h3{color:#333;font-size:16px;font-weight:600;margin:0;text-align:center}.cal-weekdays{background-color:#f8f9fa;border-bottom:1px solid #eee;color:#666;display:grid;font-size:12px;font-weight:600;grid-template-columns:repeat(7,1fr);padding:8px 0}.cal-weekdays div{text-align:center}.cal-days{grid-gap:2px;background-color:#f6f6f6;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.cal-day,.cal-days{min-width:0;padding:4px;width:100%}.cal-day{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;min-height:60px;overflow:hidden;position:relative;transition:all .2s ease}.cal-day.empty{background-color:#f9f9f9;box-shadow:none}.cal-day.today{background-color:#ddedff66;box-shadow:inset 0 0 0 2px #8891e9}.cal-day:hover:not(.empty){box-shadow:0 3px 5px #8891e933;transform:translateY(-2px)}.cal-day .day-number{color:#666;font-size:12px;font-weight:500;position:absolute;right:4px;top:4px;z-index:10}.cal-day.today .day-number{color:#8891e9;font-weight:700}.cal-day .shift-info{border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:10px;height:calc(100% - 24px);margin-top:22px;max-width:100%;min-width:0;overflow:hidden;padding:4px;position:relative;text-shadow:0 0 2px #0003;transition:all .2s ease;width:100%;z-index:1}.cal-day .shift-info:hover{box-shadow:0 3px 6px #0003;transform:translateY(-1px)}.cal-day .shift-info.free-day{opacity:.7}.cal-day .shift-title{font-size:9px;font-weight:500}.cal-day .shift-time,.cal-day .shift-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-day .shift-time{font-size:8px;opacity:.9}.cal-day.holiday{position:relative}.cal-day.holiday:before{border:1px dashed #e4886eb3;border-radius:4px;box-sizing:border-box;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.calendar-legend{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px;padding:12px}.legend-item{align-items:center;display:flex;gap:6px}.legend-color{border-radius:4px;height:16px;width:16px}.legend-label{color:#555;font-size:13px}.holiday-indicator{background-color:initial!important;border:1px dashed #e4886ee6}.shift-statistics{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.shift-statistics h3{color:#444;font-size:18px;margin:0 0 20px;text-align:center}.statistics-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.statistic-item{align-items:center;background-color:#f8f9fab3;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:150px;padding:15px;transition:all .2s ease}.statistic-item:hover{background-color:#f8f9fa;box-shadow:0 3px 10px #0000000d;transform:translateY(-2px)}.statistic-color{border-radius:4px;height:20px;margin-bottom:8px;width:20px}.statistic-label{color:#555;font-size:14px;margin-bottom:10px}.statistic-count{color:#333;font-size:22px;font-weight:600}.statistic-percentage{color:#777;font-size:14px;margin-top:5px}.calendar-loading{align-items:center;display:flex;height:400px;justify-content:center}.shift-edit-modal{max-width:400px}.form-group{margin-bottom:20px}.form-group label{color:#444;display:block;font-weight:500;margin-bottom:8px}.shift-date{color:#555;font-size:16px;padding:8px 0}.shift-type-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px 12px;width:100%}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-save{background-color:#48b896;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.btn-save:hover{background-color:#3da785}@media (max-width:1200px){.year-calendar-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cal-day{min-height:50px}.calendar-months-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.calendar-stats-box{min-width:130px}}@media (max-width:992px){.year-calendar-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cal-weekdays div{font-size:11px}.cal-day .day-number{font-size:10px}.cal-day .shift-title{font-size:8px}.calendar-months-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.calendar-stats-container{gap:10px}.calendar-stats-box{min-width:100px;padding:10px 14px}.stats-number{font-size:18px}}@media (min-width:1600px){.year-calendar-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.calendar-page-wrapper{display:none}.calendar-months-grid{grid-template-columns:1fr}.calendar-stats-container{flex-wrap:nowrap;justify-content:flex-start;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.calendar-stats-box{flex-shrink:0;min-width:110px}}.calendar-stats-container{max-width:100%}.calendar-stats-box{flex:0 0 auto;min-width:130px}.stats-number{font-size:24px}.stats-label{font-size:13px}@media (max-width:1400px){.calendar-stats-box{min-width:110px;padding:12px 16px}.stats-number{font-size:20px}.stats-label{font-size:12px}}@media (max-width:992px){.calendar-stats-container{gap:10px}.calendar-stats-box{min-width:100px;padding:10px 14px}.stats-number{font-size:18px}}@media (max-width:768px){.calendar-stats-container{flex-wrap:nowrap;justify-content:flex-start;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.calendar-stats-box{flex-shrink:0;min-width:110px}}.calendar-page{background-color:#f8f9fa;min-height:100vh;padding:30px}.calendar-header-section{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.calendar-page-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.calendar-stats-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1200px}.calendar-stats-box{border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:150px;padding:15px 20px;transition:transform .2s ease,box-shadow .2s ease}.calendar-stats-box:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}.stats-number{font-size:28px;font-weight:700;margin-bottom:5px}.stats-label{font-size:14px;font-weight:500;opacity:.9}.calendar-months-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);max-width:100%;width:100%}.calendar-month-card{background:#fff;border-radius:12px;box-shadow:0 6px 16px #8891e926;padding:20px;transition:transform .3s ease-out,box-shadow .3s ease-in-out}.calendar-month-card:hover{box-shadow:0 8px 24px #8891e94d;transform:translateY(-5px)}.cr-requests-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.cr-requests-container{box-sizing:border-box;flex:1 1;margin:45px auto 30px;max-width:1200px;padding:0 30px;width:100%}.cr-requests-header{margin-bottom:5px;text-align:left}.cr-requests-header h1{color:#2c3e50;font-size:32px;font-weight:600;margin-bottom:8px}.cr-requests-subheader{color:#7f8c8d;font-size:16px;max-width:600px}.cr-loading-container{align-items:center;display:flex;justify-content:center;min-height:300px}.cr-requests-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:5px}.cr-requests-list{display:flex;flex-direction:column;gap:20px}.cr-request-card{background:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:100%;padding:24px;transition:all .3s ease}.cr-request-card:hover{box-shadow:0 8px 20px #8891e933;transform:translateY(-5px)}.cr-request-header{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.cr-request-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.cr-request-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.cr-status-pending-approval{background-color:#f39c12;color:#fff}.cr-status-approved{background-color:#2ecc71;color:#fff}.cr-status-denied{background-color:#e74c3c;color:#fff}.cr-request-details{display:flex;flex-direction:column;gap:24px}.cr-shift-change-info{display:flex;flex-direction:column;gap:16px}.cr-original-shift,.cr-requested-shift{background-color:#f8f9fa;border-radius:8px;flex:1 1;padding:16px;transition:all .2s ease}.cr-original-shift:hover,.cr-requested-shift:hover{background-color:#f1f3f5}.cr-original-shift h4,.cr-requested-shift h4{color:#7f8c8d;font-size:14px;font-weight:600;margin:0 0 12px}.cr-shift-badge{border-radius:6px;color:#fff;display:inline-block;font-size:15px;font-weight:600;margin-bottom:8px;padding:6px 12px}.cr-shift-time{color:#7f8c8d;font-size:13px}.cr-shift-arrow{align-items:center;color:#bdc3c7;display:flex;justify-content:center;margin:5px 0;transform:rotate(90deg)}.cr-request-meta{align-items:center;border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;margin-top:10px;padding-top:15px}.cr-request-date{color:#7f8c8d;font-size:14px}.cr-request-date span{color:#5e6c84;font-weight:600}.cr-cancel-request-btn{background-color:initial;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.cr-cancel-request-btn:hover{background-color:#e74c3c;color:#fff}.cr-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.cr-empty-illustration{color:#8891e9;margin-bottom:20px;opacity:.7}.cr-empty-state h2{color:#2c3e50;font-size:24px;margin-bottom:16px}.cr-empty-state p{color:#7f8c8d;font-size:16px;line-height:1.6;margin-bottom:24px;max-width:500px}.cr-primary-button{background-color:#8891e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:all .3s ease}.cr-primary-button:hover{background-color:#7780d9;box-shadow:0 4px 10px #8891e94d;transform:translateY(-2px)}.cr-confirm-dialog{max-width:400px}.cr-confirm-warning{color:#e74c3c;font-weight:500}.cr-confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cr-btn-confirm{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.cr-btn-confirm:hover{background-color:#c0392b}.cr-notification{animation:cr-slideIn .3s ease,cr-fadeOut .3s ease 2.7s;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;font-weight:500;padding:12px 20px;position:fixed;right:20px;z-index:1000}.cr-notification.success{background-color:#2ecc71}.cr-notification.error{background-color:#e74c3c}@keyframes cr-slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes cr-fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.cr-shift-change-info{flex-direction:column;gap:16px}.cr-shift-arrow{margin:8px 0;transform:rotate(90deg)}.cr-request-meta{align-items:center;flex-direction:column;gap:16px}.cr-request-date,.cr-request-meta{text-align:center}.cr-cancel-request-btn{margin-top:8px;max-width:200px;padding:10px 16px;width:100%}}@media (max-width:576px){.cr-requests-container{margin-top:40px;padding:0 15px}.cr-requests-header h1{font-size:24px}}@media (min-width:768px){.cr-shift-change-info{align-items:center;flex-direction:row;gap:20px}.cr-shift-arrow{transform:rotate(0deg)}}@media (max-width:480px){.cr-requests-grid{grid-template-columns:1fr}.shift-requests-container{padding:15px 10px}.shift-requests-row{padding:12px 15px}.request-col{padding:2px 5px}.date-col{font-size:14px}}.shift-type-badge{background-color:#e4886e}.swap-shift{background-color:#7780d9}.vacation-shift-badge{background-color:#e4886e}.status-pending,.status-pending-approval{background-color:#f39c12;color:#fff}.status-pending-coworker-approval{background-color:#9b59b6;color:#fff}.status-pending-admin-approval{background-color:#3498db;color:#fff}.status-approved{background-color:#2ecc71;color:#fff}.status-denied{background-color:#e74c3c;color:#fff}.audit-time{color:#777;font-size:.85em;font-style:italic}.shift-requests-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.shift-requests-container{flex:1 1;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px;width:100%}.shift-requests-header{margin-bottom:30px;text-align:left}.shift-requests-header h1{color:#2c3e50;font-size:28px;font-weight:500;margin:0}.loading-container{height:300px}.shift-requests-list-container{background:#fff;border:1px solid #eaecf3;border-radius:8px;box-shadow:0 3px 10px #8891e91a;overflow:hidden;padding:0}.shift-requests-list{display:flex;flex-direction:column;padding:0}.shift-requests-table-header{background-color:#eef1f8;border-bottom:2px solid #d0d4e4;border-radius:8px 8px 0 0;color:#2c3e50;display:flex;font-weight:600;padding:15px 20px;position:sticky;top:0;z-index:1}.shift-requests-table-body{display:flex;flex-direction:column;gap:0;padding:0}.shift-requests-row{align-items:center;background:#fff;border-bottom:1px solid #f0f2f5;border-radius:0;cursor:pointer;display:flex;flex-direction:row;padding:12px 20px;transition:all .2s ease}.shift-requests-row:nth-child(2n){background-color:#f9fafc}.shift-requests-row:hover{background-color:#f8f9fc;border-color:#dae0ff;box-shadow:0 1px 4px #8891e91f}.shift-requests-row:last-child{border-bottom:none;border-radius:0 0 8px 8px;margin-bottom:0}.request-col{align-items:center;display:flex;overflow:hidden;padding:0 10px;text-overflow:ellipsis}.date-col{color:#2c3e50;font-size:15px;font-weight:600}.date-col,.type-col{flex-shrink:0;width:18%}.details-col{color:#666;flex-grow:1;font-size:14px;width:32%}.date-requested-col,.status-col{flex-shrink:0;width:15%}.date-requested-col{color:#95a5a6;font-size:12px;text-align:right}.request-type{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;max-width:140px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.request-type-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;margin-right:6px;width:6px}.request-type-swap{background-color:#7780d926;color:#5f68c3}.request-type-vacation{background-color:#48b89626;color:#38a27f}.request-type-day-off{background-color:#e4886e26;color:#d1654a}.request-type-time-off{background-color:#8a68bb26;color:#724f9c}.request-type-offer{background-color:#f39c1226;color:#d48a09}.request-type-shift-change{background-color:#3498db26;color:#2980b9}.request-status{border-radius:4px;box-shadow:0 1px 2px #0000000d;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;min-width:70px;padding:3px 8px;text-align:center;text-transform:uppercase}.status-pending-approval{background-color:#f39c1233;border:1px solid #f39c1266;color:#d48309}.status-approved{background-color:#2ecc7133;border:1px solid #2ecc7166;color:#27ae60}.status-denied{background-color:#e74c3c33;border:1px solid #e74c3c66;color:#c0392b}.status-pending-coworker-approval{background-color:#9b59b633;border:1px solid #9b59b666;color:#8e44ad}.status-pending-admin-approval{background-color:#3498db33;border:1px solid #3498db66;color:#2980b9}.status-pending{background-color:#f39c1233;border:1px solid #f39c1266;color:#d48309}.status-cancelled{background-color:#95a5a633;border:1px solid #95a5a666;color:#7f8c8d}.empty-requests-message{background-color:#f8f9fc;border:1px solid #eaecf3;border-radius:8px;color:#6c757d;padding:40px 20px;text-align:center}.empty-message-content{font-size:15px;margin:0 auto;max-width:400px}@media (max-width:768px){.shift-requests-container{padding:20px 15px}.shift-requests-table-header{display:none}.shift-requests-row{flex-direction:column;padding:15px}.request-col{justify-content:flex-start;margin-bottom:8px;padding:3px 0;width:100%!important}.date-requested-col{text-align:left}.date-col{font-size:16px;margin-bottom:10px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.modal-container{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#333;font-size:20px;font-weight:500;margin:0}.modal-close{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:24px;line-height:1;padding:0}.modal-close:hover{color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.request-info{border-bottom:1px solid #f0f2f5;margin-bottom:20px;padding-bottom:15px}.request-details-container{background-color:#fafbfd;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.form-actions.request-actions{border-top:1px solid #f0f2f5;display:flex;justify-content:flex-end;padding-top:15px}.btn-cancel{background:#0000;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:8px 16px}.btn-cancel:hover{background-color:#f5f5f5}.btn-danger{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-left:12px;padding:8px 16px;transition:all .2s ease}.btn-danger:hover{background-color:#c0392b;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.day-off-container{align-items:center;display:flex;flex-direction:column;padding:15px 20px;text-align:center}.day-off-date{color:#2c3e50;font-size:18px;font-weight:500;margin-bottom:16px}.day-off-badge{border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;margin-bottom:20px;max-width:300px;padding:15px 24px;width:100%}.day-off-badge,.day-off-shift-info{align-items:center;display:flex;flex-direction:column}.day-off-shift-info{gap:5px}.day-off-shift-title{font-size:18px;font-weight:600}.day-off-shift-time{font-size:14px;opacity:.9}.day-off-message{background-color:#f0f0f080;border-radius:8px;margin-top:10px;max-width:300px;padding:16px;width:100%}.day-off-message h5{color:#666;font-size:14px;margin:0 0 10px;text-align:left}.day-off-message p{color:#444;font-style:italic;margin:0;text-align:left}.time-off-details{margin:20px 0}.time-off-display{margin-top:15px}.time-off-badge,.time-off-display{display:flex;justify-content:center}.time-off-badge{align-items:center;border-radius:8px;box-shadow:0 3px 8px #0000001a;color:#fff;flex-direction:column;max-width:350px;padding:16px 20px;text-align:center;width:90%}.time-off-date{font-size:16px;font-weight:500;margin-bottom:8px}.time-off-hours{font-size:18px;margin:10px 0}.time-off-shift{font-size:14px;opacity:.9}.request-reason{background-color:#f0f0f080;border-radius:8px;margin-top:20px;padding:16px}.request-reason h5{color:#666;font-size:14px;margin:0 0 10px}.request-reason-content{color:#555;font-style:italic;white-space:pre-line}.request-type-time-off .request-type-indicator{background-color:#3498db}.chatspace-container{margin:0 auto;max-width:1100px;min-height:calc(100vh - 120px);padding:30px 20px 60px}.chatspace-header{margin-bottom:30px;position:relative;text-align:center}.chatspace-title{color:#2c3e50;font-size:28px;font-weight:600;letter-spacing:.5px;margin-bottom:10px}.chatspace-subtitle{color:#7f8c8d;font-size:16px;font-weight:300}.chatspace-tabs{border-bottom:1px solid #eee;display:flex;justify-content:center;margin-bottom:30px}.tab{color:#7f8c8d;cursor:pointer;font-weight:500;margin:0 10px;padding:12px 24px;position:relative}.tab,.tab:after{transition:all .3s ease}.tab:after{background:#0000;bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(.3);width:100%}.tab.active{color:#48b896}.tab.active:after{background:#48b896;transform:scaleX(1)}.tab:hover{color:#48b896}.posts-container{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.create-post{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;margin-bottom:10px;padding:20px}.post-input-container{display:flex;gap:15px}.user-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;flex-shrink:0;height:45px;overflow:hidden;width:45px}.user-avatar img{height:100%;object-fit:cover;width:100%}.post-input{flex-grow:1}.post-textarea{border:1px solid #e1e1e1;border-radius:8px;font-size:15px;line-height:1.5;min-height:80px;padding:15px;resize:none;transition:border .3s ease,box-shadow .3s ease;width:100%}.post-textarea:focus{border-color:#48b896;box-shadow:0 0 0 2px #48b89633;outline:none}.post-actions{display:flex;justify-content:space-between;margin-top:15px}.post-attachments{display:flex;gap:15px}.attachment-btn{align-items:center;background:none;border:none;border-radius:20px;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;padding:5px 10px;transition:all .2s ease}.attachment-btn svg{margin-right:5px}.attachment-btn:hover{background:#f8f9fa;color:#48b896}.post-submit{background:#48b896;border:none;border-radius:20px;box-shadow:0 2px 5px #48b8964d;color:#fff;cursor:pointer;font-weight:500;padding:8px 24px;transition:all .3s ease}.post-submit:hover{background:#3da785;box-shadow:0 4px 8px #48b89666;transform:translateY(-2px)}.post-submit:active{transform:translateY(0)}.post-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.post-header{align-items:center;border-bottom:1px solid #f6f6f6;display:flex;padding:15px 20px}.post-user-info{flex-grow:1;margin-left:15px}.post-author{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:3px}.post-meta{align-items:center;color:#95a5a6;display:flex;font-size:13px}.post-meta svg{height:12px;margin-right:5px;width:12px}.post-role{background-color:#e4e6e9;border-radius:12px;color:#4a4a4a;display:inline-block;font-size:11px;font-weight:500;margin-left:10px;padding:3px 8px}.post-content{color:#2c3e50;line-height:1.6;padding:20px}.post-image{height:auto;max-height:400px;object-fit:cover;width:100%}.post-footer{align-items:center;border-top:1px solid #f6f6f6;display:flex;justify-content:space-between;padding:10px 20px}.post-reactions{display:flex;gap:15px}.reaction-btn{align-items:center;background:none;border:none;border-radius:20px;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.reaction-btn:hover{background:#f8f9fa;color:#48b896}.reaction-btn.active{color:#48b896;font-weight:500}.reaction-btn svg{height:18px;width:18px}.post-actions-dropdown{position:relative}.post-action-btn{background:none;border:none;border-radius:50%;color:#95a5a6;cursor:pointer;padding:5px}.post-action-btn:hover{background:#f8f9fa;color:#2c3e50}.post-comments{background:#f9f9f9;border-top:1px solid #f0f0f0;padding:10px 20px 20px}.comments-container{display:flex;flex-direction:column;gap:15px;margin-top:15px}.comment-item{display:flex;gap:12px}.comment-avatar{border-radius:50%;flex-shrink:0;height:35px;overflow:hidden;width:35px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-content{background:#fff;border-radius:18px;box-shadow:0 1px 3px #0000000d;flex-grow:1;padding:12px 15px;position:relative}.comment-header{display:flex;justify-content:space-between;margin-bottom:5px}.comment-author{color:#2c3e50;font-size:14px;font-weight:600}.comment-time{color:#95a5a6;font-size:12px}.comment-text{color:#34495e;font-size:14px;line-height:1.5}.comment-actions{display:flex;gap:15px;margin-top:8px}.comment-action-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:12px;padding:0}.comment-action-btn:hover{color:#48b896;text-decoration:underline}.add-comment{display:flex;gap:10px;margin-top:20px}.comment-input-container{flex-grow:1;position:relative}.comment-input{border:1px solid #e1e1e1;border-radius:20px;font-size:14px;padding:12px 40px 12px 15px;transition:all .3s ease;width:100%}.comment-input:focus{border-color:#48b896;box-shadow:0 0 0 2px #48b8961a;outline:none}.comment-submit{background:none;border:none;color:#48b896;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.comment-submit:disabled{color:#ccc;cursor:not-allowed}.chatspace-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px}.sidebar{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;height:fit-content;padding:20px;position:sticky;top:80px}.sidebar-section{margin-bottom:30px}.sidebar-title{border-bottom:1px solid #f0f2f5;color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.trending-topics{display:flex;flex-direction:column;gap:12px}.trending-topic{display:flex;gap:10px;padding:8px 0}.topic-icon{align-items:center;background:#f0f0f0;border-radius:8px;color:#48b896;display:flex;height:32px;justify-content:center;width:32px}.topic-info{flex-grow:1}.topic-name{color:#2c3e50;font-size:14px;font-weight:500;margin-bottom:3px}.topic-posts{color:#95a5a6;font-size:12px}.active-users{display:flex;flex-wrap:wrap}.active-user{margin:0 4px 8px 0;position:relative}.active-user-avatar{border:2px solid #fff;border-radius:50%;height:40px;overflow:hidden;width:40px}.active-user-avatar img{height:100%;object-fit:cover;width:100%}.active-status{background:#2ecc71;border:2px solid #fff;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;gap:10px;padding:8px 0}.event-date{align-items:center;background:#e4886e;border-radius:8px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:40px;justify-content:center;width:40px}.event-day{font-size:16px;font-weight:600}.event-month{font-size:10px;text-transform:uppercase}.event-details{flex-grow:1}.event-name{color:#2c3e50;font-size:14px;font-weight:500;margin-bottom:3px}.event-time{color:#95a5a6;font-size:12px}@media (max-width:992px){.chatspace-layout{grid-template-columns:1fr}.sidebar{display:none}.post-input-container{flex-direction:column}}@media (max-width:768px){.chatspace-container{padding:20px 15px 50px}.chatspace-title{font-size:24px}.tab{font-size:14px;margin:0 5px;padding:10px}.post-actions{flex-direction:column;gap:15px}.post-attachments{justify-content:center}}.documents-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.documents-container{background-color:#f8f9fa;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:2rem;width:100%}.documents-header{margin-bottom:1.5rem;text-align:center}.documents-header h1{color:#444;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.documents-header p{color:#666;font-size:1rem;margin:0 auto;max-width:600px}.documents-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.year-dropdown{align-items:center;display:flex;gap:.5rem}.year-dropdown label{color:#2c3e50;font-weight:500}.year-dropdown select{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem 1rem}.year-dropdown select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.document-categories{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.category-btn{background-color:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#444;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.category-btn:hover{background-color:#f8f9fa;box-shadow:0 3px 6px #00000014;transform:translateY(-1px)}.category-btn.active{background-color:#6b4f3c;border-color:#6b4f3c;box-shadow:0 2px 4px #6b4f3c4d;color:#fff}.category-btn.salary{border-color:#48b896;box-shadow:0 2px 4px #48b89626;color:#48b896}.category-btn.salary.active,.category-btn.salary:hover{background-color:#48b896;border-color:#48b896;box-shadow:0 2px 4px #48b8964d;color:#fff}.category-btn.bonus{border-color:#e4724c;box-shadow:0 2px 4px #e4724c26;color:#e4724c}.category-btn.bonus.active,.category-btn.bonus:hover{background-color:#e4724c;border-color:#e4724c;box-shadow:0 2px 4px #e4724c4d;color:#fff}.category-btn.tax{border-color:#7780d9;box-shadow:0 2px 4px #7780d926;color:#7780d9}.category-btn.tax.active,.category-btn.tax:hover{background-color:#7780d9;border-color:#7780d9;box-shadow:0 2px 4px #7780d94d;color:#fff}.category-btn.read-sign{border-color:#ff6d00;box-shadow:0 2px 4px #ff6d0026;color:#ff6d00}.category-btn.read-sign.active,.category-btn.read-sign:hover{background-color:#ff6d00;box-shadow:0 2px 4px #ff6d004d;color:#fff}.category-btn .doc-count{background-color:#fff3;border-radius:10px;display:inline-block;font-size:.75rem;margin-left:5px;padding:1px 6px}.category-btn:not(.active) .doc-count{background-color:#00000014}.documents-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.search-container{flex-grow:1;max-width:500px;position:relative}.search-input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.search-icon{color:#7f8c8d;left:.8rem;position:absolute;top:50%;transform:translateY(-50%)}.sort-container{align-items:center;display:flex;gap:.5rem}.sort-container label{color:#2c3e50;font-weight:500}.sort-select{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.sort-select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.loading-container{align-items:center;background-color:#ffffff80;border-radius:10px;box-shadow:0 2px 6px #0000000d;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{border:4px solid #0000001a;border-left-color:#3498db;margin-bottom:1rem}.loading-container p{color:#7f8c8d;font-size:16px}.documents-summary{margin:10px 0 15px;text-align:left}.documents-count{color:#666;font-size:.9rem;margin:0;padding:0 5px}.documents-list-container{margin-top:10px}.documents-grid{display:none}.documents-list{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:block;overflow:hidden;width:100%}.document-list-header{background-color:#f5f7fa;border-bottom:1px solid #e0e0e0;color:#444;font-weight:600;padding:12px 16px}.document-list-header,.document-list-item{display:grid;grid-template-columns:2fr 1fr 2fr 1fr}.document-list-item{align-items:center;border-bottom:1px solid #f0f0f0;padding:14px 16px;transition:background-color .2s ease}.document-list-item:last-child{border-bottom:none}.document-list-item:hover{background-color:#f9f9f9}.document-list-item.document-signed{background-color:#4caf500d}.document-list-title{color:#333;font-weight:500;padding-right:15px}.document-list-date{color:#666;font-size:.9rem}.document-list-item .document-card-size{color:#888;font-size:.85rem;margin-left:8px}.document-list-item .document-status{border-radius:12px;display:inline-block;font-size:.8rem;margin-left:8px;padding:3px 8px}.document-list-item .document-status.signed{background-color:#4caf5026;color:#2e7d32}.document-list-item .document-status.unsigned{background-color:#2196f326;color:#1565c0}.document-list-item .document-due-date,.document-list-item .document-last-accessed,.document-list-item .document-signed-date{color:#666;font-size:.85rem;margin-top:4px}.document-list-item .document-due-date{color:#f57c00}.document-list-item .document-signed-date{color:#2e7d32}.document-list-item .document-action-container{display:flex;justify-content:flex-end}.document-list-item .document-download-btn,.document-list-item .document-view-btn{font-size:.85rem;height:auto;min-width:120px;padding:6px 12px}.document-list-item .document-download-btn svg,.document-list-item .document-view-btn svg{height:14px;width:14px}@media (max-width:768px){.document-list-header,.document-list-item{grid-template-columns:2fr 1fr 1fr}.document-header-details,.document-list-item .document-details{display:none}}@media (max-width:576px){.document-list-header,.document-list-item{grid-template-columns:2fr 1fr}.document-header-date,.document-list-date{display:none}}.document-card{background:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 6px 16px #8891e926;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:transform .3s cubic-bezier(.2,0,.2,1),box-shadow .3s cubic-bezier(.2,0,.2,1),border-color .3s cubic-bezier(.2,0,.2,1);width:100%;will-change:transform,box-shadow}.document-card:hover{border-color:#e6e9f0;box-shadow:0 8px 20px #8891e933;transform:translateY(-3px)}.document-card-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:1rem 0}.document-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis}.document-card-details{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;justify-content:center;margin-bottom:.75rem;text-align:center}.document-card-size{background-color:#f0f2f5;border-radius:12px;color:#666;display:inline-block;font-size:.75rem;padding:2px 8px}.document-card-date{color:#555;display:inline-block;font-weight:500;text-align:center}.document-last-accessed{color:#95a5a6;font-size:.75rem;font-style:italic;margin-top:.75rem;text-align:center}.document-download-btn{align-items:center;background-color:#6b4f3c;border:none;border-radius:6px;box-shadow:0 2px 4px #6b4f3c33;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.3px;margin-top:auto;padding:.75rem;transition:all .2s ease;width:100%}.document-download-btn:hover{background-color:#7c5c45;box-shadow:0 4px 8px #6b4f3c4d;transform:translateY(-2px)}.document-download-btn:active{box-shadow:0 1px 2px #6b4f3c1a;transform:translateY(0)}.document-download-btn svg{transition:transform .2s ease}.document-download-btn:hover svg{transform:translateY(2px) scale(1.1)}.document-download-btn:disabled{background-color:#f5f5f5;border-color:#ddd;color:#aaa;cursor:not-allowed}.document-download-btn:disabled:before{display:none}.document-salary .document-download-btn{border-color:#48b896;color:#48b896}.document-salary .document-download-btn:before{background-color:#48b896}.document-bonus .document-download-btn{border-color:#e4724c;color:#e4724c}.document-bonus .document-download-btn:before{background-color:#e4724c}.document-tax .document-download-btn{border-color:#7780d9;color:#7780d9}.document-tax .document-download-btn:before{background-color:#7780d9}.document-download-btn.downloading{align-items:center;background-color:#f8f9fa;border-color:#ddd;color:#666;cursor:default;display:flex;justify-content:center}.document-download-btn.downloading:before{display:none}.download-spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:initial;height:16px;margin-right:8px;width:16px}.document-card.document-signed{background-color:#f0fff080}.document-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;margin:4px auto;padding:3px 10px}.document-status.signed{background-color:#e8f5e9;box-shadow:0 1px 3px #0000001a;color:#2e7d32}.document-status.unsigned{background-color:#fff3e0;box-shadow:0 1px 3px #0000001a;color:#e65100}.document-view-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.3px;margin-top:auto;padding:.75rem;transition:all .2s ease;width:100%}.document-view-btn svg{transition:transform .2s ease}.document-view-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.document-view-btn:hover svg{transform:scale(1.1)}.document-view-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.document-view-btn.signed{background-color:#2e7d32;color:#fff}.document-view-btn.unsigned{background-color:#ff6d00;color:#fff}.document-view-btn.signed:hover{background-color:#246428}.document-view-btn.unsigned:hover{background-color:#e65100}.document-due-date{color:#e65100}.document-due-date,.document-signed-date{font-size:.8rem;font-weight:500;margin-top:8px;text-align:center}.document-signed-date{color:#2e7d32}.empty-documents{background-color:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 6px 16px #8891e926;color:#6b4f3c;justify-content:center;margin-top:20px;min-height:300px;padding:3rem}.empty-documents,.empty-message-content{align-items:center;display:flex;flex-direction:column}.empty-message-content{gap:1rem}.empty-documents svg{color:#ccc;margin-bottom:15px}.empty-documents p{font-style:italic;margin:0}.document-action-container{display:flex;margin-top:12px;width:100%}.document-action-container button{border-radius:6px;font-weight:600;letter-spacing:.3px;width:100%}.document-action-container button span{margin-left:4px}@media (max-width:768px){.documents-container{padding:1.5rem}.documents-controls{align-items:stretch;flex-direction:column}.search-container,.sort-container{max-width:none}.documents-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.document-categories{justify-content:flex-start;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;white-space:nowrap;width:100%}.document-categories::-webkit-scrollbar{height:4px}.document-categories::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.category-btn{flex-shrink:0}}@media (max-width:480px){.documents-container{padding:1rem}.documents-header h1{font-size:1.8rem}.documents-grid{grid-template-columns:1fr}.document-categories{flex-direction:column;width:100%}.category-btn{width:100%}}@media (min-width:769px) and (max-width:1024px){.documents-grid{grid-template-columns:repeat(2,1fr)}}.notifications-page,.notifications-wrapper{display:flex;flex-direction:column;min-height:100vh}.notifications-page{background-color:#f8f9fa}.notifications-container{flex:1 1;margin:80px auto 40px;max-width:900px;padding:0 20px;width:100%}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notifications-header h1{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.notifications-actions{display:flex;gap:12px}.clear-all-btn,.mark-all-read-btn,.reset-notifications-btn{background:#0000;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.mark-all-read-btn{color:#3498db}.mark-all-read-btn:hover{background-color:#edf7fd;border-color:#3498db}.clear-all-btn{color:#e74c3c}.clear-all-btn:hover{background-color:#fef5f4;border-color:#e74c3c}.notifications-filters{display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.filter-btn{background:#0000;border:1px solid #e0e0e0;border-radius:20px;color:#7f8c8d;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background-color:#f5f5f5}.filter-btn.active{background-color:#3498db;border-color:#3498db;color:#fff}.notifications-list-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;min-height:300px;overflow:hidden}.notifications-list{list-style:none;margin:0;padding:0}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:20px;position:relative;transition:all .2s ease}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#f0f7ff}.notification-item.unread:hover{background-color:#e6f2ff}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.notification-icon-email{background-color:#edeffd;color:#7780d9}.notification-icon-teams{background-color:#f0fbf7;color:#48b896}.notification-icon-alert{background-color:#fff0f0;color:#e74c3c}.notification-icon-document{background-color:#fff8e1;color:#f39c12}.notification-icon-confirmation{background-color:#e8f7f0;color:#27ae60}.notification-icon-system{background-color:#f0f3f8;color:#34495e}.notification-icon-offer{background-color:#f0fbf7;color:#48b896}.notification-type-email{border-left:4px solid #7780d9}.notification-type-teams{border-left:4px solid #48b896}.notification-type-alert{border-left:4px solid #e74c3c}.notification-type-document{border-left:4px solid #f39c12}.notification-type-confirmation{border-left:4px solid #27ae60}.notification-type-system{border-left:4px solid #34495e}.notification-type-offer{border-left:4px solid #48b896}.notification-item.priority-high{border-left:4px solid #e74c3c}.notification-item.priority-medium{border-left:4px solid #f39c12}.notification-content{flex-grow:1}.notification-title{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:6px}.notification-message{color:#7f8c8d;font-size:14px;line-height:1.4;margin-bottom:8px}.notification-time{color:#95a5a6;font-size:12px;font-style:italic}.notification-actions{display:flex;flex-direction:column;gap:8px;margin-left:16px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions{opacity:1}.delete-btn,.mark-read-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.mark-read-btn{color:#3498db}.mark-read-btn:hover{background-color:#edf7fd}.delete-btn{color:#e74c3c}.delete-btn:hover{background-color:#fef5f4}.empty-notifications{align-items:center;color:#95a5a6;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#bdc3c7;margin-bottom:16px}.empty-notifications p{font-size:16px;margin-bottom:16px}.reset-filter-btn{background:#0000;border:1px solid #3498db;border-radius:20px;color:#3498db;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.reset-filter-btn:hover{background-color:#edf7fd}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #3498db33;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:16px;width:40px}.reset-options-dropdown{display:inline-block;position:relative}.reset-options-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:5px;min-width:200px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.reset-options-menu button{background:#0000;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.reset-options-menu button:hover{background-color:#f5f5f5}.reset-options-menu button:active{background-color:#e9e9e9}@media (max-width:768px){.notifications-container{margin-top:70px;padding:0 16px}.notifications-header{align-items:flex-start;flex-direction:column;gap:16px}.notification-item{padding:16px}.notification-icon{height:40px;width:40px}.notification-title{font-size:15px}.notification-message{font-size:13px}}@media (max-width:576px){.notifications-filters{padding-bottom:12px}.notification-item{padding:12px}.notification-icon{height:36px;margin-right:12px;width:36px}.notification-actions{flex-direction:row;margin-left:0;opacity:1;position:absolute;right:10px;top:10px}.delete-btn,.mark-read-btn{height:24px;width:24px}}.ffb-floating-feedback-button{align-items:center;background-color:#e4886e;border:none;border-radius:50%;bottom:28px;box-shadow:0 4px 12px #e4886e66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;left:24px;position:fixed;transition:all .3s cubic-bezier(.25,.8,.25,1);width:56px;z-index:999}.ffb-floating-feedback-button:hover{background-color:#d67761;box-shadow:0 6px 16px #e4886e80;transform:scale(1.05) translateY(-3px)}.ffb-floating-feedback-button:active{box-shadow:0 2px 8px #e4886e4d;transform:scale(.95)}.ffb-floating-feedback-button:after,.ffb-floating-feedback-button:before{animation:ffb-wave-effect 3s ease-out infinite;background-color:#e4886e;border-radius:50%;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:-1}.ffb-floating-feedback-button:after{animation:ffb-wave-effect 3s ease-out 1.5s infinite}@keyframes ffb-wave-effect{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2.5)}}.ffb-floating-feedback-button svg{height:24px;width:24px}.ffb-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ffb-modal{animation:ffb-modalFadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 15px 35px #e4886e33,0 5px 15px #0000001a;display:flex;flex-direction:column;max-width:520px;overflow:hidden;width:90%}.ffb-modal-header{align-items:center;background:linear-gradient(120deg,#e4886e,#f5b25c);border-bottom:1px solid #e4886e33;display:flex;justify-content:space-between;padding:20px 24px}.ffb-modal-header h3{color:#fff;font-size:20px;font-weight:500;letter-spacing:.3px;margin:0;text-shadow:0 1px 2px #0000001a}.ffb-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background .2s;width:32px}.ffb-close-button:hover{background:#fff3}.ffb-modal-body{flex:1 1;max-height:70vh;overflow-y:auto;padding:24px}.ffb-appreciation-message{background:#fff4ef;border-left:4px solid #e4886e;border-radius:6px;margin-bottom:24px;padding:16px;text-align:left}.ffb-appreciation-message h4{color:#e4886e;font-size:16px;font-weight:600;margin:0 0 8px}.ffb-appreciation-message p{color:#5a4a42;font-size:14px;line-height:1.5;margin:0}.ffb-instructions{color:#666;font-size:15px;margin-bottom:20px;text-align:center}.ffb-mic-container{align-items:center;display:flex;flex-direction:column;margin:20px 0}.ffb-mic-button{align-items:center;background:#f8f9fa;border:2px solid #e1e4e8;border-radius:50%;color:#e4886e;cursor:pointer;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.ffb-mic-button:hover{background:#fff9f7;border-color:#e4886e;transform:scale(1.05)}.ffb-mic-button.recording{animation:ffb-pulse 1.5s infinite;background:#ff4e4e;border-color:#ff4e4e;color:#fff}.ffb-recording-indicator{align-items:center;display:flex;margin-top:12px}.ffb-recording-pulse{animation:ffb-pulse 1.5s infinite;background-color:#ff4e4e;border-radius:50%;height:12px;margin-right:8px;width:12px}.ffb-recording-time{color:#ff4e4e;font-size:14px;font-weight:500}.ffb-text-container{background:#fffaf8;border:1px solid #e4886e33;border-radius:8px;margin-top:24px;padding:16px}.ffb-text-container h4{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.ffb-text-area{color:#5a4a42;font-size:14px;line-height:1.6;min-height:100px}.ffb-modal-footer{background:#f8f9fa;border-top:1px solid #f0f2f5;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ffb-cancel-button{background:#0000;border:1px solid #ddd;border-radius:6px;color:#666;padding:10px 16px}.ffb-cancel-button,.ffb-submit-button{cursor:pointer;font-weight:500;transition:all .2s ease}.ffb-submit-button{background:#e4886e;border:none;border-radius:6px;color:#fff;padding:10px 24px}.ffb-submit-button:hover{background:#d67761;box-shadow:0 4px 8px #e4886e4d;transform:translateY(-2px)}.ffb-submit-button:disabled{background:#f0c8bc;box-shadow:none;cursor:not-allowed;transform:none}.ffb-cancel-button:hover{background:#fff3ef}@keyframes ffb-modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ffb-pulse{0%{box-shadow:0 0 0 0 #ff4e4e66}70%{box-shadow:0 0 0 10px #ff4e4e00}to{box-shadow:0 0 0 0 #ff4e4e00}}.ffb-thank-you-message{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center}.ffb-thank-you-icon{animation:ffb-checkmark-appear .5s ease-out forwards;margin-bottom:20px}.ffb-thank-you-icon svg{stroke:#e4886e}.ffb-thank-you-message h4{color:#e4886e;font-size:22px;font-weight:600;margin:0 0 12px}.ffb-thank-you-message p{color:#666;font-size:16px;margin:0}@keyframes ffb-checkmark-appear{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:576px){.ffb-floating-feedback-button{bottom:16px;height:48px;left:16px;width:48px}.ffb-modal{max-height:90vh;width:95%}.ffb-modal-body{max-height:60vh;overflow-y:auto;padding:16px}.ffb-mic-button{height:64px;width:64px}}.floating-button{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;left:23px;position:fixed;transition:all .3s ease;width:50px;z-index:999}.feedback-button{background-color:#7780d9;bottom:30px}.chat-button{background-color:#7780d9;bottom:120px;height:60px;width:60px}.chat-button.dashboard-button{background-color:#48b896}.chat-button:after{background-color:#7780d999}.chat-button.dashboard-button:after{background-color:#48b89699}.floating-button:hover{box-shadow:0 8px 15px #0003;transform:translateY(-3px) scale(1.05)}.floating-button:active{transform:scale(.95)}.floating-button svg{height:24px;width:24px}.chat-button:after{animation:pulse 2s infinite;background-color:#48b89699;border-radius:50%;content:"";height:100%;position:absolute;width:100%;z-index:-1}.floating-compose-button{background-color:#48b896;bottom:160px}.floating-compose-button:hover{background-color:#3da785}@media (max-width:768px){.floating-button{height:45px;left:16px;width:45px}.feedback-button{bottom:20px}.chat-button{bottom:100px;height:50px;width:50px}}.live-transcription{background-color:#000000b3;border-radius:8px;bottom:20px;box-shadow:0 4px 10px #0003;color:#fff;left:50%;max-width:800px;opacity:0;padding:15px;position:fixed;transform:translateX(-50%) translateY(100%);transition:transform .3s ease-in-out;width:80%;z-index:1000}.live-transcription.visible{opacity:1;transform:translateX(-50%) translateY(0)}.transcription-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.transcription-status{align-items:center;display:flex;font-size:14px;margin-bottom:10px;opacity:.7}.transcription-listening-indicator{animation:pulse 1.5s infinite;background-color:#0f0;border-radius:50%;height:10px;margin-right:8px;width:10px}.transcription-initializing{align-items:center;display:flex;font-size:14px;margin-bottom:10px;opacity:.7}.transcription-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;margin-right:8px;width:14px}.transcription-error{color:#ff6b6b;font-size:14px;margin-bottom:10px}.transcription-text{font-size:18px;line-height:1.4;text-align:center;width:100%}.transcription-text.interim{font-style:italic;opacity:.7}.transcription-text.final{font-weight:500}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(1)}}.error-boundary-container{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px}.error-boundary-content{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:600px;padding:40px;text-align:center;width:100%}.error-boundary-icon{color:#e74c3c;margin-bottom:10px}.error-boundary-icon svg{height:64px;width:64px}.error-boundary-content h2{color:#2c3e50;font-size:24px;margin:0}.error-boundary-message{color:#555;line-height:1.5;margin:0}.error-boundary-instructions{background-color:#f8f9fa;border-left:4px solid #7780d9;border-radius:0 8px 8px 0;margin:10px 0;padding:15px 20px;text-align:left}.error-boundary-instructions p{color:#555;font-size:14px;line-height:1.5;margin:0}.error-boundary-retry-btn{background-color:#7780d9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:12px 24px;transition:all .2s}.error-boundary-retry-btn:hover{background-color:#6670c7;box-shadow:0 3px 8px #0000001a;transform:translateY(-2px)}.error-boundary-retry-btn:active{transform:translateY(0)}.error-boundary-details{margin-top:20px;text-align:left;width:100%}.error-boundary-details summary{color:#666;cursor:pointer;font-weight:500;padding:10px 0}.error-boundary-details pre{background-color:#f8f9fa;border-radius:8px;color:#e74c3c;font-size:12px;margin:10px 0;overflow-x:auto;padding:15px;white-space:pre-wrap}@media (max-width:768px){.error-boundary-content{padding:30px 20px}}.animated-logo{position:relative}.animated-logo img{animation:logoEntrance 1.5s ease-out forwards;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.animated-logo:before{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#f3b94526 0,#1a1a2e00 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.animated-logo:after{animation:lineReveal 2s ease forwards;background:linear-gradient(90deg,#1a1a2e00,#f3b94580 50%,#1a1a2e00);bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;width:100%}.floating-back-button{align-items:center;background-color:#f3b945;border:none;border-radius:50%;box-shadow:0 3px 10px #f3b94566,0 0 20px #0000001a;color:#1a1a2e;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:20px;top:70px;transition:all .2s ease;width:48px;z-index:900}.floating-back-button:hover{background-color:#fff;box-shadow:0 5px 15px #f3b94580,0 0 25px #00000026;color:#1a1a2e;transform:translateY(-2px)}.floating-back-button:active{transform:translateY(0)}.floating-back-button i{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}@media (max-width:576px){.floating-back-button{height:44px;right:10px;top:60px;width:44px}}.App{min-height:100%;overflow-x:hidden;position:relative;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.ms-login-button{background:#607d8b;border:none;border-radius:8px;box-shadow:0 4px 12px #0006;color:#fff;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:all .3s}.ms-login-button:hover{background:#455a64;box-shadow:0 6px 16px #00000080;transform:translateY(-2px)}.ms-login-button:active{box-shadow:0 2px 8px #0000004d;transform:translateY(0)}.ms-login-button:disabled{cursor:not-allowed;opacity:.7}body,html{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}body.no-scroll{overflow:hidden!important}*{box-sizing:border-box;max-width:100%}.app-content{display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding-top:60px}@media (max-width:576px){.app-content{min-height:calc(100vh - 50px);padding-top:50px}}.dashboard-wrapper{display:flex;flex-direction:column;min-height:calc(100vh - 60px);width:100%}.dashboard-container{flex:1 1}.login-container{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e 50%,#455a64);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-content{background-color:#1e2a38;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#fff;max-width:500px;padding:40px;position:relative;text-align:center;z-index:10}.login-logo{margin-bottom:30px;position:relative}.login-logo img{animation:logoEntrance 1.5s ease-out forwards;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));height:80px;width:auto}.login-logo:before{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ffd47c66 0,#fff0 70%);border-radius:50%;content:"";height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:-1}.login-logo:after{animation:lineReveal 2s ease forwards;background:linear-gradient(90deg,#fff0,#ffba54b3 50%,#fff0);bottom:-10px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;width:100%}.login-container h1{color:#fff;font-family:Montserrat,sans-serif;font-size:28px;font-style:normal;font-weight:600;letter-spacing:1px;margin-bottom:16px;text-shadow:0 2px 4px #00000080}.login-container p{font-size:16px;font-style:italic;letter-spacing:.5px;margin-bottom:30px;opacity:.95}.app-description,.login-container p{color:#fff;font-family:Montserrat,sans-serif;font-weight:300;text-shadow:0 1px 2px #0006}.app-description{font-size:14px;line-height:1.5;margin:0 auto 30px;max-width:400px;padding:0 20px;text-align:center}@media (max-width:576px){.login-content{padding:30px 20px}.login-logo img{height:60px}}.auth-loading{margin-top:20px;text-align:center}.auth-spinner{animation:spin 1s linear infinite;border:3px solid #f28c2833;border-radius:50%;border-top-color:#e67e22;display:inline-block;height:24px;width:24px}.auth-error{background-color:#e74c3c33;border:1px solid #e74c3c80;border-radius:8px;color:#ff6b6b;font-size:14px;margin-bottom:20px;margin-top:20px;padding:16px;text-align:left}.auth-error-message{line-height:1.4;margin-bottom:15px}.auth-reset-button{background:#7f8c8d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.auth-reset-button:hover{background:#95a5a6;transform:translateY(-1px)}.consent-message{background-color:#2c3e50d9;border:1px solid #3498db4d;border-radius:8px;color:#ecf0f1;flex-direction:column;gap:15px;margin:20px 0;padding:24px 20px;text-align:center}.consent-icon,.consent-message{align-items:center;display:flex}.consent-icon{background-color:#3498db40;border-radius:50%;color:#3498db;height:48px;justify-content:center;margin-bottom:5px;padding:12px;width:48px}.consent-text{line-height:1.5}.consent-text,.consent-text p{color:#ecf0f1;font-size:14px;text-shadow:0 1px 2px #0000004d}.consent-text p{margin:6px 0}.consent-spinner{animation:spin 1.5s linear infinite;border:3px solid #3498db4d;border-radius:50%;border-top-color:#3498db;height:24px;margin-top:5px;width:24px}.data-loading-message{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #0000001a;display:flex;flex-direction:column;gap:24px;justify-content:center;margin:40px auto;max-width:500px;padding:40px;text-align:center}.data-loading-message p{color:#555;font-size:16px;line-height:1.5;margin:0}.airplane-trail{opacity:0;pointer-events:none;position:absolute;z-index:5}@keyframes airplane-through-clouds1{0%{opacity:0;transform:translateX(0) translateY(0) translateZ(0) rotate(90deg)}5%{opacity:1;transform:translateX(10vw) translateY(0) translateZ(20px) rotate(90deg)}15%{transform:translateX(20vw) translateY(-10px) translateZ(40px) rotate(92deg)}30%{transform:translateX(40vw) translateY(15px) translateZ(10px) rotate(89deg)}45%{transform:translateX(60vw) translateY(-5px) translateZ(60px) rotate(91deg)}70%{transform:translateX(80vw) translateY(10px) translateZ(30px) rotate(88deg)}90%{opacity:1}to{opacity:0;transform:translateX(calc(100vw + 150px)) translateY(0) translateZ(0) rotate(90deg)}}@keyframes airplane-through-clouds2{0%{opacity:0;transform:translateX(0) translateY(0) translateZ(0) rotate(-90deg)}5%{opacity:1;transform:translateX(-10vw) translateY(0) translateZ(30px) rotate(-90deg)}20%{transform:translateX(-30vw) translateY(8px) translateZ(10px) rotate(-91deg)}40%{transform:translateX(-50vw) translateY(-12px) translateZ(50px) rotate(-88deg)}60%{transform:translateX(-70vw) translateY(5px) translateZ(20px) rotate(-91deg)}80%{transform:translateX(-90vw) translateY(-8px) translateZ(40px) rotate(-89deg)}90%{opacity:1}to{opacity:0;transform:translateX(calc(-100vw - 150px)) translateY(0) translateZ(0) rotate(-90deg)}}@keyframes airplane-through-clouds3{0%{opacity:0;transform:translateX(0) translateY(0) translateZ(0) rotate(90deg)}5%{opacity:1;transform:translateX(10vw) translateY(0) translateZ(15px) rotate(90deg)}25%{transform:translateX(30vw) translateY(10px) translateZ(35px) rotate(91deg)}45%{transform:translateX(50vw) translateY(-8px) translateZ(20px) rotate(89deg)}65%{transform:translateX(70vw) translateY(5px) translateZ(40px) rotate(92deg)}85%{transform:translateX(90vw) translateY(-10px) translateZ(25px) rotate(90deg)}90%{opacity:1}to{opacity:0;transform:translateX(calc(100vw + 150px)) translateY(0) translateZ(0) rotate(90deg)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes logoEntrance{0%{opacity:0;transform:translateY(-20px) scale(.9) rotate(-5deg)}50%{opacity:1;transform:translateY(5px) scale(1.05) rotate(2deg)}75%{transform:translateY(-3px) scale(.98) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes pulseGlow{0%{opacity:.4;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.4;transform:translate(-50%,-50%) scale(.8)}}@keyframes lineReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(1turn)}}.animated-clouds-container{animation:camera-movement 45s ease-in-out infinite alternate;height:100%;left:0;overflow:hidden;perspective:1000px;top:0;width:100%;z-index:0}.animated-clouds-container,.cloud{position:absolute;transform-style:preserve-3d}.cloud{background:#ffffff80;border-radius:50%;box-shadow:0 0 80px 10px #fff0dc80;filter:blur(30px);will-change:transform}.cloud:after,.cloud:before{border-radius:50%;content:"";position:absolute}.cloud:before{background:#ffffffb3;filter:blur(20px);height:60%;left:30%;top:20%;width:60%}.cloud:after{background:#fff9;bottom:15%;filter:blur(15px);height:40%;right:25%;width:40%}.cloud1{animation:cloud-drift-1 70s linear infinite,cloud-depth-1 35s ease-in-out infinite;height:300px;left:-150px;opacity:.8;top:5%;width:300px}.cloud2{animation:cloud-drift-2 85s linear infinite,cloud-depth-2 40s ease-in-out infinite;bottom:-200px;height:500px;opacity:.65;right:-150px;width:500px}.cloud3{animation:cloud-drift-3 75s linear infinite,cloud-depth-3 45s ease-in-out infinite;height:400px;opacity:.5;right:-100px;top:30%;width:400px}.cloud4{animation:cloud-drift-4 80s linear infinite,cloud-depth-4 38s ease-in-out infinite;bottom:10%;height:350px;left:-80px;opacity:.7;width:350px}.cloud5{animation:cloud-drift-5 65s linear infinite,cloud-depth-5 32s ease-in-out infinite;height:280px;opacity:.6;right:20%;top:15%;width:280px}.cloud6{animation:cloud-drift-6 90s linear infinite,cloud-depth-6 42s ease-in-out infinite;height:450px;left:-200px;opacity:.5;top:50%;width:450px}.cloud7{animation:cloud-drift-7 68s linear infinite,cloud-depth-7 36s ease-in-out infinite;bottom:5%;height:380px;opacity:.6;right:15%;width:380px}.cloud8{animation:cloud-drift-8 82s linear infinite,cloud-depth-8 40s ease-in-out infinite;height:320px;left:25%;opacity:.5;top:60%;width:320px}.sun-rays{animation:sun-pulse 15s ease-in-out infinite,sun-move 90s linear infinite;background:radial-gradient(circle,#ffbe61cc 0,#ffaa5066 40%,#ff933600 70%);border-radius:50%;filter:blur(20px);height:350px;opacity:.95;position:absolute;right:15%;top:10%;transform-style:preserve-3d;width:350px;z-index:1}.lens-flare-2{background:radial-gradient(circle,#ffdc96e6 0,#ffb46400 70%);filter:blur(10px);opacity:.8;right:15%;top:15%;z-index:4}.airplane,.lens-flare-2{height:120px;width:120px}.airplane{pointer-events:none;position:absolute;transform-style:preserve-3d;will-change:transform;z-index:10}.airplane-body{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cpath d='M22 16v-2l-8.5-5V3.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5V9L2 14v2l8.5-2.5V19L8 20.5V22l4-1 4 1v-1.5L13.5 19v-5.5L22 16z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,1));height:100%;opacity:1;position:absolute;width:100%}.airplane-engine-left,.airplane-engine-right{background-color:#ffffffe6;border-radius:3px;box-shadow:0 0 8px #ffffffb3;height:20px;position:absolute;width:10px;z-index:11}.airplane1 .airplane-engine-left,.airplane3 .airplane-engine-left{left:30px;top:50%;transform:translateY(-50%)}.airplane1 .airplane-engine-right,.airplane3 .airplane-engine-right{right:30px;top:50%;transform:translateY(-50%)}.airplane2 .airplane-engine-left{left:30px;top:50%;transform:translateY(-50%)}.airplane2 .airplane-engine-right{right:30px;top:50%;transform:translateY(-50%)}.exhaust-cloud-left,.exhaust-cloud-right{animation:exhaust-pulse 2s infinite alternate;background:#fff5e6b3;border-radius:3px;filter:blur(8px);height:6px;opacity:.8;position:absolute;width:120px;z-index:5}.airplane1 .exhaust-cloud-left,.airplane1 .exhaust-cloud-right,.airplane3 .exhaust-cloud-left,.airplane3 .exhaust-cloud-right{right:25px;top:60px;transform:translateX(80%) rotate(180deg)}.airplane2 .exhaust-cloud-left,.airplane2 .exhaust-cloud-right{left:25px;top:60px;transform:translateX(-80%)}@keyframes exhaust-pulse{0%{background:#fff5e699;filter:blur(6px);opacity:.7;width:80px}to{background:#ffe6c8cc;filter:blur(12px);opacity:.9;width:150px}}.airplane-shadow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16v-2l-8.5-5V3.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5V9L2 14v2l8.5-2.5V19L8 20.5V22l4-1 4 1v-1.5L13.5 19v-5.5L22 16z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;filter:blur(5px);height:100%;opacity:.2;position:absolute;transform:translate(8px,8px) scale(.9);width:100%}.airplane1{animation:airplane-through-clouds1 35s linear infinite;left:-220px;top:25%}.airplane2{animation:airplane-through-clouds2 50s linear infinite;animation-delay:10s;right:-220px;top:45%}.airplane3{animation:airplane-through-clouds3 42s linear infinite;animation-delay:25s;left:-220px;top:65%}@keyframes camera-movement{0%{transform:perspective(1000px) rotate3d(1,0,1,0deg)}10%{transform:perspective(1000px) rotate3d(1,0,1,1deg)}30%{transform:perspective(1000px) rotate3d(-1,1,0,1.5deg)}50%{transform:perspective(1000px) rotate3d(0,1,1,.5deg)}70%{transform:perspective(1000px) rotate3d(1,-1,0,1deg)}90%{transform:perspective(1000px) rotate3d(0,-1,1,1.5deg)}to{transform:perspective(1000px) rotate3d(1,0,1,0deg)}}.lens-flare{animation:flare-drift 18s ease-in-out infinite;background:linear-gradient(90deg,#fff0,#fffc 50%,#fff0);filter:blur(3px);height:40px;right:20%;top:22%;transform:rotate(35deg);width:300px}.lens-flare,.lens-flare-2{opacity:0;position:absolute;z-index:5}.lens-flare-2{animation:flare-pulse 18s ease-in-out infinite;background:radial-gradient(circle,#ffffffe6 0,#fff0 70%);border-radius:50%;filter:blur(2px);height:50px;right:22%;top:18%;width:50px}.sky-glimpse{background:radial-gradient(circle,#ffe19bb3 0,#ffd28c00 70%);border-radius:50%;filter:blur(15px);opacity:0;position:absolute;transform-style:preserve-3d;z-index:1}.sky-glimpse-1{animation:sky-appear-1 45s ease-in-out infinite;height:400px;left:30%;top:25%;width:400px}.sky-glimpse-2{animation:sky-appear-2 65s ease-in-out infinite;animation-delay:12s;bottom:30%;height:300px;right:25%;width:300px}@keyframes sky-appear-1{0%,to{opacity:0;transform:translateZ(10px)}32%,38%{opacity:.7;transform:translateZ(150px)}42%{opacity:0;transform:translateZ(10px)}}@keyframes sky-appear-2{0%,to{opacity:0;transform:translateZ(10px)}62%,70%{opacity:.8;transform:translateZ(200px)}75%{opacity:0;transform:translateZ(10px)}}@keyframes sun-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}to{opacity:.6;transform:scale(1)}}@keyframes sun-move{0%{transform:translateZ(0)}25%{transform:translate3d(30px,-20px,50px)}50%{transform:translate3d(0,30px,100px)}75%{transform:translate3d(-30px,-20px,50px)}to{transform:translateZ(0)}}@keyframes cloud-drift-1{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(120vw,50px,200px) scale(1.3)}to{transform:translateZ(0) scale(1)}}@keyframes cloud-drift-2{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-90vw,-40px,150px) scale(1.5)}to{transform:translateZ(0) scale(1)}}@keyframes cloud-drift-3{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-60vw,60px,100px) scale(1.2)}to{transform:translateZ(0) scale(1)}}@keyframes flare-drift{0%{opacity:0;transform:rotate(35deg) translate3d(-40px,0,0)}10%{opacity:0}20%{opacity:.8}30%{opacity:0}to{opacity:0;transform:rotate(35deg) translate3d(40px,0,0)}}@keyframes flare-pulse{0%{opacity:0;transform:scale(1)}10%{opacity:0}20%{opacity:.7;transform:scale(1.5)}30%{opacity:0;transform:scale(1)}to{opacity:0}}
/*# sourceMappingURL=main.9672deb6.css.map*/