@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--primary:#374151;--primary-dark:#2F405F;--primary-light:#9CB9D0;--primary-light-rgb:rgb(222,233,242);--bg-dark:#04091a;--bg-dark2:#0a1530;--bg-card:#0d1a35;--bg-light:#f5f8ff;--bg-white:#ffffff;--accent:#e63946;--accent-hover:#c1121f;--accent2:#2563eb;--accent2-light:#3b82f6;--text-white:#ffffff;--text-light:#e2e8f0;--text-muted:#7a8fac;--text-dark:#0a1530;--text-body:#374151;--border-dark:rgba(255,255,255,0.08);--border-light:#e2e8f0;--radius:12px;--radius-sm:8px;--shadow:0 8px 32px rgba(0,0,0,0.18);--shadow-card:0 4px 24px rgba(0,0,0,0.10);--font-head:"Sora",sans-serif;--font-body:"DM Sans",sans-serif}#goog-gt-tt,.goog-logo-link,.goog-te-balloon-frame,.goog-te-banner-frame,.goog-te-gadget span,.gskiptranslate,body>.skiptranslate,div#goog-gt-{display:none!important}body{top:0!important}.goog-te-gadget{color:rgba(0,0,0,0)!important;font-size:0;width:0;height:0;display:none}.goog-text-highlight{background:none!important;box-shadow:none!important}#google_translate_element select{background:rgba(0,0,0,0);color:#333;border:none;font-weight:700;border-radius:3px;padding:0;margin:0;width:0;height:0;display:none}.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{display:none!important}.goog-te-gadget .goog-te-combo{margin:0!important}.goog-te-banner-frame.skiptranslate{display:none!important}.google-translate-wrapper{position:relative;display:inline-block}.custom-translate-container{position:relative;z-index:1000}.current-language-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.language-dropdown{position:absolute;right:0;top:100%;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:150px;max-height:300px;overflow:auto;z-index:1001;margin-top:5px}.language-option{display:flex;align-items:center;padding:8px 12px;width:100%;border:none;background:none;cursor:pointer;text-align:left;font-size:14px;color:#333;gap:8px}.language-option:hover{background:#f0f0f0}.language-option.active{background:#e0e0e0;font-weight:700}.language-name{white-space:nowrap}.active-language-check{position:absolute;right:12px;color:#4caf50;font-size:12px}.fi{border-radius:2px;object-fit:contain}.notification-popup-container{display:flex}.notification-popup-container .notification-trigger{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.notification-popup-container .notification-trigger .notification-badge{position:absolute;top:-4px;right:-4px;background:#e02424;color:#fff;font-size:10px;font-weight:600;border-radius:50%;padding:2px 5px;line-height:1}.notification-popup-container .notification-overlay{inset:0;background:rgba(0,0,0,0);z-index:9}.notification-popup-container .notification-popup{width:320px;max-height:400px;border:1px solid #eaeaea;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:10}.notification-popup-container .popup-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0}.notification-popup-container .popup-header h3{margin:0;font-size:15px;font-weight:600;color:#333}.notification-popup-container .popup-header .mark-all-button{background:none;border:none;color:#4a90e2;font-size:13px;font-weight:500;cursor:pointer}.notification-popup-container .popup-header .mark-all-button:hover{text-decoration:underline}.notification-popup-container .popup-content{flex:1 1;overflow-y:auto;padding:8px 0}.notification-popup-container .empty,.notification-popup-container .error,.notification-popup-container .loading{padding:20px;text-align:center;color:#666}.notification-popup-container .empty .empty-icon,.notification-popup-container .error .empty-icon,.notification-popup-container .loading .empty-icon{font-size:24px;margin-bottom:8px;color:#ccc}.notification-popup-container .notification-list{padding:0 8px;display:flex;flex-direction:column;gap:5px}.notification-popup-container .notification-list .notification-item{display:flex;padding:12px;gap:12px;cursor:pointer;border-radius:4px;margin:0 8px}.notification-popup-container .notification-list .notification-item:hover{background:#f9f9f9}.notification-popup-container .notification-list .notification-item.unread{background:#f0f7ff}.notification-popup-container .notification-list .notification-item .notification-icon-container{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.notification-popup-container .notification-list .notification-item .notification-icon-container .notification-icon{font-size:16px}.notification-popup-container .notification-list .notification-item .notification-icon-container .notification-icon.comment{color:#4a90e2}.notification-popup-container .notification-list .notification-item .notification-icon-container .notification-icon.follow{color:#50b83c}.notification-popup-container .notification-list .notification-item .notification-icon-container .notification-icon.upload{color:#9c6ade}.notification-popup-container .notification-list .notification-item .notification-icon-container .notification-icon.default{color:#666}.notification-popup-container .notification-list .notification-item .notification-content{flex:1 1;min-width:0}.notification-popup-container .notification-list .notification-item .notification-content .notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-popup-container .notification-list .notification-item .notification-content .notification-header h4{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-popup-container .notification-list .notification-item .notification-content .notification-header .unread-dot{width:8px;height:8px;background:#4a90e2;border-radius:50%;flex-shrink:0}.notification-popup-container .notification-list .notification-item .notification-content .notification-message{margin:0;font-size:13px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-popup-container .notification-list .notification-item .notification-content .attachments{margin-top:8px}.notification-popup-container .notification-list .notification-item .notification-content .attachments .attachment{display:flex;font-size:12px;color:#666;margin-top:4px}.notification-popup-container .notification-list .notification-item .notification-content .attachments .attachment .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-popup-container .notification-list .notification-item .notification-content .attachments .attachment .file-size{color:#999;margin-left:8px;flex-shrink:0}.notification-popup-container .notification-list .notification-item .notification-content .notification-time{font-size:11px;color:#999;margin-top:8px}.notification-popup-container .popup-footer{padding:12px 16px;border-top:1px solid #f0f0f0;text-align:center}.notification-popup-container .popup-footer .view-all{color:#4a90e2;font-size:13px;font-weight:500;text-decoration:none}.notification-popup-container .popup-footer .view-all:hover{text-decoration:underline}.notification-skeleton{background:#fff;border-radius:12px;padding:16px;display:flex;gap:12px;margin-bottom:8px}.notification-skeleton .skeleton-indicator{width:8px;height:8px;background:#f0f0f0;border-radius:50%;flex-shrink:0;margin-top:8px}.notification-skeleton .skeleton-content{flex:1 1;display:flex;flex-direction:column;gap:12px}.notification-skeleton .skeleton-content .skeleton-message,.notification-skeleton .skeleton-content .skeleton-time,.notification-skeleton .skeleton-content .skeleton-title{background:#f0f0f0;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.notification-skeleton .skeleton-content .skeleton-title{height:16px;width:60%}.notification-skeleton .skeleton-content .skeleton-message{height:14px;width:90%}.notification-skeleton .skeleton-content .skeleton-footer .skeleton-time{height:12px;width:40%}.notifications-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.notifications-error .error-icon{margin-bottom:16px}.notifications-error h3{color:#ff4d4f;margin:0 0 8px;font-size:1.25rem}.notifications-error p{color:#666;margin:0 0 16px;font-size:.875rem}.notifications-error .retry-button{background:#ff4d4f;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.notifications-error .retry-button:hover{background:#ff7875}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:9999999999}.modal-overlay .modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.modal-overlay .modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1001;max-height:90vh;overflow-y:auto;margin:0 10px}.modal-overlay .modal-maximized{width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0}.modal-overlay .modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #e5e5e5;position:sticky;top:0;background-color:#e2e8f0;z-index:10}.modal-overlay .modal-header .modal-title{margin:0;font-size:16px;font-weight:500;display:flex;align-items:center;gap:10px}.modal-overlay .modal-header .modal-close-btn{background:none;border:none;cursor:pointer;color:#666;display:flex;justify-content:center;align-items:center}.modal-overlay .modal-header .modal-close-btn:hover{color:#2c2b2e}.modal-overlay .modal-content{padding:20px}.modal-overlay .modal-content h6{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.modal-overlay .modal-content input,.modal-overlay .modal-content select,.modal-overlay .modal-content textarea{padding:10px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.modal-overlay .modal-content input:focus,.modal-overlay .modal-content select:focus,.modal-overlay .modal-content textarea:focus{border-color:var(--primary-light)}.modal-overlay .modal-content input[type=checkbox],.modal-overlay .modal-content input[type=radio]{width:auto}.modal-overlay .modal-content .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px}.modal-overlay .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:10px 0;grid-column:1/-1;position:sticky;bottom:0;background:#fff;z-index:10}.custom-select-container{position:relative}.custom-select-container .custom-select-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e2e8eb;border-radius:8px;cursor:pointer;background:#fff;font-size:14px}.custom-select-container .custom-select-header.open{border-color:var(--primary-light);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-container .custom-select-header .placeholder-text{color:#999}.custom-select-container .custom-select-header .selected-text{color:var(--primary)}.custom-select-container .custom-select-dropdown{background:#fff;border:1px solid var(--primary-light);border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:1000;overflow:hidden}.custom-select-container .custom-select-dropdown.absolute{position:absolute;top:100%;left:0;right:0}.custom-select-container .custom-select-dropdown .modal-search-wrapper{padding:8px;border-bottom:1px solid #e2e8eb}.custom-select-container .custom-select-dropdown .modal-search-wrapper .modal-search-input{width:100%;padding:8px 12px;border:1px solid #e2e8eb;border-radius:4px;font-size:14px;outline:none}.custom-select-container .custom-select-dropdown .modal-search-wrapper .modal-search-input:focus{border-color:var(--primary-light)}.custom-select-container .custom-select-dropdown .modal-search-wrapper .modal-search-input::placeholder{color:#999}.custom-select-container .custom-select-dropdown .custom-select-options{max-height:200px;overflow-y:auto}.custom-select-container .custom-select-dropdown .custom-select-options .custom-select-option{padding:10px 12px;cursor:pointer;transition:background-color .2s;font-size:14px;color:var(--primary)}.custom-select-container .custom-select-dropdown .custom-select-options .custom-select-option:hover{background-color:#f1f5f9}.custom-select-container .custom-select-dropdown .custom-select-options .custom-select-option.selected{background-color:#eff6ff;color:var(--primary-light);font-weight:500}.custom-select-container .custom-select-dropdown .custom-select-options .custom-select-option.no-results{color:#94a3b8;text-align:center;cursor:default;font-style:italic}.custom-select-container .custom-select-dropdown .custom-select-options .custom-select-option.no-results:hover{background-color:rgba(0,0,0,0)}.bulk-delete-popup{padding:1rem;display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}#bulk-type-select{padding:.5rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.selection-info{font-size:.95rem;color:#555}.popup-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn.delete{background-color:#e53935;color:#fff}.btn.cancel{background-color:#e0e0e0;color:#333}.btn.delete:hover{background-color:#c62828}.btn.cancel:hover{background-color:#ccc}.dialog-overlay{position:fixed;inset:0;background-color:rgba(7,16,1,.19);display:flex;align-items:center;justify-content:center;z-index:99999999999}.dialog-overlay .dialog-box{background:#fff;padding:24px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 12px rgba(0,0,0,.2)}.dialog-overlay .dialog-box .dialog-title{font-size:18px;font-weight:600;margin-bottom:16px}.dialog-overlay .dialog-box .dialog-message{margin-bottom:24px;font-size:14px;line-height:1.5}.dialog-overlay .dialog-box .dialog-actions{display:flex;justify-content:flex-end;gap:12px}.dialog-overlay .dialog-box .confirm-btn,.dialog-overlay .dialog-box .discard-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;text-transform:capitalize}.dialog-overlay .dialog-box .discard-btn{background-color:#e0e0e0;color:#333}.dialog-overlay .dialog-box .discard-btn:hover{background-color:#d5d5d5}.dialog-overlay .dialog-box .confirm-btn{background-color:#d32f2f;color:#fff}.dialog-overlay .dialog-box .confirm-btn:hover{background-color:#b71c1c}.dialog-overlay .dialog-box .cancel-btn:disabled,.dialog-overlay .dialog-box .confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.bulk-delete-popup{padding:0}.modal-header{padding:5px 10px}.modal-header .modal-title{font-size:18px}.modal-content{padding:10px}}.about-page,.about-us-page,.careers-page,.contact-page,.listed-companies,.listed-company-view,.manual-page,.privacy-policy-page,.refund-policy-page,.return-policy-page,.security-page,.shipping-policy-page,.team-page,.terms-service-page{background:linear-gradient(135deg,#04091a,#0a1530 50%,#060e22);color:#e2e8f0;min-height:100vh}.about-page-inner,.about-us-page-inner,.careers-page-inner,.contact-page-inner,.listed-companies-inner,.listed-company-view-inner,.manual-page-inner,.privacy-policy-page-inner,.refund-policy-page-inner,.return-policy-page-inner,.security-page-inner,.shipping-policy-page-inner,.team-page-inner,.terms-service-page-inner{max-width:1520px;width:100%;margin:0 auto;padding:100px 10px}.about-page-inner h1,.about-us-page-inner h1,.careers-page-inner h1,.contact-page-inner h1,.listed-companies-inner h1,.listed-company-view-inner h1,.manual-page-inner h1,.privacy-policy-page-inner h1,.refund-policy-page-inner h1,.return-policy-page-inner h1,.security-page-inner h1,.shipping-policy-page-inner h1,.team-page-inner h1,.terms-service-page-inner h1{font-size:30px;font-weight:700;color:#fff;margin-bottom:20px;text-align:center}.about-page-inner h1 span,.about-us-page-inner h1 span,.careers-page-inner h1 span,.contact-page-inner h1 span,.listed-companies-inner h1 span,.listed-company-view-inner h1 span,.manual-page-inner h1 span,.privacy-policy-page-inner h1 span,.refund-policy-page-inner h1 span,.return-policy-page-inner h1 span,.security-page-inner h1 span,.shipping-policy-page-inner h1 span,.team-page-inner h1 span,.terms-service-page-inner h1 span{color:var(--accent,#e63946)}.about-page-inner p,.about-us-page-inner p,.careers-page-inner p,.contact-page-inner p,.listed-companies-inner p,.listed-company-view-inner p,.manual-page-inner p,.privacy-policy-page-inner p,.refund-policy-page-inner p,.return-policy-page-inner p,.security-page-inner p,.shipping-policy-page-inner p,.team-page-inner p,.terms-service-page-inner p{font-size:16px;line-height:1.6;margin-bottom:20px;color:#7a8fac;font-family:DM Sans,sans-serif}.about-page-inner .policy-content,.about-page-inner section,.about-us-page-inner .policy-content,.about-us-page-inner section,.careers-page-inner .policy-content,.careers-page-inner section,.contact-page-inner .policy-content,.contact-page-inner section,.listed-companies-inner .policy-content,.listed-companies-inner section,.listed-company-view-inner .policy-content,.listed-company-view-inner section,.manual-page-inner .policy-content,.manual-page-inner section,.privacy-policy-page-inner .policy-content,.privacy-policy-page-inner section,.refund-policy-page-inner .policy-content,.refund-policy-page-inner section,.return-policy-page-inner .policy-content,.return-policy-page-inner section,.security-page-inner .policy-content,.security-page-inner section,.shipping-policy-page-inner .policy-content,.shipping-policy-page-inner section,.team-page-inner .policy-content,.team-page-inner section,.terms-service-page-inner .policy-content,.terms-service-page-inner section{margin-top:40px}.about-page-inner .policy-content h2,.about-page-inner section h2,.about-us-page-inner .policy-content h2,.about-us-page-inner section h2,.careers-page-inner .policy-content h2,.careers-page-inner section h2,.contact-page-inner .policy-content h2,.contact-page-inner section h2,.listed-companies-inner .policy-content h2,.listed-companies-inner section h2,.listed-company-view-inner .policy-content h2,.listed-company-view-inner section h2,.manual-page-inner .policy-content h2,.manual-page-inner section h2,.privacy-policy-page-inner .policy-content h2,.privacy-policy-page-inner section h2,.refund-policy-page-inner .policy-content h2,.refund-policy-page-inner section h2,.return-policy-page-inner .policy-content h2,.return-policy-page-inner section h2,.security-page-inner .policy-content h2,.security-page-inner section h2,.shipping-policy-page-inner .policy-content h2,.shipping-policy-page-inner section h2,.team-page-inner .policy-content h2,.team-page-inner section h2,.terms-service-page-inner .policy-content h2,.terms-service-page-inner section h2{font-size:20px;color:#fff;font-weight:600;margin-bottom:.5rem;font-family:var(--font-head,"Sora",sans-serif)}.about-page-inner .policy-content h3,.about-page-inner section h3,.about-us-page-inner .policy-content h3,.about-us-page-inner section h3,.careers-page-inner .policy-content h3,.careers-page-inner section h3,.contact-page-inner .policy-content h3,.contact-page-inner section h3,.listed-companies-inner .policy-content h3,.listed-companies-inner section h3,.listed-company-view-inner .policy-content h3,.listed-company-view-inner section h3,.manual-page-inner .policy-content h3,.manual-page-inner section h3,.privacy-policy-page-inner .policy-content h3,.privacy-policy-page-inner section h3,.refund-policy-page-inner .policy-content h3,.refund-policy-page-inner section h3,.return-policy-page-inner .policy-content h3,.return-policy-page-inner section h3,.security-page-inner .policy-content h3,.security-page-inner section h3,.shipping-policy-page-inner .policy-content h3,.shipping-policy-page-inner section h3,.team-page-inner .policy-content h3,.team-page-inner section h3,.terms-service-page-inner .policy-content h3,.terms-service-page-inner section h3{color:#e2e8f0;font-size:16px;margin-bottom:10px}.about-page-inner .policy-content ol,.about-page-inner .policy-content ul,.about-page-inner section ol,.about-page-inner section ul,.about-us-page-inner .policy-content ol,.about-us-page-inner .policy-content ul,.about-us-page-inner section ol,.about-us-page-inner section ul,.careers-page-inner .policy-content ol,.careers-page-inner .policy-content ul,.careers-page-inner section ol,.careers-page-inner section ul,.contact-page-inner .policy-content ol,.contact-page-inner .policy-content ul,.contact-page-inner section ol,.contact-page-inner section ul,.listed-companies-inner .policy-content ol,.listed-companies-inner .policy-content ul,.listed-companies-inner section ol,.listed-companies-inner section ul,.listed-company-view-inner .policy-content ol,.listed-company-view-inner .policy-content ul,.listed-company-view-inner section ol,.listed-company-view-inner section ul,.manual-page-inner .policy-content ol,.manual-page-inner .policy-content ul,.manual-page-inner section ol,.manual-page-inner section ul,.privacy-policy-page-inner .policy-content ol,.privacy-policy-page-inner .policy-content ul,.privacy-policy-page-inner section ol,.privacy-policy-page-inner section ul,.refund-policy-page-inner .policy-content ol,.refund-policy-page-inner .policy-content ul,.refund-policy-page-inner section ol,.refund-policy-page-inner section ul,.return-policy-page-inner .policy-content ol,.return-policy-page-inner .policy-content ul,.return-policy-page-inner section ol,.return-policy-page-inner section ul,.security-page-inner .policy-content ol,.security-page-inner .policy-content ul,.security-page-inner section ol,.security-page-inner section ul,.shipping-policy-page-inner .policy-content ol,.shipping-policy-page-inner .policy-content ul,.shipping-policy-page-inner section ol,.shipping-policy-page-inner section ul,.team-page-inner .policy-content ol,.team-page-inner .policy-content ul,.team-page-inner section ol,.team-page-inner section ul,.terms-service-page-inner .policy-content ol,.terms-service-page-inner .policy-content ul,.terms-service-page-inner section ol,.terms-service-page-inner section ul{margin-left:20px;list-style-type:disc}.about-page-inner .policy-content ol li,.about-page-inner .policy-content ul li,.about-page-inner section ol li,.about-page-inner section ul li,.about-us-page-inner .policy-content ol li,.about-us-page-inner .policy-content ul li,.about-us-page-inner section ol li,.about-us-page-inner section ul li,.careers-page-inner .policy-content ol li,.careers-page-inner .policy-content ul li,.careers-page-inner section ol li,.careers-page-inner section ul li,.contact-page-inner .policy-content ol li,.contact-page-inner .policy-content ul li,.contact-page-inner section ol li,.contact-page-inner section ul li,.listed-companies-inner .policy-content ol li,.listed-companies-inner .policy-content ul li,.listed-companies-inner section ol li,.listed-companies-inner section ul li,.listed-company-view-inner .policy-content ol li,.listed-company-view-inner .policy-content ul li,.listed-company-view-inner section ol li,.listed-company-view-inner section ul li,.manual-page-inner .policy-content ol li,.manual-page-inner .policy-content ul li,.manual-page-inner section ol li,.manual-page-inner section ul li,.privacy-policy-page-inner .policy-content ol li,.privacy-policy-page-inner .policy-content ul li,.privacy-policy-page-inner section ol li,.privacy-policy-page-inner section ul li,.refund-policy-page-inner .policy-content ol li,.refund-policy-page-inner .policy-content ul li,.refund-policy-page-inner section ol li,.refund-policy-page-inner section ul li,.return-policy-page-inner .policy-content ol li,.return-policy-page-inner .policy-content ul li,.return-policy-page-inner section ol li,.return-policy-page-inner section ul li,.security-page-inner .policy-content ol li,.security-page-inner .policy-content ul li,.security-page-inner section ol li,.security-page-inner section ul li,.shipping-policy-page-inner .policy-content ol li,.shipping-policy-page-inner .policy-content ul li,.shipping-policy-page-inner section ol li,.shipping-policy-page-inner section ul li,.team-page-inner .policy-content ol li,.team-page-inner .policy-content ul li,.team-page-inner section ol li,.team-page-inner section ul li,.terms-service-page-inner .policy-content ol li,.terms-service-page-inner .policy-content ul li,.terms-service-page-inner section ol li,.terms-service-page-inner section ul li{font-size:14px;margin-bottom:10px;color:#7a8fac}.about-page-inner .policy-content a,.about-page-inner section a,.about-us-page-inner .policy-content a,.about-us-page-inner section a,.careers-page-inner .policy-content a,.careers-page-inner section a,.contact-page-inner .policy-content a,.contact-page-inner section a,.listed-companies-inner .policy-content a,.listed-companies-inner section a,.listed-company-view-inner .policy-content a,.listed-company-view-inner section a,.manual-page-inner .policy-content a,.manual-page-inner section a,.privacy-policy-page-inner .policy-content a,.privacy-policy-page-inner section a,.refund-policy-page-inner .policy-content a,.refund-policy-page-inner section a,.return-policy-page-inner .policy-content a,.return-policy-page-inner section a,.security-page-inner .policy-content a,.security-page-inner section a,.shipping-policy-page-inner .policy-content a,.shipping-policy-page-inner section a,.team-page-inner .policy-content a,.team-page-inner section a,.terms-service-page-inner .policy-content a,.terms-service-page-inner section a{color:var(--accent,#e63946);text-decoration:none;transition:color .2s}.about-page-inner .policy-content a:hover,.about-page-inner section a:hover,.about-us-page-inner .policy-content a:hover,.about-us-page-inner section a:hover,.careers-page-inner .policy-content a:hover,.careers-page-inner section a:hover,.contact-page-inner .policy-content a:hover,.contact-page-inner section a:hover,.listed-companies-inner .policy-content a:hover,.listed-companies-inner section a:hover,.listed-company-view-inner .policy-content a:hover,.listed-company-view-inner section a:hover,.manual-page-inner .policy-content a:hover,.manual-page-inner section a:hover,.privacy-policy-page-inner .policy-content a:hover,.privacy-policy-page-inner section a:hover,.refund-policy-page-inner .policy-content a:hover,.refund-policy-page-inner section a:hover,.return-policy-page-inner .policy-content a:hover,.return-policy-page-inner section a:hover,.security-page-inner .policy-content a:hover,.security-page-inner section a:hover,.shipping-policy-page-inner .policy-content a:hover,.shipping-policy-page-inner section a:hover,.team-page-inner .policy-content a:hover,.team-page-inner section a:hover,.terms-service-page-inner .policy-content a:hover,.terms-service-page-inner section a:hover{color:#c1121f;text-decoration:underline}.listed-company-view .company-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.listed-company-view .company-header .company-logo-section{position:relative}.listed-company-view .company-header .company-logo-section .company-badge{position:absolute;bottom:-8px;right:-8px;background:var(--accent,#e63946);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:1px;color:#fff;border:3px solid #0a1530}.listed-company-view .company-header .company-logo-section .company-badge .badge-icon{font-size:14px}.listed-company-view .company-header .company-logo-section img{border-radius:50%;border:2px solid hsla(0,0%,100%,.1)}.listed-company-view .company-header .company-info .company-title{font-size:30px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2;font-family:var(--font-head,"Sora",sans-serif)}.listed-company-view .company-header .company-info .meta-item{display:flex;align-items:center;gap:8px;font-size:16px}.listed-company-view .company-header .company-info .meta-item .meta-icon{color:var(--accent,#e63946);font-size:18px}.listed-company-view .company-header .company-info .meta-item .meta-label{font-weight:600;color:#e2e8f0;min-width:100px}.listed-company-view .company-header .company-info .meta-item .meta-value{color:#7a8fac;font-weight:500}.listed-company-view .navigation-section .section-header{text-align:center;margin-bottom:20px}.listed-company-view .navigation-section .section-header .section-title{font-size:26px;color:#fff;margin-bottom:10px;font-family:var(--font-head,"Sora",sans-serif)}.listed-company-view .navigation-section .section-header .section-subtitle{font-size:18px;color:#7a8fac;margin:0}.listed-company-view .navigation-section .navigation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.listed-company-view .navigation-section .navigation-grid .navigation-card{background:hsla(0,0%,100%,.05);border-radius:8px;padding:0;border:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none}.listed-company-view .navigation-section .navigation-grid .navigation-card:hover{border-color:rgba(230,57,70,.4);transform:translateY(-2px)}.listed-company-view .navigation-section .navigation-grid .navigation-card:hover .hover-indicator{width:4px}.listed-company-view .navigation-section .navigation-grid .navigation-card .card-content{display:flex;align-items:center;gap:12px;padding:20px;position:relative;z-index:2}.listed-company-view .navigation-section .navigation-grid .navigation-card .icon-wrapper{padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(230,57,70,.15)}.listed-company-view .navigation-section .navigation-grid .navigation-card .icon-wrapper .nav-icon{font-size:25px;color:var(--accent,#e63946)}.listed-company-view .navigation-section .navigation-grid .navigation-card .text-content{flex:1 1}.listed-company-view .navigation-section .navigation-grid .navigation-card .text-content .card-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 5px}.listed-company-view .navigation-section .navigation-grid .navigation-card .text-content .card-description{font-size:14px;color:#7a8fac;margin:0;line-height:1.4}.listed-company-view .navigation-section .navigation-grid .navigation-card .arrow-icon{color:#7a8fac;font-size:16px;transition:transform .2s ease}.listed-company-view .navigation-section .navigation-grid .navigation-card .hover-indicator{position:absolute;left:0;top:0;bottom:0;width:0;transition:width .3s ease;border-radius:8px 0 0 8px;background:var(--accent,#e63946)}.listed-company-view .view-other-companies{display:flex;justify-content:flex-end;align-items:center;margin-top:20px;color:#e2e8f0;transition:color .2s}.listed-company-view .view-other-companies:hover{color:var(--accent,#e63946)}.listed-companies .page-header{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.listed-companies .page-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.listed-companies .page-header .header-content .title-section{display:flex;align-items:center;gap:10px}.listed-companies .page-header .header-content .title-section .title-icon{font-size:24px;color:var(--accent,#e63946)}.listed-companies .page-header .header-content .title-section .page-title{font-size:28px;font-weight:700;color:#fff;margin:0;font-family:var(--font-head,"Sora",sans-serif)}.listed-companies .page-header .header-content .title-section .companies-count{background:hsla(0,0%,100%,.1);color:#7a8fac;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.listed-companies .page-header .header-content .controls-section{display:flex;align-items:center;gap:10px}.listed-companies .page-header .header-content .controls-section .view-toggle{display:flex;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:4px}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,0);border:none;border-radius:4px;font-size:14px;font-weight:500;color:#7a8fac;cursor:pointer;transition:all .2s ease}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button:focus{outline:none;border:none}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button:hover{background:hsla(0,0%,100%,.1);color:#e2e8f0}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button.active{background:var(--accent,#e63946);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button .toggle-icon{font-size:14px}.listed-companies .page-header .header-content .controls-section .per-page-select{padding:8px 12px;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;background:hsla(0,0%,100%,.05);font-size:14px;color:#e2e8f0;cursor:pointer;outline:none}.listed-companies .page-header .header-content .controls-section .per-page-select:focus{border-color:var(--accent,#e63946)}.listed-companies .page-header .header-content .controls-section .per-page-select option{background:#0a1530}.listed-companies .companies-content{margin-bottom:30px}.listed-companies .companies-content .companies-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.listed-companies .companies-content .companies-list .company-card.list-view{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;text-decoration:none}.listed-companies .companies-content .companies-list .company-card.list-view:hover{border-color:rgba(230,57,70,.4);transform:translateY(-1px)}.listed-companies .companies-content .companies-list .company-card.list-view .company-details{display:flex;align-items:center;gap:16px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-logo{flex-shrink:0}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-logo img{border-radius:8px;border:1px solid hsla(0,0%,100%,.1);margin:0 auto}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info{flex:1 1}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-name{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta{display:flex;gap:15px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta .company-id{font-size:14px;color:#7a8fac;background:hsla(0,0%,100%,.08);padding:4px 8px;border-radius:4px}.listed-companies .companies-content .companies-list .company-card.list-view .company-actions{flex-shrink:0}.listed-companies .companies-content .companies-list .company-card.list-view .company-actions svg{color:#7a8fac;font-size:16px}.listed-companies .companies-content .companies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.listed-companies .companies-content .companies-grid .company-card.grid-view{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:15px 20px;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none}.listed-companies .companies-content .companies-grid .company-card.grid-view:hover{border-color:rgba(230,57,70,.4);transform:translateY(-2px)}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-logo-grid{margin-bottom:10px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-logo-grid img{border-radius:8px;border:1px solid hsla(0,0%,100%,.1);margin:0 auto}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content{display:flex;flex-direction:column;gap:10px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-name-grid{font-size:18px;font-weight:600;color:#fff;margin:0}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-meta{display:flex;flex-direction:column;gap:6px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-meta .company-id-grid{font-size:14px;color:#7a8fac;background:hsla(0,0%,100%,.08);padding:4px 8px;border-radius:4px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-actions{flex-shrink:0}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-actions svg{color:#7a8fac;font-size:16px}.listed-companies .pagination-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.listed-companies .pagination-container .pagination-info{font-size:14px;color:#7a8fac;font-weight:500}.listed-companies .pagination-container .pagination-buttons{display:flex;align-items:center;gap:8px}.listed-companies .pagination-container .pagination-buttons .pagination-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:14px;font-weight:500;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.listed-companies .pagination-container .pagination-buttons .pagination-button:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:rgba(230,57,70,.4)}.listed-companies .pagination-container .pagination-buttons .pagination-button:disabled{opacity:.5;cursor:not-allowed}.listed-companies .pagination-container .pagination-buttons .pagination-button .pagination-icon{font-size:12px}.listed-companies .pagination-container .pagination-buttons .page-numbers{display:flex;align-items:center;gap:4px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number{padding:8px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:14px;font-weight:500;color:#e2e8f0;cursor:pointer;transition:all .2s ease;min-width:40px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number:hover{background:hsla(0,0%,100%,.1);border-color:rgba(230,57,70,.4)}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number.active{background:var(--accent,#e63946);border-color:var(--accent,#e63946);color:#fff}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-ellipsis{padding:8px 4px;color:#7a8fac;font-weight:500}@media(max-width:1024px){.listed-companies .page-header{padding-bottom:8px;margin-bottom:16px}.listed-companies .page-header .header-content{gap:12px}.listed-companies .page-header .header-content .title-section .page-title{font-size:24px;padding-bottom:0}.listed-companies .page-header .header-content .title-section .companies-count{padding:3px 10px;font-size:13px}.listed-companies .page-header .header-content .controls-section{gap:8px}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button{padding:6px 12px;font-size:13px}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button .toggle-icon{font-size:13px}.listed-companies .page-header .header-content .controls-section .per-page-select{padding:6px 10px;font-size:13px}}@media(max-width:768px){.listed-companies .page-header .header-content{flex-direction:column;align-items:stretch;gap:15px}.listed-companies .page-header .header-content .title-section{justify-content:center;text-align:center}.listed-companies .page-header .header-content .controls-section{justify-content:center}}@media(max-width:480px){.listed-companies .page-header{padding-bottom:6px;margin-bottom:12px}.listed-companies .page-header .header-content{gap:10px}.listed-companies .page-header .header-content .title-section{flex-direction:column;gap:8px}.listed-companies .page-header .header-content .title-section .page-title,.listed-companies .page-header .header-content .title-section .title-icon{font-size:20px}.listed-companies .page-header .header-content .title-section .companies-count{padding:2px 8px;font-size:12px}.listed-companies .page-header .header-content .controls-section{gap:8px}.listed-companies .page-header .header-content .controls-section .view-toggle{justify-content:center}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button{flex:1 1;justify-content:center}.listed-companies .page-header .header-content .controls-section .per-page-select{text-align:center}}@media(max-width:1024px){.listed-companies .companies-content{margin-bottom:25px}.listed-companies .companies-content .companies-list{grid-template-columns:1fr;gap:10px}.listed-companies .companies-content .companies-list .company-card.list-view{padding:16px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details{gap:12px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-name{font-size:16px;margin-bottom:6px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta{gap:12px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta .company-id{font-size:13px;padding:3px 6px}.listed-companies .companies-content .companies-grid{grid-template-columns:repeat(3,1fr);gap:10px}.listed-companies .companies-content .companies-grid .company-card.grid-view{padding:16px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-name-grid{font-size:16px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-meta .company-id-grid{font-size:13px;padding:3px 6px}}@media(max-width:768px){.listed-companies .companies-content{margin-bottom:20px}.listed-companies .companies-content .companies-list .company-card.list-view{padding:14px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details{gap:10px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta{justify-content:center;flex-wrap:wrap;gap:8px}.listed-companies .companies-content .companies-grid{grid-template-columns:repeat(2,1fr);gap:8px}.listed-companies .companies-content .companies-grid .company-card.grid-view{padding:14px}}@media(max-width:480px){.listed-companies .companies-content{margin-bottom:15px}.listed-companies .companies-content .companies-list{gap:8px}.listed-companies .companies-content .companies-list .company-card.list-view{padding:12px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details{gap:8px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-name{font-size:15px;margin-bottom:4px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta{gap:6px}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta .company-id{font-size:12px;padding:2px 4px}.listed-companies .companies-content .companies-grid{grid-template-columns:1fr;gap:8px}.listed-companies .companies-content .companies-grid .company-card.grid-view{padding:12px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-name-grid{font-size:15px}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-meta .company-id-grid{font-size:12px;padding:2px 4px}}@media(max-width:1024px){.listed-companies .pagination-container{gap:12px}.listed-companies .pagination-container .pagination-info{font-size:13px}.listed-companies .pagination-container .pagination-buttons{gap:6px}.listed-companies .pagination-container .pagination-buttons .pagination-button{padding:6px 12px;font-size:13px}.listed-companies .pagination-container .pagination-buttons .pagination-button .pagination-icon{font-size:11px}.listed-companies .pagination-container .pagination-buttons .page-numbers{gap:3px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number{padding:6px 10px;font-size:13px;min-width:36px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-ellipsis{padding:6px 3px}}@media(max-width:768px){.listed-companies .pagination-container{flex-direction:column;text-align:center;gap:15px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number{padding:6px 8px;min-width:32px}}@media(max-width:480px){.listed-companies .pagination-container{gap:10px}.listed-companies .pagination-container .pagination-info{font-size:12px}.listed-companies .pagination-container .pagination-buttons{flex-wrap:wrap;justify-content:center;gap:4px}.listed-companies .pagination-container .pagination-buttons .pagination-button{padding:5px 10px;font-size:12px}.listed-companies .pagination-container .pagination-buttons .pagination-button .pagination-icon{font-size:10px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number{padding:5px 8px;font-size:12px;min-width:30px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-ellipsis{padding:5px 2px;font-size:12px}}@media(max-width:768px){.about-page-inner h1,.about-us-page-inner h1,.careers-page-inner h1,.contact-page-inner h1,.listed-companies-inner h1,.listed-company-view-inner h1,.manual-page-inner h1,.privacy-policy-page-inner h1,.refund-policy-page-inner h1,.return-policy-page-inner h1,.security-page-inner h1,.shipping-policy-page-inner h1,.team-page-inner h1,.terms-service-page-inner h1{font-size:22px}.about-page-inner ol li,.about-page-inner p,.about-page-inner ul li,.about-us-page-inner ol li,.about-us-page-inner p,.about-us-page-inner ul li,.careers-page-inner ol li,.careers-page-inner p,.careers-page-inner ul li,.contact-page-inner ol li,.contact-page-inner p,.contact-page-inner ul li,.listed-companies-inner ol li,.listed-companies-inner p,.listed-companies-inner ul li,.listed-company-view-inner ol li,.listed-company-view-inner p,.listed-company-view-inner ul li,.manual-page-inner ol li,.manual-page-inner p,.manual-page-inner ul li,.privacy-policy-page-inner ol li,.privacy-policy-page-inner p,.privacy-policy-page-inner ul li,.refund-policy-page-inner ol li,.refund-policy-page-inner p,.refund-policy-page-inner ul li,.return-policy-page-inner ol li,.return-policy-page-inner p,.return-policy-page-inner ul li,.security-page-inner ol li,.security-page-inner p,.security-page-inner ul li,.shipping-policy-page-inner ol li,.shipping-policy-page-inner p,.shipping-policy-page-inner ul li,.team-page-inner ol li,.team-page-inner p,.team-page-inner ul li,.terms-service-page-inner ol li,.terms-service-page-inner p,.terms-service-page-inner ul li{font-size:12px}.about-page-inner .policy-content h1,.about-page-inner h2,.about-page-inner section h1,.about-us-page-inner .policy-content h1,.about-us-page-inner h2,.about-us-page-inner section h1,.careers-page-inner .policy-content h1,.careers-page-inner h2,.careers-page-inner section h1,.contact-page-inner .policy-content h1,.contact-page-inner h2,.contact-page-inner section h1,.listed-companies-inner .policy-content h1,.listed-companies-inner h2,.listed-companies-inner section h1,.listed-company-view-inner .policy-content h1,.listed-company-view-inner h2,.listed-company-view-inner section h1,.manual-page-inner .policy-content h1,.manual-page-inner h2,.manual-page-inner section h1,.privacy-policy-page-inner .policy-content h1,.privacy-policy-page-inner h2,.privacy-policy-page-inner section h1,.refund-policy-page-inner .policy-content h1,.refund-policy-page-inner h2,.refund-policy-page-inner section h1,.return-policy-page-inner .policy-content h1,.return-policy-page-inner h2,.return-policy-page-inner section h1,.security-page-inner .policy-content h1,.security-page-inner h2,.security-page-inner section h1,.shipping-policy-page-inner .policy-content h1,.shipping-policy-page-inner h2,.shipping-policy-page-inner section h1,.team-page-inner .policy-content h1,.team-page-inner h2,.team-page-inner section h1,.terms-service-page-inner .policy-content h1,.terms-service-page-inner h2,.terms-service-page-inner section h1{font-size:16px}.about-page-inner .policy-content ol li,.about-page-inner .policy-content p,.about-page-inner .policy-content ul li,.about-page-inner section ol li,.about-page-inner section p,.about-page-inner section ul li,.about-us-page-inner .policy-content ol li,.about-us-page-inner .policy-content p,.about-us-page-inner .policy-content ul li,.about-us-page-inner section ol li,.about-us-page-inner section p,.about-us-page-inner section ul li,.careers-page-inner .policy-content ol li,.careers-page-inner .policy-content p,.careers-page-inner .policy-content ul li,.careers-page-inner section ol li,.careers-page-inner section p,.careers-page-inner section ul li,.contact-page-inner .policy-content ol li,.contact-page-inner .policy-content p,.contact-page-inner .policy-content ul li,.contact-page-inner section ol li,.contact-page-inner section p,.contact-page-inner section ul li,.listed-companies-inner .policy-content ol li,.listed-companies-inner .policy-content p,.listed-companies-inner .policy-content ul li,.listed-companies-inner section ol li,.listed-companies-inner section p,.listed-companies-inner section ul li,.listed-company-view-inner .policy-content ol li,.listed-company-view-inner .policy-content p,.listed-company-view-inner .policy-content ul li,.listed-company-view-inner section ol li,.listed-company-view-inner section p,.listed-company-view-inner section ul li,.manual-page-inner .policy-content ol li,.manual-page-inner .policy-content p,.manual-page-inner .policy-content ul li,.manual-page-inner section ol li,.manual-page-inner section p,.manual-page-inner section ul li,.privacy-policy-page-inner .policy-content ol li,.privacy-policy-page-inner .policy-content p,.privacy-policy-page-inner .policy-content ul li,.privacy-policy-page-inner section ol li,.privacy-policy-page-inner section p,.privacy-policy-page-inner section ul li,.refund-policy-page-inner .policy-content ol li,.refund-policy-page-inner .policy-content p,.refund-policy-page-inner .policy-content ul li,.refund-policy-page-inner section ol li,.refund-policy-page-inner section p,.refund-policy-page-inner section ul li,.return-policy-page-inner .policy-content ol li,.return-policy-page-inner .policy-content p,.return-policy-page-inner .policy-content ul li,.return-policy-page-inner section ol li,.return-policy-page-inner section p,.return-policy-page-inner section ul li,.security-page-inner .policy-content ol li,.security-page-inner .policy-content p,.security-page-inner .policy-content ul li,.security-page-inner section ol li,.security-page-inner section p,.security-page-inner section ul li,.shipping-policy-page-inner .policy-content ol li,.shipping-policy-page-inner .policy-content p,.shipping-policy-page-inner .policy-content ul li,.shipping-policy-page-inner section ol li,.shipping-policy-page-inner section p,.shipping-policy-page-inner section ul li,.team-page-inner .policy-content ol li,.team-page-inner .policy-content p,.team-page-inner .policy-content ul li,.team-page-inner section ol li,.team-page-inner section p,.team-page-inner section ul li,.terms-service-page-inner .policy-content ol li,.terms-service-page-inner .policy-content p,.terms-service-page-inner .policy-content ul li,.terms-service-page-inner section ol li,.terms-service-page-inner section p,.terms-service-page-inner section ul li{font-size:12px}.about-page-inner .policy-content h2,.about-page-inner .policy-content h3,.about-page-inner section h2,.about-page-inner section h3,.about-us-page-inner .policy-content h2,.about-us-page-inner .policy-content h3,.about-us-page-inner section h2,.about-us-page-inner section h3,.careers-page-inner .policy-content h2,.careers-page-inner .policy-content h3,.careers-page-inner section h2,.careers-page-inner section h3,.contact-page-inner .policy-content h2,.contact-page-inner .policy-content h3,.contact-page-inner section h2,.contact-page-inner section h3,.listed-companies-inner .policy-content h2,.listed-companies-inner .policy-content h3,.listed-companies-inner section h2,.listed-companies-inner section h3,.listed-company-view-inner .policy-content h2,.listed-company-view-inner .policy-content h3,.listed-company-view-inner section h2,.listed-company-view-inner section h3,.manual-page-inner .policy-content h2,.manual-page-inner .policy-content h3,.manual-page-inner section h2,.manual-page-inner section h3,.privacy-policy-page-inner .policy-content h2,.privacy-policy-page-inner .policy-content h3,.privacy-policy-page-inner section h2,.privacy-policy-page-inner section h3,.refund-policy-page-inner .policy-content h2,.refund-policy-page-inner .policy-content h3,.refund-policy-page-inner section h2,.refund-policy-page-inner section h3,.return-policy-page-inner .policy-content h2,.return-policy-page-inner .policy-content h3,.return-policy-page-inner section h2,.return-policy-page-inner section h3,.security-page-inner .policy-content h2,.security-page-inner .policy-content h3,.security-page-inner section h2,.security-page-inner section h3,.shipping-policy-page-inner .policy-content h2,.shipping-policy-page-inner .policy-content h3,.shipping-policy-page-inner section h2,.shipping-policy-page-inner section h3,.team-page-inner .policy-content h2,.team-page-inner .policy-content h3,.team-page-inner section h2,.team-page-inner section h3,.terms-service-page-inner .policy-content h2,.terms-service-page-inner .policy-content h3,.terms-service-page-inner section h2,.terms-service-page-inner section h3{font-size:16px}.listed-company-view .company-header{flex-direction:column;text-align:center}.listed-company-view .company-header .company-info .meta-item{justify-content:center}}.header{padding:10px 0;transition:all .3s ease;background-color:#fff;height:60px;border-bottom:1px solid #e2e8eb;z-index:99999999;position:sticky;top:0}.header,.header .header-inner{display:flex;align-items:center}.header .header-inner{flex:1 1;justify-content:space-between;gap:20px;margin:0 50px}.header .header-title{font-size:22px;font-weight:700;color:var(--primary);position:relative;display:inline-block;padding:0 10px;overflow:hidden}.header .nav-container{flex:1 1;gap:20px;max-width:70%;width:100%}.header .nav-container,.header .nav-container a{display:flex;align-items:center}.header .search-form{flex:1 1;margin:0;position:relative}.header .search-container{position:relative;display:flex;align-items:center;width:100%}.header .search-container.focused .search-input-container{border-color:var(--primary-light)}.header .search-container .search-input-container{position:relative;display:flex;align-items:center;background:#fff;border-radius:8px;padding:8px 16px;height:40px;transition:all .2s ease;border:1px solid rgba(239,239,239,.631372549);width:100%}.header .search-container .search-input-container .search-button{background:rgba(0,0,0,0);border:none;padding:0;margin-right:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .search-container .search-input-container .search-button .search-icon{color:var(--primary);font-size:15px;transition:color .2s ease;opacity:.8}.header .search-container .search-input-container .search-input{flex:1 1;border:none;outline:none;background:rgba(0,0,0,0);font-size:14px;color:var(--primary);width:100%;padding-right:20px;font-weight:400}.header .search-container .search-input-container .search-input::placeholder{color:#aaa;transition:all .2s ease}.header .search-container .search-input-container .clear-search-button{background:none;border:none;cursor:pointer;color:#999;font-size:14px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s ease;margin-left:8px}.header .search-container .search-input-container .clear-search-button:hover{color:var(--primary);background:rgba(0,0,0,.05)}.header .search-container .search-results{position:absolute;top:100%;left:0;width:100%;background:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.1);margin-top:8px;overflow:hidden;z-index:99999999999;border:1px solid rgba(0,0,0,.1);max-height:400px;overflow-y:auto}@media(max-width:480px){.header .search-container .search-results{position:fixed;top:55px;max-width:100%;width:-webkit-fill-available;margin:10px}}.header .search-container .search-results .recent-searches,.header .search-container .search-results .results-content{padding:12px 0}.header .search-container .search-results .recent-item,.header .search-container .search-results .result-item{padding:10px 16px;border-radius:0;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;gap:5px;white-space:nowrap;width:100%;overflow:hidden}.header .search-container .search-results .recent-item .result-subtitle,.header .search-container .search-results .recent-item span,.header .search-container .search-results .result-item .result-subtitle,.header .search-container .search-results .result-item span{white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.header .search-container .search-results .recent-item:hover,.header .search-container .search-results .result-item:hover{background:rgba(0,0,0,.03);color:var(--primary)}.header .search-container .search-results h4{padding:0 16px;margin:0 0 8px;font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:500}.header h1{font-size:25px;font-weight:700;margin:0}.page-back-button{display:inline-flex;justify-content:center;align-items:center;background-color:var(--primary);color:#fff;padding:6px;border-radius:50%;margin:20px 0;border:none;cursor:pointer;gap:2px;text-decoration:none;transition:all .2s ease-in-out;z-index:999999999999}.result-group{margin-bottom:10px}.result-type-label{padding:.5rem 1rem;font-weight:700;font-size:.85rem;text-transform:uppercase;color:#666;background-color:#f5f5f5;border-bottom:1px solid #eee}.notification-popup-container{position:relative}.notification-popup-container .notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999999998;opacity:0;pointer-events:none;transition:opacity .3s ease}.notification-popup-container.open .notification-overlay{opacity:1;pointer-events:auto}.notification-popup-container .notification-popup{position:absolute;top:100%;right:0;width:360px;max-height:500px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:9999999999;display:flex;flex-direction:column;margin-top:10px;overflow:hidden;animation:fadeIn .2s ease}@media(max-width:600px){.notification-popup-container .notification-popup{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:80vh;border-radius:10px 10px 0 0;margin-top:0;box-shadow:0 -5px 20px rgba(0,0,0,.15);animation:slideUp .3s ease-out}}.notification-popup-container .notification-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f0f0}.notification-popup-container .notification-popup .popup-header h3{margin:0;font-size:16px;font-weight:600}.notification-popup-container .notification-popup .popup-header .mark-all-button{background:none;border:none;color:#4a90e2;font-size:13px;cursor:pointer;padding:4px}.notification-popup-container .notification-popup .popup-header .mark-all-button:hover{text-decoration:underline}.notification-trigger{position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center}.notification-trigger svg{color:var(--primary)}.notification-trigger .notification-badge{position:absolute;cursor:pointer;top:-6px;right:-6px;background-color:red;color:#fff;border-radius:50%;font-size:10px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700}.profile-container .login-btn{background-color:var(--primary);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.profile-container .login-btn:hover{background-color:rgba(var(--primary),5%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.profile-container .profile-dropdown .profile-trigger{display:flex;align-items:center;gap:5px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:2px;transition:all .3s ease}.profile-container .profile-dropdown .profile-trigger .profile-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.profile-container .profile-dropdown .profile-trigger .profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-container .profile-dropdown .profile-trigger .profile-name{font-weight:600;color:var(--primary);font-size:14px}.profile-container .profile-dropdown .profile-trigger .dropdown-icon{transition:transform .3s ease;color:#6b7280;font-size:12px}.profile-container .profile-dropdown .profile-trigger .dropdown-icon.open{transform:rotate(180deg)}.profile-container .profile-dropdown .profile-menu{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border-radius:8px;border:1px solid #e2e8eb;width:280px;overflow:hidden;z-index:9999999999;transform-origin:top right;animation:fadeIn .15s ease-out}.profile-container .profile-dropdown .profile-menu .menu-header{display:grid;align-items:center;grid-template-columns:15% 1fr;padding:16px;gap:10px;background:linear-gradient(135deg,rgba(246,246,246,.2392156863),rgba(250,250,250,.1411764706));border-bottom:1px solid rgba(0,0,0,.08);text-decoration:none;overflow:hidden}.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar,.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar-img{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-weight:600;font-size:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;object-fit:cover}.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar{margin-right:12px}.profile-container .profile-dropdown .profile-menu .menu-header:hover .menu-user-info{text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:.5px;text-underline-offset:2px}.profile-container .profile-dropdown .profile-menu .menu-header .menu-user-info{overflow:hidden}.profile-container .profile-dropdown .profile-menu .menu-header .menu-user-info .menu-username{font-weight:600;color:#333;margin-bottom:4px}.profile-container .profile-dropdown .profile-menu .menu-header .menu-user-info .menu-email{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item{display:flex;align-items:center;padding:8px 20px;text-decoration:none;color:#333;font-weight:500;transition:all .15s ease;background:none;border:none;width:100%;text-align:left;font-size:15px;cursor:pointer}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item .menu-icon{margin-right:12px;color:#666;width:16px;height:16px;text-align:center;font-size:15px}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item:hover{background-color:rgba(0,0,0,.03);color:var(--primary)}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item:hover .menu-icon{color:var(--primary)}.profile-container .profile-dropdown .profile-menu .menu-items .logout{color:#ff4c51;border-top:1px solid rgba(0,0,0,.08);padding:10px 20px}.profile-container .profile-dropdown .profile-menu .menu-items .logout button{background-color:rgba(0,0,0,0);border:none;color:#ff4c51;padding:0;display:flex;align-items:center;cursor:pointer}.profile-container .profile-dropdown .profile-menu .menu-items .logout .menu-icon{color:#ff4c51}.profile-container .profile-dropdown .profile-menu .menu-items .logout:hover{background-color:rgba(0,0,0,.03)}.change-pass-container{display:flex;flex-direction:column}.change-pass-container .form-container .title{color:var(--primary);font-size:24px;font-weight:600;margin-bottom:12px}.change-pass-container .form-container .subtitle{color:#333;font-size:14px;margin-bottom:20px}.change-pass-container .form-container .form{display:flex;flex-direction:column;gap:12px}.change-pass-container .form-container .form .input-group{display:flex;align-items:center;white-space:nowrap;gap:8px;padding:12px;border:1px solid #eee;border-radius:8px;background:#fff;flex:1 1}.change-pass-container .form-container .form .input-group .icon{color:var(--primary);font-size:16px}.change-pass-container .form-container .form .input-group .input{flex:1 1;border:none;outline:none;font-size:14px;background:rgba(0,0,0,0);padding:0}.change-pass-container .form-container .form .input-group .input::placeholder{color:#999}.change-pass-container .form-container .form .checkbox-group{display:flex;align-items:center;gap:5px;font-size:14px}.change-pass-container .form-container .form .checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.change-pass-container .form-container .form .checkbox-group label{color:var(--primary);margin:0;font-size:15px;font-weight:400}.change-pass-container .form-container .form .button{padding:10px;font-size:14px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.change-pass-container .form-container .form .error{color:var(--danger-color);font-size:13px}.change-pass-container .form-container .form .success{color:var(--success-color);font-size:13px}@media(min-width:768px){.change-pass-container{flex-direction:row}.change-pass-container .form-container,.change-pass-container .image-container{flex:1 1}}@media(max-width:1024px){.header .header-title{display:none}.header .desktop-header{margin:0}.header .desktop-header .nav-container{justify-content:end;flex:auto;max-width:0;width:auto;background-color:unset}.header .desktop-header .nav-container .search-container{display:none}}@media(max-width:768px){.profile-container .profile-dropdown .profile-trigger .profile-avatar{height:25px;width:25px}.profile-container .profile-dropdown .profile-trigger .profile-name{display:none}.notification-triggersvg{height:20px;width:20px}.container{flex-direction:column}.change-pass-container{display:flex;flex-direction:column}.header .m-toggle{display:none}}.profile-container{position:relative;height:100%}.profile-container .profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999999998;opacity:0;pointer-events:none;transition:opacity .3s ease}.profile-container .profile-dropdown{position:relative}.profile-container .profile-dropdown.open .profile-overlay{opacity:1;pointer-events:auto}@media(max-width:600px){.profile-container .profile-dropdown .profile-menu{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:80vh;overflow-y:auto;border-radius:10px 10px 0 0!important;box-shadow:0 -5px 20px rgba(0,0,0,.15);animation:slideUp .3s ease-out}.profile-container .profile-dropdown .profile-menu .menu-header{padding:12px 16px}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item{padding:14px 20px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:468px){.header{gap:0}.header .nav-container{max-width:100%;gap:10px}.header .nav-container .search-container svg{width:13px;height:13px;cursor:pointer}.header .nav-container .search-container .search-input-container{padding:5px 10px;height:32px}.header .nav-container .search-container .search-input{padding:0}.header .nav-container .search-container .clear-button{font-size:12px}.header .nav-container .account .profile-icon{width:20px;height:20px}.page-back-button{display:none}.change-pass-container .title{font-size:2rem;margin-bottom:0!important}.change-pass-container .input-group{grid-template-columns:7% 83% 10%}}.navigation-buttons{display:flex;gap:18px;justify-content:flex-end;margin-bottom:30px}.navigation-buttons .navigation-button{background-color:var(--primary);color:#fff;font-size:16;font-weight:500;padding:10px 12px;text-decoration:none;border-radius:8px;display:flex;gap:5px;align-items:center}.roll-list-navigation-btn{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.logo-wrapper{display:flex;align-items:center;gap:8px}.sidebar{max-width:250px;background-color:#fff;transition:width .3s ease-in-out;position:relative;z-index:99999999;height:100vh;border-right:1px solid #e2e8eb}.sidebar .sidebar-toggle-btn{position:absolute;right:-30px;bottom:0;width:28px;height:28px;margin:auto;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:0 8px 8px 0}.sidebar .sidebar-toggle-btn svg{color:var(--primary)}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;height:60px;padding:10px 20px;border-bottom:1px solid #e2e8eb}.sidebar .sidebar-header a{text-decoration:none;color:var(--primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar .sidebar-header a span{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.sidebar .sidebar-header a img{border-radius:8px}.sidebar .sidebar-nav{flex:1 1;overflow-y:auto;height:100vh;padding:30px 0 120px}.sidebar .sidebar-nav .menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.sidebar .sidebar-nav .menu-list .menu-item{position:relative;border-bottom:1px dashed #e2e8eb}.sidebar .sidebar-nav .menu-list .menu-item:last-child{border:none}.sidebar .sidebar-nav .menu-list .menu-item .menu-link{display:flex;align-items:center;gap:6px;padding:12px 15px;text-decoration:none;color:#6b7280;transition:all .3s ease;position:relative;overflow:hidden}.sidebar .sidebar-nav .menu-list .menu-item .menu-link:hover{color:var(--primary);background-color:#f5f5f7}.sidebar .sidebar-nav .menu-list .menu-item .menu-link:hover .menu-icon{transform:scale(1.1);color:var(--primary)}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper .menu-icon{font-size:20px;transition:all .3s ease;color:#64748b}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper .menu-badge{position:absolute;top:-4px;right:-4px;background:#ff4c51;color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:8px;min-width:18px;text-align:center;box-shadow:0 2px 8px rgba(239,68,68,.3)}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper .menu-badge:empty{display:none}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-text-content{flex:1 1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-text-content .menu-text{font-weight:700;font-size:14px;color:#2c2b2e}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-text-content .menu-description{font-size:12px;color:#6b7280;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .active-indicator{position:absolute;right:0;top:0;width:2px;height:100%;background-color:var(--primary);transition:all .3s ease-in-out}.sidebar .sidebar-nav .menu-list .menu-item.active{background:var(--primary-light-rgb)}.sidebar .sidebar-nav .menu-list .menu-item.active .menu-link,.sidebar .sidebar-nav .menu-list .menu-item.active .menu-link .menu-icon{color:var(--primary)}.sidebar .sidebar-nav .menu-list .menu-item.active .menu-link .menu-text{color:var(--primary);font-weight:700}.sidebar.collapse-view .sidebar-header{padding:12px}.sidebar.collapse-view .sidebar-nav .menu-list .menu-item:hover .tooltip{opacity:1;visibility:visible}.sidebar.collapse-view .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper{width:auto}.sidebar.collapse-view .sidebar-nav .menu-list .skeleton-item .menu-link{padding-left:10px;height:50px}.tooltip{position:absolute;top:50%;left:100%;transform:translateX(10px) translateY(-50%);padding:5px 10px;background-color:var(--primary);color:#fff;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s .2s;z-index:99999999}@media(max-width:1024px){.sidebar{position:fixed;top:0;left:0;max-width:50%;height:100vh;transition:transform .3s ease-in-out;padding:0;z-index:999999999}.sidebar .tooltip{display:none}.hide-sidebar{transform:translateX(-102%)}.show-sidebar{transform:translateX(0)}}@media(max-width:768px){.sidebar{max-width:100%}.sidebar .sidebar-header{padding:10px}.sidebar .sidebar-nav{padding:20px 0 120px}.sidebar .sidebar-nav .menu-list{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar .sidebar-nav .menu-list .menu-item{overflow:hidden}.sidebar .sidebar-nav .menu-list .menu-item .menu-link{gap:8px;padding:10px 15px}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper{width:auto}}@media(max-width:480px){.sidebar .sidebar-nav .menu-list{display:flex}.sidebar .sidebar-nav .menu-list .menu-item .menu-link{gap:8px;padding:10px 15px;justify-content:space-between;flex-direction:row-reverse}}.footer-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #e2e8eb;box-shadow:0 -2px 6px rgba(0,0,0,.05);z-index:9999999;display:none;transition:display .3s ease}.footer-bar .footer-bar-items{display:flex;justify-content:space-around;align-items:center;list-style:none;gap:5px}.footer-bar .footer-bar-items .footer-bar-item{display:flex;flex-direction:column;align-items:center;color:#2c2b2e;font-size:14px;font-weight:500;cursor:pointer;transition:color .3s;padding:10px 0}.footer-bar .footer-bar-items .footer-bar-item a{text-decoration:none;color:inherit}.footer-bar .footer-bar-items .footer-bar-item.active{color:var(--primary)!important}.footer-bar .footer-bar-items .footer-bar-item.active .icon-text{margin-top:4px;color:var(--primary)!important;font-weight:400!important}.footer-bar .footer-bar-items .footer-bar-item.active svg{color:var(--primary)}.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer{display:flex;flex-direction:column;align-items:center;color:#999;text-decoration:none}.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer span{font-size:12px}.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer .icon-text{margin-top:4px;color:#000}.footer-bar .footer-bar-items .footer-bar-item .top-indicator{position:absolute;top:0;width:40px;height:3px;background-color:var(--primary);border-radius:3px}@media(max-width:768px){.footer-bar{display:block}}@media(max-width:380px){.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer span{font-size:10px}}.login-page{background:linear-gradient(135deg,#04091a,#0a1530 50%,#060e22)}.login-page .login-hero{position:relative;padding:140px 0 40px;overflow:hidden}.login-page .login-hero .hero-container{max-width:1520px;margin:0 auto;padding:0 10px;display:flex;justify-content:space-between;gap:20px}.login-page .login-hero .hero-content .hero-badge{display:inline-flex;align-items:center;gap:5px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:20px;padding:5px 16px;margin-bottom:20px}.login-page .login-hero .hero-content .hero-badge span{font-size:12px;font-weight:600;color:var(--accent,#e63946);letter-spacing:.5px}.login-page .login-hero .hero-content .hero-badge .badge-icon{color:var(--accent);font-size:14px}.login-page .login-hero .hero-content .hero-title{font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:10px}.login-page .login-hero .hero-content .hero-title span{color:var(--accent,#e63946)}.login-page .login-hero .hero-content .hero-subtitle{font-size:15px;color:#7a8fac;line-height:1.7}.login-page .login-hero .recent-logins-section{max-width:900px;width:100%;margin:0 0 0 auto}.login-page .login-hero .recent-logins-section h3{font-size:14px;font-weight:500;color:#fff;margin-bottom:10px}.login-page .login-hero .recent-logins-section .recent-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-behavior:smooth}.login-page .login-hero .recent-logins-section .recent-grid .credential-card{flex:0 0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:12px 18px;cursor:pointer;transition:all .2s;min-height:100px;min-width:120px;color:#fff}.login-page .login-hero .recent-logins-section .recent-grid .credential-card:hover{background:hsla(0,0%,100%,.09);border-color:rgba(230,57,70,.4)}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .menu-trigger{position:absolute;top:5px;right:5px;background:rgba(0,0,0,0);border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(230,57,70,.15);border-radius:10px;color:var(--accent,#e63946);font-size:18px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card span{display:block;font-size:14px;font-weight:500;color:#fff}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-actions{position:absolute;right:0;top:10px;background:#0d1a35;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);min-width:120px;overflow:hidden;opacity:0}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-actions.open{opacity:1;z-index:100}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-actions button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:rgba(0,0,0,0);border:none;color:#e2e8f0;font-size:13px;cursor:pointer;transition:background .2s}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-actions button:hover{background:rgba(230,57,70,.2);color:var(--accent,#e63946)}.login-page .login-form-section{min-height:100vh;background:#fff;padding:40px 10px;border-radius:20px 20px 0 0}.login-page .login-form-section .form-container{max-width:520px;margin:0 auto}.login-page .login-form-section .form-header{text-align:center;margin-bottom:30px}.login-page .login-form-section .form-header h2{font-size:25px;font-weight:700;color:#0a1530;margin-bottom:8px}.login-page .login-form-section .form-header p{font-size:14px;color:#6b7280}.login-page .login-form-section .login-form .input-group{margin-bottom:20px}.login-page .login-form-section .login-form .input-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.login-page .login-form-section .login-form .input-group .input-wrapper{position:relative;display:flex;align-items:center}.login-page .login-form-section .login-form .input-group .input-wrapper .input-icon{position:absolute;left:14px;color:#9ca3af;font-size:18px}.login-page .login-form-section .login-form .input-group .input-wrapper input{width:100%;padding:14px 14px 14px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .2s}.login-page .login-form-section .login-form .input-group .input-wrapper input:focus{outline:none;border-color:var(--accent,#e63946);box-shadow:0 0 0 3px rgba(230,57,70,.1)}.login-page .login-form-section .login-form .input-group .input-wrapper .password-toggle{position:absolute;right:14px;background:rgba(0,0,0,0);border:none;color:#9ca3af;cursor:pointer;font-size:18px;display:flex;align-items:center}.login-page .login-form-section .login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.login-page .login-form-section .login-form .form-options .checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;cursor:pointer}.login-page .login-form-section .login-form .form-options .checkbox-label input{display:none}.login-page .login-form-section .login-form .form-options .checkbox-label .checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;transition:all .2s}.login-page .login-form-section .login-form .form-options .checkbox-label .checkmark svg{font-size:10px;color:rgba(0,0,0,0)}.login-page .login-form-section .login-form .form-options .checkbox-label input:checked+.checkmark{background:var(--accent,#e63946);border-color:var(--accent,#e63946)}.login-page .login-form-section .login-form .form-options .checkbox-label input:checked+.checkmark svg{color:#fff}.login-page .login-form-section .login-form .form-options .forgot-link{font-size:13px;color:var(--accent,#e63946);text-decoration:none;font-weight:500}.login-page .login-form-section .login-form .form-options .forgot-link:hover{text-decoration:underline}.login-page .login-form-section .login-form .login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent,#e63946);color:#fff;font-size:15px;font-weight:600;padding:14px;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.login-page .login-form-section .login-form .login-btn:hover{background:#c1121f;transform:translateY(-1px)}.login-page .login-form-section .login-form .login-btn:disabled{opacity:.7;cursor:not-allowed}.login-page .login-form-section .form-footer{text-align:center;margin-top:24px}.login-page .login-form-section .form-footer p{font-size:14px;color:#6b7280}.login-page .login-form-section .form-footer p a{color:var(--accent,#e63946);text-decoration:none;font-weight:600}.login-page .login-form-section .form-footer p a:hover{text-decoration:underline}@media(max-width:768px){.login-page .login-hero{padding:90px 0 20px}.login-page .login-hero .hero-container{flex-direction:column;align-items:center;text-align:center}.login-page .login-hero .hero-content .hero-badge{font-size:10px;padding:4px 12px}.login-page .login-hero .hero-content .hero-badge span{font-size:10px}.login-page .login-hero .hero-content .hero-title{font-size:28px}.login-page .login-hero .hero-content .hero-subtitle{font-size:13px}.login-page .login-hero .recent-logins-section h3{font-size:12px}.login-page .login-hero .recent-logins-section .recent-grid{gap:12px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card{min-width:100px;padding:10px 14px;min-height:85px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-icon{width:30px;height:30px;font-size:15px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card span{font-size:12px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .menu-trigger{padding:4px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .menu-trigger svg{font-size:12px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-actions{min-width:100px;top:25px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-actions button{padding:8px 12px;font-size:12px}.login-page .login-hero .recent-logins-section .recent-grid .credential-card .card-actions button svg{font-size:12px}.login-page .login-form-section{padding:30px 10px}.login-page .login-form-section .form-header{margin-bottom:28px}.login-page .login-form-section .form-header h2{font-size:24px}.login-page .login-form-section .form-header p{font-size:13px}.login-page .login-form-section .login-form .input-group{margin-bottom:16px}.login-page .login-form-section .login-form .input-group label{font-size:12px}.login-page .login-form-section .login-form .input-group .input-wrapper .input-icon{font-size:16px;left:12px}.login-page .login-form-section .login-form .input-group .input-wrapper input{padding:12px 12px 12px 40px;font-size:14px}.login-page .login-form-section .login-form .input-group .input-wrapper .password-toggle{right:12px;font-size:16px}.login-page .login-form-section .login-form .form-options{margin-bottom:24px}.login-page .login-form-section .login-form .form-options .checkbox-label,.login-page .login-form-section .login-form .form-options .forgot-link{font-size:12px}.login-page .login-form-section .login-form .login-btn{padding:12px;font-size:14px}.login-page .login-form-section .form-footer{margin-top:20px}.login-page .login-form-section .form-footer p{font-size:13px}}@media(max-width:480px){.login-page .login-hero .hero-content .hero-title{font-size:24px}.login-page .login-hero .hero-content .hero-subtitle{font-size:12px}.login-page .login-form-section .form-header h2{font-size:18px}.login-page .login-form-section .login-form .input-group .input-wrapper input{padding:10px 10px 10px 38px;font-size:13px}}.register-page{background:linear-gradient(135deg,#04091a,#0a1530 50%,#060e22)}.register-page .register-hero{position:relative;padding:100px 0 40px;overflow:hidden}.register-page .register-hero .hero-container{max-width:1520px;margin:0 auto;padding:0 10px;text-align:center}.register-page .register-hero .hero-content .hero-badge{display:inline-flex;align-items:center;gap:5px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:20px;padding:5px 16px;margin-bottom:20px}.register-page .register-hero .hero-content .hero-badge span{font-size:12px;font-weight:600;color:var(--accent,#e63946);letter-spacing:.5px}.register-page .register-hero .hero-content .hero-badge .badge-icon{color:var(--accent);font-size:14px}.register-page .register-hero .hero-content .hero-title{font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:10px}.register-page .register-hero .hero-content .hero-title span{color:var(--accent,#e63946)}.register-page .register-hero .hero-content .hero-subtitle{font-size:15px;color:#7a8fac;line-height:1.7}.register-page .register-form-section{min-height:100vh;background:#fff;padding:40px 10px;border-radius:20px 20px 0 0}.register-page .register-form-section .form-container{max-width:800px;margin:0 auto}.register-page .register-form-section .form-header{text-align:center;margin-bottom:32px}.register-page .register-form-section .form-header h2{font-size:25px;font-weight:700;color:#0a1530;margin-bottom:8px}.register-page .register-form-section .form-header p{font-size:14px;color:#6b7280}.register-page .register-form-section .register-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.register-page .register-form-section .register-form .input-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.register-page .register-form-section .register-form .input-group .input-wrapper{position:relative;display:flex;align-items:center}.register-page .register-form-section .register-form .input-group .input-wrapper .input-icon{position:absolute;left:14px;color:#9ca3af;font-size:18px}.register-page .register-form-section .register-form .input-group .input-wrapper input{width:100%;padding:14px 14px 14px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .2s}.register-page .register-form-section .register-form .input-group .input-wrapper input:focus{outline:none;border-color:var(--accent,#e63946);box-shadow:0 0 0 3px rgba(230,57,70,.1)}.register-page .register-form-section .register-form .input-group .input-wrapper .password-toggle{position:absolute;right:14px;background:rgba(0,0,0,0);border:none;color:#9ca3af;cursor:pointer;font-size:18px;display:flex;align-items:center}.register-page .register-form-section .register-form .input-group .input-wrapper .otp-btn{position:absolute;right:8px;background:var(--accent,#e63946);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.register-page .register-form-section .register-form .input-group .input-wrapper .otp-btn:hover:not(:disabled){background:#c1121f}.register-page .register-form-section .register-form .input-group .input-wrapper .otp-btn:disabled{opacity:.6;cursor:not-allowed}.register-page .register-form-section .register-form .input-group .input-error{font-size:12px;color:#e63946;margin-top:4px}.register-page .register-form-section .register-form .terms-group{margin:28px 0}.register-page .register-form-section .register-form .terms-group .checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#4b5563;cursor:pointer}.register-page .register-form-section .register-form .terms-group .checkbox-label input{display:none}.register-page .register-form-section .register-form .terms-group .checkbox-label .checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;transition:all .2s;flex-shrink:0}.register-page .register-form-section .register-form .terms-group .checkbox-label .checkmark svg{font-size:10px;color:rgba(0,0,0,0)}.register-page .register-form-section .register-form .terms-group .checkbox-label input:checked+.checkmark{background:var(--accent,#e63946);border-color:var(--accent,#e63946)}.register-page .register-form-section .register-form .terms-group .checkbox-label input:checked+.checkmark svg{color:#fff}.register-page .register-form-section .register-form .terms-group .checkbox-label .terms-link{color:var(--accent,#e63946);cursor:pointer;text-decoration:none;font-weight:500}.register-page .register-form-section .register-form .terms-group .checkbox-label .terms-link:hover{text-decoration:underline}.register-page .register-form-section .register-form .terms-group .input-error{font-size:12px;color:#e63946;margin-top:8px;margin-left:28px}.register-page .register-form-section .register-form .register-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent,#e63946);color:#fff;font-size:15px;font-weight:600;padding:14px;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.register-page .register-form-section .register-form .register-btn:hover{background:#c1121f;transform:translateY(-1px)}.register-page .register-form-section .register-form .register-btn:disabled{opacity:.7;cursor:not-allowed}.register-page .register-form-section .form-footer{text-align:center;margin-top:24px}.register-page .register-form-section .form-footer p{font-size:14px;color:#6b7280}.register-page .register-form-section .form-footer p .login-link{color:var(--accent,#e63946);text-decoration:none;font-weight:600}.register-page .register-form-section .form-footer p .login-link:hover{text-decoration:underline}@media(max-width:768px){.register-page .register-hero{padding:100px 0 40px}.register-page .register-hero .hero-content .hero-badge{font-size:10px;padding:4px 12px}.register-page .register-hero .hero-content .hero-badge span{font-size:10px}.register-page .register-hero .hero-content .hero-title{font-size:32px}.register-page .register-hero .hero-content .hero-subtitle{font-size:13px}.register-page .register-form-section{padding:30px 10px}.register-page .register-form-section .form-header{margin-bottom:28px}.register-page .register-form-section .form-header h2{font-size:24px}.register-page .register-form-section .form-header p{font-size:13px}.register-page .register-form-section .register-form .form-grid{grid-template-columns:1fr;gap:16px}.register-page .register-form-section .register-form .input-group.full-width{grid-column:span 1}.register-page .register-form-section .register-form .input-group .input-wrapper .input-icon{font-size:16px;left:12px}.register-page .register-form-section .register-form .input-group .input-wrapper input{padding:12px 12px 12px 40px;font-size:14px}.register-page .register-form-section .register-form .input-group .input-wrapper .password-toggle{right:12px;font-size:16px}.register-page .register-form-section .register-form .input-group .input-wrapper .otp-btn{padding:6px 12px;font-size:11px}.register-page .register-form-section .register-form .terms-group .checkbox-label{font-size:12px}.register-page .register-form-section .register-form .register-btn{padding:12px;font-size:14px}.register-page .register-form-section .form-footer{margin-top:20px}.register-page .register-form-section .form-footer p{font-size:13px}}@media(max-width:480px){.register-page .register-hero .hero-content .hero-title{font-size:28px}.register-page .register-hero .hero-content .hero-subtitle{font-size:12px}.register-page .register-form-section .form-header h2{font-size:18px}.register-page .register-form-section .register-form .input-group .input-wrapper input{padding:10px 10px 10px 38px;font-size:13px}}.forget-page{background:linear-gradient(135deg,#04091a,#0a1530 50%,#060e22)}.forget-page .forget-hero{position:relative;padding:100px 0 40px;overflow:hidden}.forget-page .forget-hero .hero-container{max-width:1520px;margin:0 auto;padding:0 10px;text-align:center}.forget-page .forget-hero .hero-content .hero-badge{display:inline-flex;align-items:center;gap:5px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:20px;padding:5px 16px;margin-bottom:20px}.forget-page .forget-hero .hero-content .hero-badge span{font-size:12px;font-weight:600;color:var(--accent,#e63946);letter-spacing:.5px}.forget-page .forget-hero .hero-content .hero-badge .badge-icon{color:var(--accent);font-size:14px}.forget-page .forget-hero .hero-content .hero-title{font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:10px}.forget-page .forget-hero .hero-content .hero-title span{color:var(--accent,#e63946)}.forget-page .forget-hero .hero-content .hero-subtitle{font-size:15px;color:#7a8fac;max-width:540px;margin:0 auto;line-height:1.7}.forget-page .forget-form-section{min-height:100vh;background:#fff;padding:40px 10px;border-radius:20px 20px 0 0}.forget-page .forget-form-section .form-container{max-width:520px;margin:0 auto}.forget-page .forget-form-section .form-header{text-align:center;margin-bottom:30px}.forget-page .forget-form-section .form-header h2{font-size:25px;font-weight:700;color:#0a1530;margin-bottom:8px}.forget-page .forget-form-section .form-header p{font-size:14px;color:#6b7280}.forget-page .forget-form-section .forget-form .input-group{margin-bottom:20px}.forget-page .forget-form-section .forget-form .input-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.forget-page .forget-form-section .forget-form .input-group .input-wrapper{position:relative;display:flex;align-items:center}.forget-page .forget-form-section .forget-form .input-group .input-wrapper .input-icon{position:absolute;left:14px;color:#9ca3af;font-size:18px}.forget-page .forget-form-section .forget-form .input-group .input-wrapper input{width:100%;padding:14px 14px 14px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .2s}.forget-page .forget-form-section .forget-form .input-group .input-wrapper input:focus{outline:none;border-color:var(--accent,#e63946);box-shadow:0 0 0 3px rgba(230,57,70,.1)}.forget-page .forget-form-section .forget-form .input-group .input-wrapper .password-toggle{position:absolute;right:14px;background:rgba(0,0,0,0);border:none;color:#9ca3af;cursor:pointer;font-size:18px;display:flex;align-items:center}.forget-page .forget-form-section .forget-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0}.forget-page .forget-form-section .forget-form .form-grid .input-group{margin-bottom:0}.forget-page .forget-form-section .forget-form .form-grid .input-group.full-width{grid-column:span 2}.forget-page .forget-form-section .forget-form .forget-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent,#e63946);color:#fff;font-size:15px;font-weight:600;padding:14px;border:none;border-radius:12px;cursor:pointer;transition:all .2s;margin-top:20px}.forget-page .forget-form-section .forget-form .forget-btn:hover{background:#c1121f;transform:translateY(-1px)}.forget-page .forget-form-section .forget-form .forget-btn:disabled{opacity:.7;cursor:not-allowed}.forget-page .forget-form-section .success-message{text-align:center;padding:40px 20px}.forget-page .forget-form-section .success-message .success-icon{width:80px;height:80px;background:rgba(230,57,70,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.forget-page .forget-form-section .success-message .success-icon svg{font-size:40px;color:var(--accent,#e63946)}.forget-page .forget-form-section .success-message p{font-size:16px;color:#374151;margin-bottom:24px}.forget-page .forget-form-section .form-footer{text-align:center;margin-top:24px}.forget-page .forget-form-section .form-footer p{font-size:14px;color:#6b7280}.forget-page .forget-form-section .form-footer p .login-link{color:var(--accent,#e63946);text-decoration:none;font-weight:600}.forget-page .forget-form-section .form-footer p .login-link:hover{text-decoration:underline}@media(max-width:768px){.forget-page .forget-hero{padding:100px 0 40px}.forget-page .forget-hero .hero-content .hero-badge{font-size:10px;padding:4px 12px}.forget-page .forget-hero .hero-content .hero-badge span{font-size:10px}.forget-page .forget-hero .hero-content .hero-title{font-size:32px}.forget-page .forget-hero .hero-content .hero-subtitle{font-size:13px}.forget-page .forget-form-section{padding:30px 10px}.forget-page .forget-form-section .form-header{margin-bottom:28px}.forget-page .forget-form-section .form-header h2{font-size:24px}.forget-page .forget-form-section .form-header p{font-size:13px}.forget-page .forget-form-section .forget-form .input-group{margin-bottom:16px}.forget-page .forget-form-section .forget-form .input-group label{font-size:12px}.forget-page .forget-form-section .forget-form .input-group .input-wrapper .input-icon{font-size:16px;left:12px}.forget-page .forget-form-section .forget-form .input-group .input-wrapper input{padding:12px 12px 12px 40px;font-size:14px}.forget-page .forget-form-section .forget-form .input-group .input-wrapper .password-toggle{right:12px;font-size:16px}.forget-page .forget-form-section .forget-form .form-grid{grid-template-columns:1fr;gap:16px}.forget-page .forget-form-section .forget-form .form-grid .input-group.full-width{grid-column:span 1}.forget-page .forget-form-section .forget-form .forget-btn{padding:12px;font-size:14px;margin-top:16px}.forget-page .forget-form-section .success-message{padding:30px 20px}.forget-page .forget-form-section .success-message .success-icon{width:60px;height:60px}.forget-page .forget-form-section .success-message .success-icon svg{font-size:30px}.forget-page .forget-form-section .success-message p{font-size:14px}.forget-page .forget-form-section .form-footer{margin-top:20px}.forget-page .forget-form-section .form-footer p{font-size:13px}}@media(max-width:480px){.forget-page .forget-hero .hero-content .hero-title{font-size:28px}.forget-page .forget-hero .hero-content .hero-subtitle{font-size:12px}.forget-page .forget-form-section .form-header h2{font-size:18px}.forget-page .forget-form-section .forget-form .input-group .input-wrapper input{padding:10px 10px 10px 38px;font-size:13px}}.section-tag{display:inline-block;font-family:var(--font-head);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);background:rgba(230,57,70,.1);border:1px solid rgba(230,57,70,.25);padding:5px 14px;border-radius:20px;margin-bottom:16px}.section-tag.blue{color:var(--accent2);background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.25)}.auth-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:12px 28px;border-radius:8px;cursor:pointer;transition:all .2s}.red{background:var(--accent);color:#fff;font-family:var(--font-head);border:none}.red:hover{background:var(--accent-hover)}.outline{background:rgba(0,0,0,0);color:var(--text-white);font-family:var(--font-head);border:1px solid hsla(0,0%,100%,.3)}.outline:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.5)}.s-container{max-width:1520px;margin:0 auto;padding:0 10px}.auth-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:background .3s,box-shadow .3s,padding .3s}.auth-nav.nav-scrolled{background:rgba(4,9,26,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 2px 24px rgba(0,0,0,.3);padding:12px 0}.auth-nav .nav-inner{max-width:1520px;margin:0 auto;padding:0 10px;display:flex;align-items:center;gap:40px}.auth-nav .nav-links{display:flex;align-items:center;gap:8px;margin-left:auto}.auth-nav .nav-links li a{font-family:var(--font-head);font-size:14px;font-weight:500;color:hsla(0,0%,100%,.75);padding:8px 14px;transition:color .2s}.auth-nav .nav-links li a:hover{color:var(--accent)}.auth-nav .nav-links .nav-dropdown{position:relative}.auth-nav .nav-links .nav-dropdown .nav-dropdown-btn{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,0);border:none;cursor:pointer;font-family:var(--font-head);font-size:14px;font-weight:500;color:hsla(0,0%,100%,.75);padding:8px 14px;transition:all .2s}.auth-nav .nav-links .nav-dropdown .nav-dropdown-btn:hover{color:var(--accent)}.auth-nav .nav-links .nav-dropdown .nav-dropdown-btn svg{font-size:10px}.auth-nav .nav-links .nav-dropdown .products-dropdown{position:absolute;top:calc(100% + 14px);left:0;width:320px;background:rgba(17,24,39,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .22s ease;box-shadow:0 20px 60px rgba(0,0,0,.35)}.auth-nav .nav-links .nav-dropdown .products-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item{display:block;padding:14px;border-radius:12px;transition:all .2s ease}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item:hover{background:hsla(0,0%,100%,.05)}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item:hover .product-item-content .product-icon,.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item:hover .product-item-content .product-text h4{color:var(--accent)}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item .product-item-content{display:flex;align-items:flex-start;gap:14px}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item .product-item-content .product-icon{min-width:32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.88);transition:all .2s ease}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item .product-item-content .product-icon svg{transition:all .2s ease}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item .product-item-content .product-text{flex:1 1;min-width:0}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item .product-item-content .product-text h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;font-family:var(--font-head)}.auth-nav .nav-links .nav-dropdown .products-dropdown .product-item .product-item-content .product-text p{font-size:12px;line-height:1.5;color:var(--text-muted)}.auth-nav .nav-actions{display:flex;align-items:center;gap:12px}.auth-nav .nav-actions .nav-cta{background:var(--accent);color:#fff;font-family:var(--font-head);font-size:13px;font-weight:700;padding:9px 22px;border-radius:8px;transition:background .2s;white-space:nowrap}.auth-nav .nav-actions .nav-cta:hover{background:var(--accent-hover)}.auth-nav .nav-actions .nav-burger{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:auto}.auth-hero{background:linear-gradient(135deg,#04091a,#0a1530 50%,#060e22);padding:140px 0 80px;position:relative;overflow:hidden;border-radius:0 0 20px 20px}.auth-hero .hero-inner{max-width:1520px;margin:0 auto;padding:0 10px;text-align:center;position:relative;z-index:1}.auth-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--text-light);font-family:var(--font-head);letter-spacing:.5px;margin-bottom:28px}.auth-hero .hero-badge span{color:var(--accent)}.auth-hero .hero-title{font-family:var(--font-head);font-size:58px;font-weight:800;color:var(--text-white);line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.auth-hero .hero-title span{color:var(--accent)}.auth-hero .hero-sub{font-size:17px;font-weight:400;color:var(--text-muted);max-width:540px;margin:0 auto 36px;line-height:1.7}.auth-hero .hero-btns{display:flex;gap:14px;justify-content:center;align-items:center;margin-bottom:60px}.auth-hero .hero-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:28px}.auth-hero .hero-tabs .hero-tab{display:flex;align-items:center;gap:7px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-muted);font-family:var(--font-head);font-size:13px;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;transition:all .2s}.auth-hero .hero-tabs .hero-tab svg{font-size:14px}.auth-hero .hero-tabs .hero-tab:hover{background:hsla(0,0%,100%,.09);color:var(--text-white)}.auth-hero .hero-tabs .hero-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.auth-hero .hero-screen{background:rgba(13,26,53,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.05);max-width:1240px;margin:0 auto}.auth-hero .hero-screen .hero-screen-bar{background:hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.08);padding:12px 18px;display:flex;align-items:center;gap:8px}.auth-hero .hero-screen .hero-screen-bar .bar-dot{min-width:11px;width:11px;height:11px;border-radius:50%}.auth-hero .hero-screen .hero-screen-bar .bar-dot:first-child{background:#e63946}.auth-hero .hero-screen .hero-screen-bar .bar-dot:nth-child(2){background:#f59e0b}.auth-hero .hero-screen .hero-screen-bar .bar-dot:nth-child(3){background:#10b981}.auth-hero .hero-screen .hero-screen-bar .bar-url{margin-left:12px;background:hsla(0,0%,100%,.06);border-radius:4px;padding:4px 16px;font-size:11px;font-family:var(--font-head);color:var(--text-muted);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-hero .hero-screen .hero-screen-body{display:flex;overflow:hidden}.auth-hero .hero-screen .hero-screen-body .mock-sidebar{width:200px;min-width:200px;background:var(--bg-white);border-right:1px solid #e2e8eb;display:flex;flex-direction:column}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-logo-row{display:flex;justify-content:flex-start;align-items:center;gap:10px;cursor:pointer;padding:5px 16px;color:var(--primary);margin-bottom:10px;border-bottom:1px solid #e2e8eb}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-logo-row span{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .15s;border-bottom:1px dashed #e2e8eb}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item.active{background:var(--primary-light-rgb);color:var(--accent)}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item.active:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:var(--primary);transition:all .3s ease-in-out}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item .item-icon{display:flex;justify-content:center;align-items:center;position:relative}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item .item-icon svg{font-size:16px;color:#64748b}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item .item-icon .item-badge{position:absolute;top:-8px;right:-5px;background:#ff4c51;color:#fff;font-size:5px;font-weight:700;padding:2px 6px;border-radius:8px}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item .item-content{display:flex;text-align:left;flex-direction:column;gap:2px}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item .item-content span:first-child{font-weight:600;color:#2c2b2e;font-size:10px}.auth-hero .hero-screen .hero-screen-body .mock-sidebar .mock-nav-item .item-content span:last-child{font-size:9px;color:var(--text-muted)}.auth-hero .hero-screen .hero-screen-body .mock-main{flex:1 1;position:relative;overflow:hidden}.auth-hero .hero-screen .hero-screen-body .mock-main img{width:100%;height:auto;display:block}.auth-shedule-demo{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:99999999999;padding:10px}.auth-shedule-demo-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}.auth-shedule-demo-inner{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);max-width:900px;width:100%;padding:30px;position:relative;max-height:90vh;overflow-y:auto}@media(max-width:768px){.auth-shedule-demo-inner{padding:20px}}.auth-shedule-demo-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,0);border:none;color:var(--primary);font-size:20px;cursor:pointer;transition:all .3s ease}.auth-shedule-demo-close:hover{color:var(--primary);transform:rotate(90deg)}.auth-shedule-demo-header{text-align:center;margin-bottom:30px}.auth-shedule-demo-header h2{font-size:28px;color:#2c2b2e;margin:15px 0 10px}@media(max-width:768px){.auth-shedule-demo-header h2{font-size:22px}}.auth-shedule-demo-header p{color:var(--primary);font-size:16px;margin:0}@media(max-width:768px){.auth-shedule-demo-header p{font-size:14px}}.auth-shedule-demo-icon{background:rgba(var(--primary),.1);color:var(--primary);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:24px}.auth-shedule-demo-form{display:flex;flex-direction:column;gap:20px}.auth-shedule-demo-form-group{display:flex;flex-direction:column;gap:8px}.auth-shedule-demo-form-group label{letter-spacing:.4px;color:#333;font-size:13px;font-weight:400;display:block}.auth-shedule-demo-form-group input,.auth-shedule-demo-form-group select,.auth-shedule-demo-form-group textarea{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff;width:100%}.auth-shedule-demo-form-group input:focus,.auth-shedule-demo-form-group select:focus,.auth-shedule-demo-form-group textarea:focus{outline:none;border-color:var(--primary-light)}@media(max-width:768px){.auth-shedule-demo-form-group input,.auth-shedule-demo-form-group select,.auth-shedule-demo-form-group textarea{padding:10px 14px;font-size:14px}}.auth-shedule-demo-form-group textarea{resize:vertical}.auth-shedule-demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:480px){.auth-shedule-demo-form-row{grid-template-columns:1fr}}.auth-shedule-demo-submit{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:8px;grid-column:span 2;width:100%;height:45px;margin-top:30px;font-size:18px;font-weight:700}.auth-shedule-demo-submit:hover{background-color:var(--primary-light);box-shadow:0 4px 6px rgba(0,0,0,.0470588235)}@media(max-width:768px){.auth-shedule-demo-submit{padding:10px 20px;font-size:14px}}.auth-shedule-demo-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 0}.auth-shedule-demo-success p{color:#333;font-size:15px;margin:0;line-height:1.5;max-width:80%}.slider-section{background:var(--bg-white);padding:80px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);overflow:hidden}.slider-section .slider-label{text-align:center;font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:28px}.slider-section .slider-track-wrap{position:relative;overflow:hidden}.slider-section .slider-track-wrap:after,.slider-section .slider-track-wrap:before{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2}.slider-section .slider-track-wrap:before{left:0;background:linear-gradient(90deg,white,transparent)}.slider-section .slider-track-wrap:after{right:0;background:linear-gradient(270deg,white,transparent)}.slider-section .slider-track-wrap .slider-track{display:flex;gap:60px;animation:slide 30s linear infinite;width:max-content}.slider-section .slider-track-wrap .slider-track .slider-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:15px;font-weight:800;color:#9ca3af;white-space:nowrap;transition:color .2s}.slider-section .slider-track-wrap .slider-track .slider-logo svg{font-size:18px}.slider-section .slider-track-wrap .slider-track .slider-logo:hover{color:var(--text-dark)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.auth-features{background:linear-gradient(160deg,#04091a,#0a1530);padding:100px 0;position:relative;overflow:hidden;border-radius:20px}.auth-features .features-head{text-align:center;margin-bottom:70px;position:relative;z-index:1}.auth-features .features-head .features-title{font-family:var(--font-head);font-size:42px;font-weight:800;color:var(--text-white);line-height:1.15;letter-spacing:-1px;margin-bottom:14px}.auth-features .features-head .features-title span{color:var(--accent)}.auth-features .features-head .features-sub{font-size:16px;color:var(--text-muted);max-width:480px;margin:0 auto;line-height:1.7}.auth-features .features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;position:relative;z-index:1}.auth-features .features-grid .feat-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:40px;transition:transform .2s,background .2s,border-color .2s;overflow:hidden}.auth-features .features-grid .feat-card .feat-title{font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--text-white);margin-bottom:10px}.auth-features .features-grid .feat-card .feat-desc{font-size:15px;color:var(--text-muted);line-height:1.7}.auth-features .features-grid .feat-card:hover{background:hsla(0,0%,100%,.06);border-color:rgba(230,57,70,.2)}.auth-features .features-grid .feat-card:first-child{grid-column:1/4}.auth-features .features-grid .feat-card:nth-child(2){grid-column:4/6}.auth-features .features-grid .feat-card:nth-child(3){grid-column:1/3}.auth-features .features-grid .feat-card:nth-child(4){grid-column:3/6}.auth-features .features-grid .feat-card--wide{display:flex;align-items:center;gap:28px}.auth-features .features-grid .feat-card--wide .feat-content{flex:1 1;min-width:0}.auth-features .features-grid .feat-card--wide .feat-illustration{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:200px}.auth-features .features-grid .feat-card--narrow{display:flex;flex-direction:column}.auth-features .features-grid .feat-card--narrow .feat-illustration{margin-top:20px;width:100%}.auth-features .features-grid .feat-card--red{background:rgba(230,57,70,.05);border-color:rgba(230,57,70,.15)}.auth-features .features-grid .feat-card--red:hover{border-color:rgba(230,57,70,.3)}.auth-features .features-grid .feat-card--blue-wide{background:rgba(37,99,235,.05);border-color:rgba(37,99,235,.15)}.auth-features .features-grid .feat-card--blue-wide:hover{border-color:rgba(37,99,235,.3)}.auth-ecosystem{background:var(--bg-white);padding:100px 0}.auth-ecosystem .ecosystem-head{text-align:center;margin-bottom:70px}.auth-ecosystem .ecosystem-head .ecosystem-title{font-family:var(--font-head);font-size:40px;font-weight:800;color:var(--text-dark);line-height:1.15;letter-spacing:-1px;margin-bottom:14px}.auth-ecosystem .ecosystem-head .ecosystem-title span{color:var(--accent)}.auth-ecosystem .ecosystem-head .ecosystem-sub{font-size:16px;color:#6b7280;max-width:500px;margin:0 auto;line-height:1.7}.auth-ecosystem .eco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.auth-ecosystem .eco-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:20px;overflow:hidden;transition:box-shadow .2s;box-shadow:var(--shadow-card)}.auth-ecosystem .eco-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.12)}.auth-ecosystem .eco-card:nth-child(3){grid-column:1/-1}.auth-ecosystem .eco-card:nth-child(3) .eco-mock{flex-direction:row;align-items:center}.auth-ecosystem .eco-card:nth-child(3) .eco-mock-visual{flex:1 1;max-width:unset}.auth-ecosystem .eco-card-head{padding:10px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-light)}.auth-ecosystem .eco-card-head .ec-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.auth-ecosystem .eco-card-head .ec-name{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text-dark)}.auth-ecosystem .eco-card-head .ec-tag{margin-left:auto;font-size:10px;font-weight:500;font-family:var(--font-head);padding:3px 9px;border-radius:4px;background:rgba(230,57,70,.1);color:var(--accent);letter-spacing:.5px;white-space:nowrap}.auth-ecosystem .eco-card-body{padding:16px 24px 20px}.auth-ecosystem .eco-card-body p{font-size:15px;color:#6b7280;line-height:1.6;margin-bottom:14px}.auth-ecosystem .eco-card-footer{padding:12px 24px;border-top:1px solid var(--border-light);background:#f9fafb}.auth-ecosystem .eco-mock{display:flex;align-items:flex-start;gap:24px}.auth-ecosystem .eco-mock-visual{flex:1 1;max-width:360px;display:flex;align-items:center;justify-content:center}.auth-ecosystem .eco-mock-visual svg{width:100%;height:auto;display:block}.auth-ecosystem .eco-feature-list{display:flex;flex-direction:column;gap:10px;flex-shrink:0;min-width:180px}.auth-ecosystem .eco-feature-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;font-family:var(--font-head);font-weight:500}.auth-ecosystem .eco-feature-list li svg{color:#10b981;font-size:14px;flex-shrink:0}.auth-ecosystem .eco-link{font-family:var(--font-head);font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;transition:gap .2s}.auth-ecosystem .eco-link svg{font-size:11px}.auth-ecosystem .eco-link:hover{gap:10px}.auth-metrics{background:var(--bg-dark);padding:80px 0;position:relative;overflow:hidden}.auth-metrics .metrics-inner{display:grid;grid-template-columns:1fr 3fr;gap:80px;align-items:center;position:relative;z-index:1}.auth-metrics .metrics-left .ml-tag{display:inline-block;background:rgba(230,57,70,.15);color:var(--accent);font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:16px}.auth-metrics .metrics-left h2{font-family:var(--font-head);font-size:30px;font-weight:800;color:var(--text-white);line-height:1.2;letter-spacing:-.5px}.auth-metrics .metrics-right{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.auth-metrics .metrics-right .metric-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:border-color .2s,background .2s}.auth-metrics .metrics-right .metric-card:hover{border-color:rgba(230,57,70,.3);background:hsla(0,0%,100%,.07)}.auth-metrics .metrics-right .metric-card .metric-icon{font-size:32px;margin-bottom:14px;color:var(--accent)}.auth-metrics .metrics-right .metric-card .metric-num{font-family:var(--font-head);font-size:44px;font-weight:800;color:var(--text-white);letter-spacing:-1px;line-height:1;margin-bottom:8px}.auth-metrics .metrics-right .metric-card .metric-num span{color:var(--accent)}.auth-metrics .metrics-right .metric-card .metric-label{font-size:13px;color:var(--text-muted);font-family:var(--font-head)}.auth-why{background:var(--bg-light);padding:100px 0}.auth-why .why-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.auth-why .why-left .why-header h2{font-family:var(--font-head);font-size:38px;font-weight:800;color:var(--text-dark);line-height:1.15;letter-spacing:-.8px;margin-bottom:16px}.auth-why .why-left .why-header h2 span{color:var(--accent)}.auth-why .why-left .why-header p{font-size:15px;color:#6b7280;line-height:1.7;margin-bottom:32px}.auth-why .why-left .why-list{display:flex;flex-direction:column;gap:14px}.auth-why .why-left .why-list .why-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color .2s,transform .2s}.auth-why .why-left .why-list .why-item:hover{border-color:rgba(230,57,70,.3);transform:translateX(4px)}.auth-why .why-left .why-list .why-item-icon{width:40px;height:40px;min-width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.auth-why .why-left .why-list .why-item-icon.red{background:rgba(230,57,70,.1);color:var(--accent)}.auth-why .why-left .why-list .why-item-icon.blue{background:rgba(37,99,235,.1);color:var(--accent2)}.auth-why .why-left .why-list .why-item-icon.green{background:rgba(16,185,129,.1);color:#10b981}.auth-why .why-left .why-list .why-item-text h4{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.auth-why .why-left .why-list .why-item-text p{font-size:13px;color:#6b7280;line-height:1.5;margin:0}.auth-why .why-action{margin-top:28px}.auth-why .why-right{position:relative}.auth-why .why-right .why-mock{background:linear-gradient(135deg,var(--bg-dark2),var(--bg-card));border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px;box-shadow:0 40px 80px rgba(0,0,0,.2)}.auth-why .why-right .why-mock .why-mock-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.auth-why .why-right .why-mock .why-mock-header .why-mock-title{font-family:var(--font-head);font-size:13px;font-weight:700;color:#fff}.auth-why .why-right .why-mock .wm-prog-bar{height:4px;background:hsla(0,0%,100%,.07);border-radius:2px;margin-top:6px}.auth-why .why-right .why-mock .wm-prog-bar .fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),#f59e0b)}.testimonials{background:var(--bg-white);padding:100px 0;overflow:hidden}.testimonials .testimonials-head{text-align:center;margin-bottom:60px}.testimonials .testimonials-head h2{font-family:var(--font-head);font-size:38px;font-weight:800;color:var(--text-dark);letter-spacing:-1px;margin-bottom:12px}.testimonials .testimonials-head h2 span{color:var(--accent)}.testimonials .testimonials-head p{font-size:15px;color:#6b7280}.testimonials .testi-track{display:flex;gap:24px}.testimonials .testi-track .testi-slider{display:flex;gap:24px;animation:slideLeft 40s linear infinite;width:max-content}.testimonials .testi-track .testi-slider:hover{animation-play-state:paused}.testimonials .testi-track .testi-slider .testi-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);padding:28px;width:340px;min-width:340px;box-shadow:var(--shadow-card);transition:transform .2s}.testimonials .testi-track .testi-slider .testi-card .testi-stars{display:flex;gap:3px;color:#f59e0b;font-size:13px;margin-bottom:14px}.testimonials .testi-track .testi-slider .testi-card .testi-text{font-size:14px;color:#4b5563;line-height:1.7;margin-bottom:20px;font-style:italic}.testimonials .testi-track .testi-slider .testi-card .testi-author{display:flex;align-items:center;gap:12px}.testimonials .testi-track .testi-slider .testi-card .testi-author .testi-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:15px;color:#fff}.testimonials .testi-track .testi-slider .testi-card .testi-author .testi-name{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text-dark)}.testimonials .testi-track .testi-slider .testi-card .testi-author .testi-role{font-size:11px;color:#9ca3af;font-family:var(--font-head)}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.pricing{background:var(--bg-white);padding:100px 0;position:relative}.pricing .pricing-head{text-align:center;margin-bottom:60px}.pricing .pricing-head h2{font-family:var(--font-head);font-size:40px;font-weight:800;color:var(--text-dark);letter-spacing:-1px;margin-bottom:14px}.pricing .pricing-head h2 span{color:var(--accent)}.pricing .pricing-head p{font-size:15px;color:#6b7280;max-width:440px;margin:0 auto}.pricing .package-toggle-container{display:flex;justify-content:center;margin:30px 0 50px}.pricing .package-toggle-container .price-tabs{display:flex;border:1px solid #eaeaea;border-radius:8px;overflow:hidden;white-space:nowrap}.pricing .package-toggle-container .price-tabs button{flex:1 1;padding:8px 30px;border:none;background:#f8f9fa;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.pricing .package-toggle-container .price-tabs button.active{background:var(--accent);color:#fff}.pricing .package-toggle-container .price-tabs button:hover:not(.active){background:#e9ecef}.pricing .packages-section-inner{padding:0 10px}.pricing .packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;margin:auto}.pricing .packages-grid .package-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;transition:transform .3s ease;border:1px solid #eaeaea}.pricing .packages-grid .package-card.recommended{border:1px solid var(--primary)}.pricing .packages-grid .package-card .recommended-badge{position:absolute;top:-12px;right:20px;background:var(--primary);color:#fff;padding:4px 16px;border-radius:20px;font-size:12.8px;font-weight:700}.pricing .packages-grid .package-card .plan-name{font-size:20px;font-weight:600;color:#333;margin-bottom:10px;display:flex;align-items:center;gap:5px}.pricing .packages-grid .package-card .plan-name:first-child svg{color:#4a89dc}.pricing .packages-grid .package-card .plan-name:nth-child(2) svg{color:#e9573f}.pricing .packages-grid .package-card .plan-description{color:#666;margin-bottom:15px;font-size:16px}.pricing .packages-grid .package-card .price-section{margin-bottom:12px}.pricing .packages-grid .package-card .price-section .discounted-price{display:flex;flex-direction:column;gap:8px}.pricing .packages-grid .package-card .price-section .price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pricing .packages-grid .package-card .price-section .original-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pricing .packages-grid .package-card .price-section .original-price{font-size:16px;color:#999;text-decoration:line-through;font-weight:500}.pricing .packages-grid .package-card .price-section .final-price{font-size:30px;font-weight:700;color:#2c2b2e;line-height:1.2}.pricing .packages-grid .package-card .price-section .regular-price{display:flex;align-items:baseline;gap:8px}.pricing .packages-grid .package-card .price-section .price{font-size:30px;font-weight:700;color:#2c2b2e}.pricing .packages-grid .package-card .price-section .discount-badge{display:inline-block;width:fit-content;background:#dc2626;color:#fff;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.pricing .packages-grid .package-card .price-section .discount-period{color:#666;font-size:14px;font-weight:400}.pricing .packages-grid .package-card .price-section .period{color:#666;font-size:16px;font-weight:500}.pricing .packages-grid .package-card .price-section .monthly-equivalent{font-size:13px;color:#008001;font-weight:500;margin-top:8px}.pricing .packages-grid .package-card .plan-features{border-top:1px solid #f0f0f0;list-style:none;padding:20px 0 0;margin-bottom:20px}.pricing .packages-grid .package-card .plan-features .svg{color:var(--primary)}.pricing .packages-grid .package-card .plan-features li{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#333;font-size:15px}.pricing .packages-grid .package-card .cta-button{margin-top:auto;display:block;width:100%;padding:10px 20px;border-radius:10px;font-weight:600;text-align:center;text-decoration:none;transition:all .2s ease;font-size:16px;cursor:pointer}.pricing .packages-grid .package-card .cta-button.primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.pricing .packages-grid .package-card .cta-button:hover{opacity:.9;transform:translateY(-1px)}.pricing .packages-grid .package-card .cta-button.secondary{background:#fff;color:var(--primary);border:1px solid var(--primary)}.faq{background:var(--bg-light);padding:100px 0}.faq .faq-inner{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}.faq .faq-left h2{font-family:var(--font-head);font-size:36px;font-weight:800;color:var(--text-dark);letter-spacing:-.8px;margin-bottom:14px}.faq .faq-left h2 span{color:var(--accent)}.faq .faq-left p{font-size:14px;color:#6b7280;line-height:1.7;margin-bottom:28px}.faq .faq-list{display:flex;flex-direction:column;gap:12px}.faq .faq-list .faq-item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s}.faq .faq-list .faq-item .faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--text-dark);gap:12px}.faq .faq-list .faq-item .faq-q .faq-icon{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--bg-light);color:var(--text-muted);transition:background .2s,color .2s,transform .2s}.faq .faq-list .faq-item .faq-a{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;font-size:14px;color:#6b7280;line-height:1.7}.faq .faq-list .faq-item .faq-a.open{max-height:200px;padding:0 20px 18px}.faq .faq-list .faq-item.open{border-color:rgba(230,57,70,.3)}.faq .faq-list .faq-item.open .faq-q .faq-icon{background:var(--accent);color:#fff;transform:rotate(45deg)}.auth-footer{background:var(--bg-dark);font-family:var(--font-head)}.auth-footer-top-inner{max-width:1520px;margin:0 auto;padding:72px 32px 48px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:48px}.auth-footer-logo{margin-bottom:16px}.auth-footer-description{font-size:13px;color:var(--text-muted);line-height:1.7;margin-bottom:20px}.auth-footer-social-links{display:flex;gap:10px}.auth-footer-social-links a{width:34px;height:34px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;transition:all .2s}.auth-footer-social-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.auth-footer-heading{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-white);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.auth-footer-icon{font-size:11px;color:var(--accent)}.auth-footer-links{display:flex;flex-direction:column;gap:10px}.auth-footer-links li a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);transition:color .2s}.auth-footer-links li a svg{font-size:11px}.auth-footer-links li a:hover{color:var(--text-white)}.auth-footer-contact-info{display:flex;flex-direction:column;gap:14px}.auth-footer-contact-item{display:flex;align-items:flex-start;gap:10px}.auth-footer-contact-item h4{font-size:11px;font-weight:700;color:var(--text-white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.auth-footer-contact-item a,.auth-footer-contact-item p{font-size:12px;color:var(--text-muted);line-height:1.5;transition:color .2s}.auth-footer-contact-item a:hover{color:var(--text-white)}.auth-footer-contact-icon{color:var(--accent);font-size:16px;margin-top:2px;flex-shrink:0}.auth-footer-bottom{border-top:1px solid var(--border-dark)}.auth-footer-bottom-inner{max-width:1520px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}.auth-footer-bottom-inner p{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.auth-footer-bottom-inner p svg{font-size:12px}.auth-footer-policy-links{display:flex;gap:24px}.auth-footer-policy-links li a{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);transition:color .2s}.auth-footer-policy-links li a svg{font-size:11px}.auth-footer-policy-links li a:hover{color:var(--text-white)}.auth-footer-policy-icon{font-size:10px}.features-page{position:relative;padding-bottom:50px}.features-page .features-hero{background:linear-gradient(135deg,#04091a,#0a1530 50%,#060e22);color:#fff;padding:100px 20px 80px;position:relative;overflow:hidden}.features-page .features-hero-inner{text-align:center;position:relative;z-index:2}.features-page .features-hero .features-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);color:var(--primary);padding:6px 12px;border-radius:100px;font-size:12px;font-weight:500;margin-bottom:10px}.features-page .features-hero .features-badge svg{font-size:15px;color:#01a601}.features-page .features-hero h1{font-size:30px;font-weight:700;line-height:1.2;margin-bottom:10px}.features-page .features-hero p{font-size:14px;line-height:1.6;margin-bottom:10px}.features-page .features-hero .hero-stats{display:flex;justify-content:center;gap:40px}.features-page .features-hero .hero-stats .stat-item{display:flex;align-items:center;gap:10px}.features-page .features-hero .hero-stats .stat-item .stat-icon{display:flex;justify-content:center;align-items:center;font-size:20px;opacity:.8;background:hsla(0,0%,100%,.1);width:32px;height:32px;border-radius:8px}.features-page .features-hero .hero-stats .stat-item .stat-content{text-align:left}.features-page .features-hero .hero-stats .stat-item .stat-number{font-size:18px;font-weight:800;line-height:1}.features-page .features-hero .hero-stats .stat-item .stat-label{font-size:11px;opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.features-page .features-layout{display:grid;grid-template-columns:350px 1fr;gap:30px;position:relative;z-index:10;max-width:1520px;margin:-40px auto 0}.features-page .features-layout .features-sidebar{width:100%;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);height:fit-content;position:sticky;top:120px}.features-page .features-layout .features-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #e2e8eb}.features-page .features-layout .features-sidebar .sidebar-header h3{font-size:18px;font-weight:600;color:#2c2b2e}.features-page .features-layout .features-sidebar .sidebar-header .auto-play-btn{display:flex;align-items:center;gap:6px;background-color:#fff;padding:5px 10px;border-radius:8px;font-size:12px;color:var(--primary);cursor:pointer;border:1px solid #e2e8eb}.features-page .features-layout .features-sidebar .features-nav{display:flex;flex-direction:column;gap:5px}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;background:#fff;border:none;cursor:pointer;transition:all .3s ease}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item.active{background:#f8fafc}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item .nav-icon{font-size:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item .nav-title{font-size:14px;font-weight:500;color:var(--primary)}.features-page .features-layout .features-sidebar .sidebar-footer{padding:20px 15px;border-top:1px solid #e2e8eb}.features-page .features-layout .features-sidebar .sidebar-footer .integration-badge{display:flex;justify-content:center;align-items:center;gap:5px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:5px 10px;border-radius:8px;font-size:14px}.features-page .features-layout .feature-details-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.features-page .features-layout .feature-details-panel .feature-visual-section{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8eb}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container{position:relative;display:flex;align-items:center;gap:30px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .feature-main-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .feature-main-icon span{display:flex;align-items:center;justify-content:center;font-size:32px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .floating-icons{position:relative;display:flex;gap:12px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .floating-icons .floating-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.1);font-size:18px;color:var(--primary);animation:floatFeatureIcons 3s ease-in-out infinite}@keyframes floatFeatureIcons{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:120px}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats .stat-value{font-size:18px;font-weight:700;margin-bottom:4px}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats .stat-label{font-size:12px;color:#64748b}.features-page .features-layout .feature-details-panel .feature-content .feature-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section h2{font-size:20px;font-weight:600;color:#2c2b2e}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section .feature-tag{display:flex;justify-content:flex-end;align-items:center;gap:5px;padding:5px 10px;border-radius:100px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.features-page .features-layout .feature-details-panel .feature-content .feature-header .feature-indicators{display:flex;gap:5px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .feature-indicators .indicator{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.features-page .features-layout .feature-details-panel .feature-content .feature-header .feature-indicators.active{transform:scale(1.2)}.features-page .features-layout .feature-details-panel .feature-content .feature-description{font-size:15px;line-height:1.6;color:#64748b;margin-bottom:20px}.features-page .features-layout .feature-details-panel .feature-content .use-case-section{background:#f8fafc;padding:10px 12px;border-radius:8px;margin-bottom:20px}.features-page .features-layout .feature-details-panel .feature-content .use-case-section .use-case-header{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-weight:600;color:#2c2b2e;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.features-page .features-layout .feature-details-panel .feature-content .use-case-section .use-case-text{font-size:12px;line-height:1.6;color:#64748b;margin:0}.features-page .features-layout .feature-details-panel .feature-content .features-list{margin-bottom:20px}.features-page .features-layout .feature-details-panel .feature-content .features-list h4{font-size:18px;font-weight:600;color:#2c2b2e;margin-bottom:20px}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid{display:grid;gap:20px}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid .feature-item{display:flex;align-items:center;gap:10px;color:#5a677d;font-size:14px}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid .feature-item .feature-check{font-size:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.features-page .features-layout .feature-details-panel .feature-content .benefits-section h4{font-size:18px;font-weight:600;color:#2c2b2e;margin-bottom:20px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f8fafc;border-radius:8px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item .benefit-icon{font-size:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049)}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item span{color:var(--primary);font-weight:500;font-size:12px;line-height:1.4}@media(max-width:1100px){.auth-footer-top-inner{grid-template-columns:1fr 1fr 1fr}.auth-footer .footer-main{flex-direction:column;text-align:center;gap:50px}.auth-footer .footer-links-zone .links-ring{width:240px;height:240px}.auth-footer .footer-contact-zone{width:100%;max-width:400px;margin:0 auto}.auth-footer .footer-social-bar{flex-direction:column;text-align:center}}@media(max-width:768px){.auth-btn{padding:10px 12px}.section-tag{font-size:8px}.auth-nav{padding:10px 0}.auth-nav .nav-actions{margin-left:auto}.auth-nav .nav-actions .nav-cta{padding:8px 12px}.auth-nav .nav-actions .nav-burger{display:flex;align-items:center}.auth-nav .nav-links{display:none;position:fixed;align-items:flex-start;top:64px;left:0;right:0;background:var(--bg-dark);flex-direction:column;padding:24px 32px;gap:4px;border-bottom:1px solid var(--border-dark)}.auth-nav .nav-links.open{display:flex}.auth-nav .nav-links li a{display:block;padding:12px 16px}.auth-hero{padding:110px 0 50px}.auth-hero .hero-badge{font-size:10px}.auth-hero .hero-title{font-size:32px}.auth-hero .hero-sub{font-size:14px}.auth-hero .hero-btns{gap:10px;margin-bottom:20px}.auth-hero .hero-tabs .hero-tab{padding:5px 10px}.auth-hero .hero-tabs .hero-tab.active svg{display:block}.auth-hero .hero-tabs .hero-tab svg{display:none}.auth-hero .hero-screen .hero-screen-body{flex-direction:column}.auth-hero .hero-screen .hero-screen-body .mock-sidebar{display:none}.slider-section{padding:40px 0}.slider-section .slider-label{font-weight:600;font-size:8px}.auth-features{padding:40px 0}.auth-features .features-head{margin-bottom:40px}.auth-features .features-head .features-title{font-size:30px}.auth-features .features-head .features-sub{font-size:14px}.auth-features .features-grid{grid-template-columns:1fr}.auth-features .features-grid .feat-card{padding:20px}.auth-features .features-grid .feat-card .feat-title{font-size:18px}.auth-features .features-grid .feat-card .feat-desc{font-size:13px}.auth-features .features-grid .feat-card:first-child,.auth-features .features-grid .feat-card:nth-child(2),.auth-features .features-grid .feat-card:nth-child(3),.auth-features .features-grid .feat-card:nth-child(4){grid-column:auto}.auth-features .features-grid .feat-card--wide{flex-direction:column;align-items:flex-start}.auth-features .features-grid .feat-card--wide .feat-illustration{width:100%;max-height:160px}.auth-ecosystem{padding:40px 0}.auth-ecosystem .ecosystem-head{margin-bottom:20px}.auth-ecosystem .ecosystem-head .ecosystem-title{font-size:30px}.auth-ecosystem .ecosystem-head .ecosystem-sub{font-size:14px}.auth-ecosystem .eco-grid{grid-template-columns:1fr;gap:18px}.auth-ecosystem .eco-card{border-radius:14px}.auth-ecosystem .eco-card-head{padding:10px 16px}.auth-ecosystem .eco-card-body{padding:14px 16px 16px}.auth-ecosystem .eco-card-footer{padding:10px 16px}.auth-ecosystem .eco-card-head .ec-name{font-size:16px}.auth-ecosystem .eco-card-body p{font-size:13px}.auth-ecosystem .eco-mock{flex-direction:column}.auth-ecosystem .eco-mock-visual{max-width:100%;width:100%}.auth-ecosystem .eco-feature-list{min-width:unset;width:100%}.auth-ecosystem .eco-feature-list li{font-size:12px}.auth-metrics{padding:40px 0}.auth-metrics .metrics-inner{grid-template-columns:1fr;gap:40px}.auth-metrics .metrics-left{text-align:center}.auth-metrics .metrics-left .ml-tag{font-size:8px}.auth-metrics .metrics-right{grid-template-columns:1fr}.auth-metrics .metrics-right .metric-card{padding:20px}.auth-metrics .metrics-right .metric-card .metric-icon,.auth-metrics .metrics-right .metric-card .metric-num{font-size:30px}.auth-why{padding:40px 0}.auth-why .why-inner{grid-template-columns:1fr;gap:30px}.auth-why .why-left .why-header{text-align:center}.auth-why .why-left .why-header h2{font-size:30px}.auth-why .why-left .why-header p{font-size:14px}.auth-why .why-left .why-list .why-item{padding:10px}.auth-why .why-action{text-align:center}.testimonials{padding:40px 0}.testimonials .testimonials-head{margin-bottom:30px}.testimonials .testimonials-head h2{font-size:30px}.testimonials .testimonials-head p{font-size:14px}.testimonials .testi-track .testi-slider .testi-card{padding:20px}.testimonials .testi-track .testi-slider .testi-card .testi-text{font-size:12px}.testimonials .testi-track .testi-slider .testi-card .testi-author .testi-av{width:32px;height:32px;font-size:14px}.testimonials .testi-track .testi-slider .testi-card .testi-author .testi-name{font-size:12px}.pricing{padding:40px 0}.pricing .pricing-head{margin-bottom:30px}.pricing .pricing-head h2{font-size:30px}.pricing .pricing-head p{font-size:14px}.faq{padding:40px 0}.faq .faq-inner{grid-template-columns:1fr;gap:40px}.faq .faq-left{text-align:center}.faq .faq-left h2{font-size:30px}.faq .faq-left p{font-size:14px}.faq .faq-list .faq-item .faq-q{padding:10px 12px}.faq .faq-list .faq-item .faq-q .faq-icon{width:14px;height:14px;min-width:14px;font-size:10px}.faq .faq-list .faq-item .faq-a.open{padding:0 12px 10px;font-size:13px}.auth-footer-top-inner{padding:40px 10px;grid-template-columns:1fr;gap:30px}.auth-footer-bottom-inner{flex-direction:column;gap:14px;text-align:center}.auth-footer-policy-links{flex-wrap:wrap;justify-content:center}.features-page .features-hero{padding:100px 10px 40px}.features-page .features-hero .features-hero-inner{text-align:center}.features-page .features-hero .features-hero-inner h1{font-size:22px;margin-bottom:8px}.features-page .features-hero .features-hero-inner p{font-size:14px}.features-page .features-hero .features-hero-inner .features-badge{padding:5px 10px;font-size:10px;gap:6px}.features-page .features-hero .features-hero-inner .features-badge svg{font-size:12px}.features-page .features-hero .features-hero-inner .hero-stats{gap:10px;align-items:center}.features-page .features-hero .features-hero-inner .hero-stats .stat-item{gap:8px}.features-page .features-hero .features-hero-inner .hero-stats .stat-item .stat-icon{width:28px;height:28px;font-size:16px}.features-page .features-hero .features-hero-inner .hero-stats .stat-item .stat-number{font-size:16px}.features-page .features-hero .features-hero-inner .hero-stats .stat-item .stat-label{font-size:10px}.features-page .features-layout{grid-template-columns:1fr;gap:15px;margin-top:-20px;padding:0 10px}.features-page .features-layout .features-sidebar{position:relative;overflow:hidden;top:unset;width:100%;box-shadow:none;border:1px solid #e2e8eb}.features-page .features-layout .features-sidebar .sidebar-header{padding:8px 12px}.features-page .features-layout .features-sidebar .sidebar-header h3{font-size:18px}.features-page .features-layout .features-sidebar .sidebar-header .auto-play-btn{padding:4px 8px;font-size:12px}.features-page .features-layout .features-sidebar .features-nav{flex-direction:row;white-space:nowrap;overflow:auto}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item{padding:8px 10px;gap:8px}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item.active{background-color:var(--primary);color:#fff}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item.active .nav-title{color:#fff}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item .nav-icon{width:26px;height:26px;font-size:14px}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item .nav-title{font-size:14px}.features-page .features-layout .features-sidebar .sidebar-footer{padding:12px}.features-page .features-layout .features-sidebar .sidebar-footer .integration-badge{font-size:12px;padding:4px 8px}.features-page .features-layout .feature-details-panel{padding:12px}.features-page .features-layout .feature-details-panel .feature-visual-section{gap:10px;margin-bottom:10px;padding-bottom:10px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container{align-items:center;gap:10px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .feature-main-icon{width:50px;height:50px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .feature-main-icon span{font-size:24px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .floating-icons{gap:8px}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .floating-icons .floating-icon{width:30px;height:30px;font-size:14px}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats{min-width:auto}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats .stat-value{font-size:16px}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats .stat-label{font-size:12px}.features-page .features-layout .feature-details-panel .feature-content .feature-header{flex-direction:column;align-items:flex-start;gap:5px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section{gap:6px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section h2{font-size:18px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section .feature-tag{padding:4px 8px;font-size:10px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .feature-indicators{gap:4px}.features-page .features-layout .feature-details-panel .feature-content .feature-header .feature-indicators .indicator{width:6px;height:6px}.features-page .features-layout .feature-details-panel .feature-content .feature-description{font-size:14px;margin-bottom:15px}.features-page .features-layout .feature-details-panel .feature-content .use-case-section{padding:8px 10px}.features-page .features-layout .feature-details-panel .feature-content .use-case-section .use-case-header{font-size:12px;gap:4px}.features-page .features-layout .feature-details-panel .feature-content .use-case-section .use-case-text{font-size:13px}.features-page .features-layout .feature-details-panel .feature-content .features-list{margin-bottom:15px}.features-page .features-layout .feature-details-panel .feature-content .features-list h4{font-size:16px;margin-bottom:10px}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid{gap:12px}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid .feature-item{gap:8px}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid .feature-item .feature-check{width:26px;height:26px;font-size:12px}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid .feature-item span{font-size:14px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section h4{font-size:16px;margin-bottom:10px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid{gap:8px;grid-template-columns:1fr}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item{padding:8px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item .benefit-icon{width:32px;height:32px;font-size:14px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item span{font-size:13px}}@media(max-width:480px){.auth-footer .footer-container{padding:50px 16px 20px}.auth-footer .footer-brand-zone .brand-stats{flex-direction:column;gap:15px}.auth-footer .footer-contact-zone .contact-card:hover{transform:translateX(0) translateY(-5px)}}.admin-dashboard-container{min-height:100vh;display:flex;flex-direction:column}.admin-dashboard-container .admin-header{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);position:sticky;top:0;z-index:999}.admin-dashboard-container .admin-header .header-content{max-width:1320px;margin:0 auto;padding:10px;display:flex;justify-content:space-between;align-items:center}.admin-dashboard-container .admin-header .header-content img{cursor:pointer}.admin-dashboard-container .dashboard-content{flex:1 1;max-width:1320px;width:100%;margin:0 auto;padding:30px 10px}.admin-dashboard-container .dashboard-content .welcome-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:40px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:8px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-title{font-size:22px;font-weight:700;color:#111827}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-icon{color:var(--primary);font-size:28px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-subtitle{font-size:16px;color:#6b7280}.admin-dashboard-container .dashboard-content .companies-section .companies-list{background-color:#fff;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-header{display:grid;grid-template-columns:1.8fr 1fr 1fr .8fr .8fr .5fr;padding:8px 10px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:var(--primary)}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-header .header-item{padding:10px;font-size:14px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body{display:flex;flex-direction:column}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row{display:grid;grid-template-columns:1.8fr 1fr 1fr .8fr .8fr .5fr;padding:8px 10px;font-size:14px;transition:background-color .2s ease}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row:last-child{border-bottom:none}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row:hover{background-color:#f9fafb}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row.expired{background-color:#fef2f2;border-left:2px solid #dc2626}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item{padding:8px;display:flex;align-items:center}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item span{display:flex;align-items:center;gap:2px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item.name{flex-direction:column;align-items:flex-start;gap:4px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item.name h3{font-size:14px;font-weight:500;color:#2c2b2e;margin:0}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item.name .company-description{font-size:14px;color:#6b7280;margin:0}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .subscription{display:flex;flex-direction:column;gap:5px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .subscription .subscription-date{display:flex;align-items:center;gap:5px;color:#999;font-size:13px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .subscription .subscription-date small{font-size:13px;color:#2c2b2e}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container{display:none}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:16px;margin-bottom:16px;transition:all .2s ease}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card.expired{background-color:#fef2f2;border:1px solid #eb4b4b}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card:hover{background-color:#f9fafb}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row{display:flex;justify-content:space-between;margin-bottom:8px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row span{display:flex;align-items:center;gap:2px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-label{font-weight:600;color:#374151}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-value{color:#111827}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-description{color:#6b7280;font-size:14px;margin:8px 0 12px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-actions{display:flex;justify-content:flex-end}.admin-dashboard-container .dashboard-content .companies-section .status-badge{font-size:12px;font-weight:600;padding:5px 12px;border-radius:9999px;text-transform:capitalize}.admin-dashboard-container .dashboard-content .companies-section .status-badge.active,.admin-dashboard-container .dashboard-content .companies-section .status-badge.completed,.admin-dashboard-container .dashboard-content .companies-section .status-badge.verified{background-color:#ecfdf5;color:#059669}.admin-dashboard-container .dashboard-content .companies-section .status-badge.pending{background-color:#fffbeb;color:#d97706}.admin-dashboard-container .dashboard-content .companies-section .status-badge.expired{background-color:#ffd9d9;color:#dc2626}.admin-dashboard-container .dashboard-content .companies-section .status-badge.block,.admin-dashboard-container .dashboard-content .companies-section .status-badge.failed,.admin-dashboard-container .dashboard-content .companies-section .status-badge.rejected{background-color:#fef2f2;color:#dc2626}.admin-dashboard-container .dashboard-content .companies-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.admin-dashboard-container .dashboard-content .companies-section .empty-state .empty-icon{margin-bottom:10px;color:#d1d5db}.admin-dashboard-container .dashboard-content .companies-section .empty-state h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:8px}.admin-dashboard-container .dashboard-content .companies-section .empty-state p{color:#6b7280;margin-bottom:24px}.admin-dashboard-container .dashboard-content .companies-section .empty-state .add-company-btn{background-color:var(--primary);color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;text-decoration:none}.admin-dashboard-container .dashboard-content .companies-section .empty-state .add-company-btn:hover{background-color:var(--primary-light-rgb)}.admin-dashboard-container .dashboard-content .add-company-cta{display:flex;justify-content:flex-end}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link{display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:#fff;color:var(--primary);border:1px solid #e2e8eb;border-radius:6px;font-weight:500;text-decoration:none;transition:all .2s}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link:hover{background-color:var(--primary-light-rgb)}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link svg{color:var(--primary)}.admin-my-account-profile .admin-account-header{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);position:sticky;top:0;z-index:999}.admin-my-account-profile .admin-account-header-inner{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px}.admin-my-account-profile .admin-account-header-inner .back-to-home img{cursor:pointer}.admin-my-account-profile-inner{max-width:1320px;padding:20px 10px;margin:auto}@media(max-width:1024px){.admin-dashboard-container .dashboard-content .companies-section .companies-list{overflow-x:auto}.admin-dashboard-container .dashboard-content .companies-section .companies-list .company-row,.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-header{min-width:800px}}@media(max-width:999px){.admin-dashboard-container .admin-header .header-content{padding:16px}.admin-dashboard-container .dashboard-content{padding:24px 16px}.admin-dashboard-container .dashboard-content .companies-section .companies-list{display:none}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container,.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card{display:block}}@media(min-width:1000px){.company-cards-container{display:none}.companies-list{display:block}}@media(max-width:768px){.admin-dashboard-container .admin-header .header-content{padding:10px}.admin-dashboard-container .admin-header .header-content .logo-wrapper span{display:none}.admin-dashboard-container .dashboard-content{padding:10px}.admin-dashboard-container .dashboard-content .welcome-section{margin-bottom:20px;text-align:center}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-title{font-size:22px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-icon{font-size:24px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-subtitle{font-size:14px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card{padding:10px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-label{font-size:14px;font-weight:700}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-value{font-size:12px}.admin-dashboard-container .dashboard-content .companies-section .status-badge{padding:2px 8px;font-size:10px}.admin-dashboard-container .dashboard-content .add-company-cta{width:100%;justify-content:flex-end}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link{padding:5px 10px;font-size:14px;gap:5px}}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner{display:flex;flex-direction:column;align-items:center;width:100%;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner .title{font-size:32px;font-weight:500;color:var(--primary);margin-bottom:5px}@media(max-width:768px){.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner .title{font-size:22px}}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner svg{color:var(--primary-light)}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner .password-toggle{display:flex;align-items:center;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form{width:100%}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form .sendOTP-button{background:var(--primary);color:#fff;width:100%;padding:12px;border:none;border-radius:8px;font-weight:700;font-size:18px;cursor:pointer;display:flex;align-items:center;gap:3px;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form .sendOTP-button:hover{box-shadow:0 4px 6px rgba(0,0,0,.049)}@media(max-width:768px){.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form .sendOTP-button{height:auto;margin-top:0;padding:10px;font-size:14px}}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .right-panel .illustration{padding:0}.select-field{border-radius:8px;width:100%;padding:8px 12px;background-color:rgba(0,0,0,0);color:#3c3939}.select-field.common-placeholder{color:#ccc}.select-field option{color:#000}.select-field option[value=""]{color:#ccc}.add-employee-form .employee-fields-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:10px}.add-employee-form .employee-fields-wrapper .employee-field{display:flex;flex-direction:column;position:relative}.add-employee-form .employee-fields-wrapper .employee-field .error-message{color:#ff4c51;position:absolute;left:0;bottom:-15;font-size:10}.add-employee-form .employee-fields-wrapper .employee-field .employee-field input[type=text]::placeholder{color:#ccc;font-size:13px;font-weight:400}.add-employee-form .react-datepicker-wrapper{width:100%}.add-employee-form input,.add-employee-form select{padding:8px 12px;font-size:16px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.add-employee-form input:focus,.add-employee-form select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.add-employee-form input::placeholder,.add-employee-form select::placeholder{color:#ccc;font-size:13px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.add-employee-form .create-employess-action{display:flex;justify-content:flex-end;gap:10px}.add-employee-form .create-employess-action .form-button{background-color:var(--primary);border:unset;padding:10px 30px;border-radius:8px;color:#fff;font-size:16px;font-weight:500;margin-top:10px}.add-employee-form .create-employess-action .form-button:hover{background:var(--primary-light)}.invite-employees-popup p{font-size:16px;color:var(--primary);font-weight:600;margin-bottom:10px}.invite-employees-popup input{margin-bottom:20px}.invite-employees-popup .close-btn{color:#fff;background-color:#9cb9d0}.invite-employees-popup .invites-btn{display:flex;gap:20px}@media(max-width:992px){.add-employee-form .employee-fields-wrapper{grid-template-columns:1fr 1fr;gap:10px}.add-employee-form .employee-fields-wrapper .employee-field{gap:8px}}@media(max-width:576px){.add-employee-form .employee-fields-wrapper{grid-template-columns:1fr}.add-employee-form .create-employess-action .form-button{font-size:15px}.add-employee-form .create-employess-action{justify-content:center}.add-employee-form .create-employess-action .form-button{width:100%;padding:12px 0;margin-top:40px}}.add-role-form{background:#fff;border-radius:8px 8px 0 0;margin:auto;box-shadow:0 4px 8px rgba(0,0,0,.1019607843),0 10px 20px rgba(0,0,0,.0509803922);width:100%}.add-role-form form{padding:15px}.add-role-form h2{text-align:center;background-color:var(--primary);padding:20px;border-radius:8px 8px 0 0;color:#fff}.roll-name-input{margin-bottom:20px}.roll-name-input label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.roll-name-input input,.roll-name-input textarea{width:100%;padding:10px 12px;border:1px solid #e2e8eb;border-radius:8px}.roll-name-input input:focus,.roll-name-input textarea:focus{outline:none;border-color:var(--primary-light);background:#fff}.switch-button{display:flex;margin-bottom:20px;flex-wrap:wrap}.switch-button button{padding:10px 18px 10px 5px;font-size:14px;font-weight:500;border-radius:15px 73px 0 0;border:1px solid #fff;background-color:#f3f3f3;cursor:pointer;transition:background .3s}.switch-button button.active{background-color:var(--primary);color:#fff}.wrapper{position:relative;display:flex;justify-content:center;align-items:center}.tabs-box{display:flex;gap:10px;list-style:none;overflow-x:hidden;scroll-behavior:smooth}.tabs-box .tab{cursor:pointer;padding:8px 18px;background-color:#f4f4f4;border-radius:30px;font-size:.95rem;transition:background .3s}.tabs-box .tab.active{background-color:var(--primary);color:#fff}.icon i{font-size:18px;color:var(--primary)}.tabs-box.dragging{cursor:grab}.permissions-container{margin-top:15px;border:1px solid #e2e8eb;border-radius:8px}.permissions-container label{display:grid;grid-template-columns:1fr auto;align-items:center;background:#fff;border-bottom:1px solid #efefef;border-radius:0;padding:8px 12px;gap:10px;cursor:pointer;text-transform:capitalize}.permissions-container .select-all-label{background-color:#f5f5f5;font-weight:700}.permissions-container .role-checkbox{accent-color:var(--primary);width:15px;height:15px}.permission-tab-popup{background:#dee9f2;border-radius:8px}.role-action{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.role-action .addrole-btn:disabled{background-color:#ddd;cursor:not-allowed}.permission-group-header{display:flex;gap:10px;flex-wrap:wrap}.permission-group-header .permission-label{display:flex;align-items:center;gap:6px;background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer}.login-container2.register-contianer .login-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}.login-container2.register-contianer .login-form .input-wrapper{display:grid;grid-template-columns:1fr 10fr 1fr;gap:2px;padding:8px 10px}.login-container2{display:grid;height:100vh;grid-template-columns:50% 50%;position:relative;overflow:hidden;align-items:center}.login-container2 .left-panel{padding:60px 80px 60px 100px;background-color:#fff;height:100vh;display:flex;align-items:center}.login-container2 .left-panel .form-box{width:100%}.login-container2 .left-panel .title{font-size:32px;font-weight:500;color:var(--primary);margin-bottom:5px}.login-container2 .left-panel .description{font-size:16px;color:#646565;margin-bottom:30px;font-weight:500;letter-spacing:.3px}.login-container2 .left-panel .agreement-group .agreement-input-wrapper{position:relative;margin:20px 0;display:flex;align-items:center;gap:2px;white-space:nowrap;font-size:14px}.login-container2 .left-panel .agreement-group .agreement-input-wrapper input{accent-color:var(--primary);width:16px;height:16px;cursor:pointer;margin-right:4px}.login-container2 .left-panel .agreement-group .agreement-input-wrapper .terms-link{color:var(--primary);text-decoration:underline;cursor:pointer;margin-left:4px}.login-container2 .left-panel .input-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.login-container2 .left-panel .input-group svg{cursor:pointer;color:var(--primary)}.login-container2 .left-panel .input-group .input-error{font-size:12px;color:red}.login-container2 .left-panel .input-wrapper{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;padding:12px;border:1px solid #ddd;margin-bottom:1rem;border-radius:8px;height:45px}.login-container2 .left-panel .input-wrapper:focus-within{background-color:rgba(0,0,0,0);border-color:var(--primary-light)}.login-container2 .left-panel .input-wrapper .input-icon{color:var(--primary);transition:color .3s ease,background .3s ease}.login-container2 .left-panel .input-wrapper input:-webkit-autofill,.login-container2 .left-panel .input-wrapper select:-webkit-autofill,.login-container2 .left-panel .input-wrapper textarea:-webkit-autofill{-webkit-text-fill-color:inherit;box-shadow:inset 0 0 0 1000px rgba(0,0,0,0);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-container2 .left-panel .input-wrapper .otp-button{display:flex;align-items:center;padding:4px 6px;background-color:var(--primary);color:#fff;gap:5px;white-space:nowrap;border-radius:8px;cursor:pointer;border:none;font-size:12px}.login-container2 .left-panel .input-wrapper .otp-button:focus{outline:none}.login-container2 .left-panel .input-wrapper input{padding:0;width:100%;border:none;outline:none;font-size:15px;color:#2c2b2e;font-weight:500}.login-container2 .left-panel .input-wrapper input::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.login-container2 .left-panel .input-wrapper .password-toggle-btn{display:flex;align-items:center;justify-content:center}.login-container2 .left-panel .login-button{background:var(--primary);color:#fff;height:45px;width:100%;border:none;border-radius:8px;font-weight:700;font-size:18px;cursor:pointer;letter-spacing:.3px;margin-top:30px;grid-column:span 2}.login-container2 .left-panel .login-button:hover{box-shadow:0 4px 6px rgba(0,0,0,.049);background-color:var(--primary-light)}.login-container2 .left-panel .remember-forgot{display:flex;justify-content:space-between;margin:30px 0}.login-container2 .left-panel .remember-forgot .forgot-password-link{font-size:14px;color:var(--primary);text-decoration:none;font-weight:600}.login-container2 .left-panel .signup-text{text-align:center;margin-top:1rem}.login-container2 .left-panel .signup-text a{color:var(--primary);font-weight:700}.login-container2 .left-panel .login-footer-links{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;justify-content:center;text-transform:capitalize}.login-container2 .left-panel .login-footer-links a{color:var(--primary);font-weight:600;text-decoration:none}.login-container2 .left-panel .login-footer-links a:hover{color:var(--primary-light)}.login-container2 .right-panel{flex:1 1;display:flex;align-items:center;justify-content:center}.login-container2 .right-panel .illustration{max-width:90%;height:auto}.login-container2 .custom-checkbox{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.2px;color:var(--primary);cursor:pointer;transition:all .2s ease;position:relative}.login-container2 .custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.login-container2 .custom-checkbox .checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #999;border-radius:8px;transition:all .2s ease}.login-container2 .custom-checkbox .checkmark .checkmark-icon{opacity:0;font-size:12px}.login-container2 .custom-checkbox input:checked+.checkmark{background:#fff;border-color:var(--primary)}.login-container2 .custom-checkbox input:checked+.checkmark .checkmark-icon{opacity:1;color:var(--primary)}.login-container2 .custom-checkbox input:checked+.checkmark span{color:red}.agree-terms-conditions{line-height:1.6}.agree-terms-conditions h3{margin-top:10px;margin-bottom:5px;font-size:18px}@media(max-width:1440px){.login-container2 .left-panel{padding:50px}}@media(max-width:1024px){.login-container2{grid-template-columns:100%}.login-container2 .left-panel{padding:40px}.login-container2 .right-panel{display:none}}@media(max-width:768px){.login-container2 .left-panel{padding:50px 12px}.login-container2 .left-panel .title{font-size:26px}.login-container2 .left-panel .subtitle{font-size:18px}.login-container2 .left-panel .description{font-size:13px}.login-container2 .left-panel .input-wrapper{padding:10px}.login-container2 .left-panel .login-button{font-size:16px;padding:.65rem}.login-container2 .left-panel .remember-forgot{align-items:flex-start;gap:10px;margin:20px auto}.login-container2 .left-panel .remember-forgot .custom-checkbox,.login-container2 .left-panel .remember-forgot .forgot-password-link{font-size:12px}}@media(max-width:480px){.login-container2.register-contianer .login-form{display:flex;flex-direction:column}.login-container2{align-items:flex-start;height:auto;min-height:90vh}.login-container2 .left-panel{padding:20px 12px;height:auto;min-height:80vh}.login-container2 .left-panel .title{font-size:22px}.login-container2 .left-panel .subtitle{font-size:16px}.login-container2 .left-panel .description{font-size:12px;margin-bottom:20px}.login-container2 .left-panel .input-wrapper{padding:8px;margin-bottom:10px}.login-container2 .left-panel .input-wrapper input{padding:0}.login-container2 .left-panel .login-button{font-size:14px;padding:10px;height:auto;margin-top:0}.login-container2 .left-panel .login-footer-links{margin-top:20px}.login-container2 .left-panel .login-footer-links a{font-size:14px}}.dashboard-page .user-welcome-info{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.dashboard-page .user-welcome-info h2{font-size:20px;font-weight:600}.dashboard-page .user-welcome-info h2 span{color:var(--primary)}.dashboard-page .user-welcome-info img{object-fit:cover;position:absolute;right:0}.dashboard-page .overview-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.dashboard-page .overview-grid-container .card{background:#fff;padding:12px;border-radius:8px;border:1px solid #e2e8eb;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;cursor:pointer;text-decoration:none}.dashboard-page .overview-grid-container .card:hover{box-shadow:0 4px 6px rgba(0,0,0,.049);border-color:var(--primary-light)}.dashboard-page .overview-grid-container .card:hover .card-content .card-header .icon-shell{transform:scale(1.05);background-color:var(--primary)}.dashboard-page .overview-grid-container .card:hover .card-content .card-header .icon-shell svg{color:#fff}.dashboard-page .overview-grid-container .card .card-content{display:flex;flex-direction:column;height:100%}.dashboard-page .overview-grid-container .card .card-content .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px}.dashboard-page .overview-grid-container .card .card-content .card-header .icon-shell{background-color:var(--primary-light-rgb);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .3s ease;flex-shrink:0}.dashboard-page .overview-grid-container .card .card-content .card-header .icon-shell svg{color:var(--primary);transition:color .3s ease}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values{flex:1 1;overflow:hidden}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values .card-label{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values .value-count{font-size:18px;font-weight:600;color:var(--primary);line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator .trend-up{color:#10b981}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator .trend-down{color:#ef4444}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator .trend-normal{color:#d4af37}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator svg{font-size:10px}.dashboard-page .overview-grid-container .card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f3f4f6}.dashboard-page .overview-grid-container .card .card-content .card-footer .view-all{color:#9ca3af;font-size:12px;font-weight:500}.dashboard-page .overview-grid-container .card .card-content .card-footer .view-link{color:var(--primary);font-size:12px;font-weight:600;text-decoration:none;transition:color .2s ease}.dashboard-page .stat-performance-container .stats-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #e2e8eb;transition:all .3s ease}.dashboard-page .stat-performance-container .stats-card .card-header-section{margin-bottom:20px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section{display:flex;align-items:flex-start;gap:10px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper{background:var(--primary-light-rgb);padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper svg{color:var(--primary);font-size:18px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#2c2b2e}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section p{margin:0;font-size:14px;color:#6b7280}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats{display:flex;gap:20px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item{display:flex;flex-direction:column;align-items:flex-end}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-label{font-size:14px;color:#6b7280;margin-bottom:4px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-value{font-size:16px;font-weight:700;color:#2c2b2e}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section{display:flex;justify-content:space-between;align-items:center;gap:15px}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls{display:flex;background:#f8fafc;border-radius:12px;padding:4px;border:1px solid #e2e8eb}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls .tab-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:none;background:rgba(0,0,0,0);border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls .tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 4px 6px rgba(0,0,0,.049)}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container{position:relative}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#2c2b2e;transition:all .2s ease}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown:hover{border-color:var(--primary)}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-arrow{font-size:12px;transition:transform .2s ease}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-arrow.open{transform:rotate(180deg)}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:8px;z-index:1000;min-width:120px;margin-top:4px}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-menu .dropdown-item{padding:10px 16px;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s ease;border-bottom:1px solid #e2e8eb}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-menu .dropdown-item:last-child{border-bottom:none}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-menu .dropdown-item.active,.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-menu .dropdown-item:hover{background:var(--primary-light-rgb);color:var(--primary)}.dashboard-page .stat-performance-container .stats-card .chart-container{margin-top:20px}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip{background:#fff;border:1px solid #e2e8eb;border-radius:8px;padding:10px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-header{display:flex;align-items:center;gap:5px;margin-bottom:8px;font-size:14px;font-weight:600;color:#6b7280}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content{display:flex;flex-direction:column;gap:4px}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content .tooltip-item{display:flex;align-items:center;gap:8px;font-size:14px}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content .tooltip-item .color-indicator{width:8px;height:8px;border-radius:50%}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content .tooltip-item .label{color:#64748b;text-transform:capitalize}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content .tooltip-item .value{font-weight:600;color:#1e293b}.dashboard-page .stat-performance-container .stats-card .sale-list{display:flex;flex-wrap:wrap;gap:16px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item{background:#f8fafc;border-radius:8px;padding:10px;border:1px solid #e2e8eb;transition:all .3s ease;position:relative}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item:hover{border-color:var(--primary-light)}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header{display:flex;align-items:flex-start;gap:5px;margin-bottom:16px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-icon{font-size:20px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-icon.gold{color:gold}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-icon.silver{color:silver}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-icon.bronze{color:#cd7f32}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-icon.purple{color:#8b5cf6}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-icon.blue{color:#3b82f6}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-number{background:#64748b;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info{flex:1 1}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-name{margin:0 0 8px;color:var(--primary);font-size:14px;font-weight:700;line-height:1.3}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats{display:flex;gap:10px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats .stat{display:flex;align-items:center;gap:6px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats .stat .stat-icon{color:#6b7280;font-size:12px;flex-shrink:0}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats .stat .stat-value{color:#374151;font-size:14px;font-weight:500}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges{display:flex;gap:8px;flex-wrap:wrap}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge .badge-icon{font-size:12px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge.quantity-badge{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge.revenue-badge{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.2)}.dashboard-page .stat-performance-container .stats-card .chart-legend{display:flex;justify-content:center;gap:20px;padding-top:15px;border-top:1px solid #e2e8eb}.dashboard-page .stat-performance-container .stats-card .chart-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.dashboard-page .stat-performance-container .stats-card .chart-legend .legend-item .legend-color{width:12px;height:12px;border-radius:3px}.sales-report-page .s-r-filter-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:10px 0}.sales-report-page .s-r-filter-controls h2{color:var(--primary);font-size:16px}@media(max-width:768px){.dashboard-page .overview-grid-container{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-page .stat-performance-container .stats-card{padding:15px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content{flex-direction:column}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats{width:100%;justify-content:space-between}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item{align-items:flex-start}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section{flex-direction:column;gap:12px}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls{order:2;width:100%;justify-content:center}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container{order:1;align-self:flex-end}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);min-width:0}.sales-report-page .s-r-filter-controls{flex-direction:column;align-items:flex-start;gap:15px}}@media(max-width:480px){.dashboard-page .user-welcome-info{margin-bottom:15px}.dashboard-page .user-welcome-info h2{font-size:16px}.dashboard-page .user-welcome-info img{width:40px;height:40px}.dashboard-page .overview-grid-container{gap:10px}.dashboard-page .overview-grid-container .card{padding:0}.dashboard-page .overview-grid-container .card .card-content .card-header{padding:8px}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values .card-label{font-size:12px}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values .value-count{font-size:16px}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator{position:absolute;bottom:2px;right:10px;font-size:10px}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator svg{font-size:8px}.dashboard-page .overview-grid-container .card .card-content .card-footer{background:#f0f8ff;padding:2px 10px}.dashboard-page .overview-grid-container .card .card-content .card-footer span.view-all{font-size:10px}.dashboard-page .overview-grid-container .card .card-content .card-footer span.view-link{display:none}.dashboard-page .stat-performance-container .stats-card{padding:12px;margin-bottom:15px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section h3{font-size:16px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section p{font-size:12px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats{flex-wrap:wrap;gap:15px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-label{font-size:12px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-value{font-size:15px}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls{flex-wrap:wrap}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls .tab-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);min-width:0;padding:8px 12px;font-size:14px}.dashboard-page .stat-performance-container .stats-card .sale-list{flex-direction:column}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item{flex:1 1 100%}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-name{font-size:14px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats{gap:5px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats .stat .stat-value{font-size:12px}.dashboard-page .stat-performance-container .stats-card .chart-legend{flex-wrap:wrap;gap:10px}.dashboard-page .stat-performance-container .stats-card .chart-legend .legend-item{font-size:13px}.sales-report-page .s-r-filter-controls{gap:10px}.sales-report-page .s-r-filter-controls h2{font-size:14px}}.account-packages-header{width:100%;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:10px;position:sticky;top:0;z-index:99999}.account-packages-header .acc-pkg-header-inner{max-width:1320px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto}.account-packages-header .acc-pkg-header-inner .back-to-pkgs{padding:8px;background-color:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.account-packages-header .category-filter,.account-packages-header .category-filter .filter-group{display:flex;align-items:center;gap:10px}.account-packages-header .category-filter .filter-group label{display:block;font-size:14px;color:#2c2b2e;margin:0}.account-packages-header .category-filter select{padding:5px 8px;font-size:14px;border-radius:8px;border-color:#dee9f2;cursor:pointer}.no-packages-message{text-align:center;padding:2rem;background:hsla(0,0%,100%,.8);border-radius:8px;grid-column:1/-1;margin:2rem 0;border:1px dashed #ccc}.no-packages-message h3{color:#555;font-size:1.5rem;margin-bottom:.5rem}.no-packages-message p{color:#777;margin-bottom:1rem}.no-packages-message .empty-box-icon{font-size:4rem;margin-bottom:1rem;display:inline-block;animation:pkgBounce 2s infinite}@keyframes pkgBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.no-packages-message .suggestions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.wave-hand{font-size:2rem;display:inline-block;animation:pkgWave 2s infinite;transform-origin:70% 70%}@keyframes pkgWave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.select-button-container button{width:100%;margin-top:10px}.profile-page .session-header-wrapper,.profile-page-inner{display:flex;flex-direction:column;gap:20px}.profile-page .session-header-wrapper .profile-page-header{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper{height:150px;width:100%;position:relative;overflow:hidden;border-radius:8px 8px 0 0}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-slider{position:relative;width:100%;height:100%}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-slider .cover-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-slider .cover-slide.active{opacity:1}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-slider .cover-slide .cover-image{width:100%;height:100%;object-fit:cover}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-indicators .indicator{width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid #01a601;cursor:pointer;transition:all .3s ease}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-indicators .indicator.active{background:var(--primary);transform:scale(1.2)}.profile-page .session-header-wrapper .profile-page-header .profile-about{padding:10px 20px;display:flex;gap:20px;height:80px;border-bottom:1px solid #e2e8eb}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-image{border:1px solid #01a601;box-shadow:0 4px 6px rgba(0,0,0,.049);background-color:#fff;border-radius:50%;width:100px;height:100px;position:relative;top:-80%;cursor:zoom-in}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info{flex:1 1;display:flex;justify-content:space-between;gap:10px;overflow:hidden}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content{display:flex;flex-direction:column;gap:5px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:20px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content span{display:flex;align-items:center;gap:5px;font-size:14px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions{display:flex;align-items:flex-start;gap:10px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions button{display:flex;align-items:center;gap:5px;border:1px solid var(--primary);background-color:var(--primary-light-rgb);font-size:14px;padding:5px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}.profile-page .session-header-wrapper .profile-page-header .info-stack{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line{display:flex;align-items:center;overflow:hidden;border-radius:8px;border:1px solid #e2e8eb}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:100%;background:var(--primary);flex-shrink:0}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-icon-wrapper .info-icon{color:#fff;font-size:14px}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-content{padding:5px 10px;display:flex;align-items:center;gap:5px;background:rgba(245,158,11,.1);overflow:hidden;font-size:14px}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-content .info-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-page .sessions-info-section .sessions-panel{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;border:1px solid #e2e8eb;padding:20px}.profile-page .sessions-info-section .sessions-panel .panel-header{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #e2e8eb;padding-bottom:10px}.profile-page .sessions-info-section .sessions-panel .panel-header h2{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:18px;color:#2c2b2e}.profile-page .sessions-info-section .sessions-panel .panel-header h2 span{display:flex;align-items:center;gap:10px}.profile-page .sessions-info-section .sessions-panel .panel-header h2 .sessions-count{background:var(--primary-light-rgb);color:var(--primary);padding:4px 10px;border-radius:8px;font-size:14px;font-weight:600}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 0;white-space:nowrap;border-bottom:1px solid #e2e8eb;border-radius:8px}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item:last-child{border-bottom:none}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-icon{display:flex;align-items:center;justify-content:center;background:var(--primary-light-rgb);padding:10px;border-radius:8px;color:var(--primary);font-size:16px;flex-shrink:0}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details{flex:1 1}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-meta .session-ip{font-weight:600;color:#2c2b2e;font-size:15px}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-meta .session-location{color:#01a601;font-size:12px;padding:1px 4px;border:1px solid rgba(46,125,50,.1607843137);border-radius:8px;background-color:rgba(46,125,50,.1019607843)}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-info{display:flex;flex-wrap:wrap;gap:10px}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-info .session-info-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--primary)}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-info .session-info-item .info-icon{color:#01a601;font-size:12px}.recheck-modal-content .status-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:25px}.recheck-modal-content .status-details-grid .status-item{display:flex;flex-direction:column;gap:5px}.recheck-modal-content .status-details-grid .status-item .status-label{font-weight:600;color:var(--text-secondary)}.recheck-modal-content .status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:14px;font-weight:600;text-transform:capitalize}.recheck-modal-content .status-badge.pending{background-color:#fff3e0;color:#e65100}.recheck-modal-content .status-badge.completed{background-color:#e8f5e9;color:#2e7d32}.recheck-modal-content .status-badge.verified{background-color:#e3f2fd;color:#1565c0}.recheck-modal-content .status-badge.rejected{background-color:#ffebee;color:#c62828}.recheck-modal-content .status-badge.active{background-color:#e8f5e9;color:#2e7d32}.recheck-modal-content .status-badge.inactive{background-color:#fff3e0;color:#e65100}.recheck-modal-content .status-badge.expired{background-color:#f5f5f5;color:#616161}.recheck-modal-content .recheck-button-container{display:flex;justify-content:center}.Profile-image-preview{width:100%}.edit-user-form .profile-image-wrapper{justify-content:center;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;border-bottom:3px solid var(--primary)}.edit-user-form .profile-image-container{position:relative;width:100px;height:100px}.edit-user-form .profile-image-container .profile-image{width:100px;height:100px;border-radius:9999px;object-fit:cover;border:3px solid #ccc;position:absolute}.edit-user-form .profile-image.updated{border-color:green}.edit-user-form .profile-option-buttons{display:flex;flex-direction:column;gap:10px}.edit-user-form .edit-profile-picicon{position:absolute;bottom:0;right:0;background:#f3f4f6;border-radius:9999px;padding:4px 6px;font-size:14px;cursor:pointer;border:1px solid green}.edit-user-form .form-group input,.edit-user-form .form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px}.edit-user-form .error{color:#e53e3e;font-size:.875rem;margin-top:.25rem;display:block}.edit-user-form .email-edit-form .form-group,.edit-user-form .phone-edit-form .form-group{margin-bottom:1.5rem}.edit-user-form .flex{display:flex}.edit-user-form .gap-2{gap:.5rem}.edit-user-form .flex-1{flex:1 1}.edit-user-form .verified-badge{color:#38a169;font-size:.875rem;margin-left:.5rem}.edit-user-form .form-actions{display:flex;gap:20px;justify-content:flex-end;align-items:center;margin-top:20px}.profile-form-input-wrapper{display:flex;flex-direction:column;gap:20px}.profile-form-input-wrapper .profile-send-otp-buttons{width:fit-content;margin:auto}@media(max-width:768px){.account-packages-header .acc-pkg-header-inner{max-width:100%}.no-packages-message{padding:1.5rem;margin:1.5rem 0}.no-packages-message h3{font-size:1.2rem}.no-packages-message p{font-size:13px}.no-packages-message .empty-box-icon{font-size:3rem}.no-packages-message .wave-hand{font-size:1.5rem}.profile-page .session-header-wrapper,.profile-page-inner{gap:15px}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper{height:120px}.profile-page .session-header-wrapper .profile-page-header .profile-about{flex-direction:column;align-items:center;height:auto;text-align:center;padding:15px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-image{top:0;width:80px;height:80px;position:relative}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info{flex-direction:column;align-items:center;gap:8px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content h2{font-size:20px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content span,.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions{justify-content:center}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions button{font-size:14px;padding:5px 8px}}@media(max-width:480px){.profile-page-inner{gap:10px}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper{height:100px}.profile-page .session-header-wrapper .profile-page-header .profile-about{gap:10px;padding:10px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-image{width:70px;height:70px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info{gap:6px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content h2{font-size:18px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions{flex-wrap:wrap;gap:8px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions button{font-size:13px;padding:4px 6px}.profile-page .session-header-wrapper .profile-page-header .info-stack{gap:10px;padding:10px}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-content{font-size:14px}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-icon-wrapper{width:30px}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-icon-wrapper .info-icon{font-size:14px}.profile-page .sessions-info-section .sessions-panel{padding:10px;gap:10px}.profile-page .sessions-info-section .sessions-panel .panel-header h2{font-size:18px}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-info{gap:5px}}.notifications-container{width:100%;max-width:100%;padding:0;background:rgba(0,0,0,0)}.notifications-container .notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10}.notifications-container .notifications-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.notifications-container .mark-all-button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;transition:all .2s}.notifications-container .mark-all-button:hover:not(:disabled){background:#f1f9f9}.notifications-container .mark-all-button:disabled{opacity:.7;cursor:not-allowed}.notifications-container .notifications-list{display:flex;flex-direction:column;gap:8px;margin:20px auto}.notifications-container .notification-card{background:#fff;border-radius:8px;padding:10px;display:flex;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative;overflow:hidden}.notifications-container .notification-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-1px)}.notifications-container .notification-card.unread{border-left:2px solid var(--primary)}.notifications-container .notification-card.read{opacity:.8;padding-left:20px}.notifications-container .notification-indicator{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:8px;display:none}.notifications-container .notification-card.unread .notification-indicator{display:block}.notifications-container .notification-content{flex:1 1;display:flex;flex-direction:column;gap:8px}.notifications-container .notification-header{display:flex;justify-content:space-between;align-items:flex-start}.notifications-container .notification-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.notifications-container .notification-message{font-size:.875rem;color:#666;margin:0;line-height:1.5}.notifications-container .notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.notifications-container .notification-time{font-size:.75rem;color:#999}.notifications-container .notification-tag{font-size:.7rem;padding:2px 8px;border-radius:8px;font-weight:600}.notifications-container .notification-tag.info{background:#e0f2fe;color:#0369a1}.notifications-container .notification-tag.warning{background:#fef3c7;color:#92400e}.notifications-container .notification-tag.error{background:#fee2e2;color:#b91c1c}.notifications-container .notification-tag.success{background:#dcfce7;color:#166534}.notifications-container .mark-read-button{background:none;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);transition:all .2s}.notifications-container .mark-read-button:hover:not(:disabled){background:#f5f3ff}.notifications-container .mark-read-button:disabled{opacity:.7;cursor:not-allowed}.notifications-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#666}.notifications-container .empty-state p{font-size:1rem;font-weight:600;margin:16px 0 4px}.notifications-container .empty-state small{font-size:.875rem;color:#999}.notifications-container .loading-dots{display:inline-block;width:16px;text-align:left}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.notifications-header{padding:12px 16px}.notifications-title{font-size:1.25rem}.notifications-list{padding:8px}.notification-card{padding:12px}}.raise-ticket-toggle{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--primary);color:#fff;border:1px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725);z-index:99;transition:.3s}.raise-ticket-toggle:hover{background-color:var(--primary-dark);transform:scale(1.05)}.raise-ticket-toggle svg{width:24px;height:24px}.ticket-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999999999999}.ticket-popup{background-color:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:100%;max-width:500px;padding:24px;position:relative;max-height:90vh;overflow-y:auto;margin:20px;animation:fadeInUp .3s ease-out}.ticket-popup .ticket-close-button{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:.3s;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.ticket-popup .ticket-close-button:hover{background-color:rgba(255,76,81,.1);color:#ff4c51}.ticket-popup .ticket-popup-title{color:#1b1b1b;font-weight:700;font-size:22px;margin-bottom:24px;text-align:center;line-height:1.3}.ticket-popup .query-form,.ticket-popup .ticket-form{display:flex;flex-direction:column;gap:16px}.ticket-popup .query-form .ticket-form-group,.ticket-popup .ticket-form .ticket-form-group{display:flex;flex-direction:column;gap:6px}.ticket-popup .query-form .ticket-form-group .ticket-label,.ticket-popup .ticket-form .ticket-form-group .ticket-label{font-size:14px;color:#333;font-weight:500;display:flex;align-items:center;gap:4px}.ticket-popup .query-form .ticket-form-group .ticket-label:after,.ticket-popup .ticket-form .ticket-form-group .ticket-label:after{content:"*";color:#ff4c51;margin-left:2px;opacity:.8}.ticket-popup .query-form .ticket-form-group .ticket-input,.ticket-popup .query-form .ticket-form-group .ticket-select,.ticket-popup .query-form .ticket-form-group .ticket-textarea,.ticket-popup .ticket-form .ticket-form-group .ticket-input,.ticket-popup .ticket-form .ticket-form-group .ticket-select,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea{padding:12px 16px;border:1px solid #e2e8eb;border-radius:8px;font-size:15px;transition:all .2s ease;background-color:#fff;width:100%}.ticket-popup .query-form .ticket-form-group .ticket-input:focus,.ticket-popup .query-form .ticket-form-group .ticket-select:focus,.ticket-popup .query-form .ticket-form-group .ticket-textarea:focus,.ticket-popup .ticket-form .ticket-form-group .ticket-input:focus,.ticket-popup .ticket-form .ticket-form-group .ticket-select:focus,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea:focus{outline:none;border-color:var(--primary-light)}.ticket-popup .query-form .ticket-form-group .ticket-input::placeholder,.ticket-popup .query-form .ticket-form-group .ticket-select::placeholder,.ticket-popup .query-form .ticket-form-group .ticket-textarea::placeholder,.ticket-popup .ticket-form .ticket-form-group .ticket-input::placeholder,.ticket-popup .ticket-form .ticket-form-group .ticket-select::placeholder,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea::placeholder{color:#ccc}.ticket-popup .query-form .ticket-form-group .ticket-textarea,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea{resize:vertical;min-height:120px;line-height:1.5}.ticket-popup .query-form .ticket-form-group .ticket-select,.ticket-popup .ticket-form .ticket-form-group .ticket-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.ticket-popup .query-form .file-upload-container,.ticket-popup .ticket-form .file-upload-container{display:flex;flex-direction:column;gap:8px}.ticket-popup .query-form .file-upload-container .file-upload-button,.ticket-popup .ticket-form .file-upload-container .file-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:#fff;color:var(--primary);border:1px dashed var(--primary-light);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.ticket-popup .query-form .file-upload-container .file-upload-button:hover,.ticket-popup .ticket-form .file-upload-container .file-upload-button:hover{background-color:rgba(var(--primary-light),.1);border-color:var(--primary)}.ticket-popup .query-form .file-upload-container .file-upload-button .upload-icon,.ticket-popup .ticket-form .file-upload-container .file-upload-button .upload-icon{flex-shrink:0}.ticket-popup .query-form .file-upload-container .file-input,.ticket-popup .ticket-form .file-upload-container .file-input{display:none}.ticket-popup .query-form .file-upload-container .file-upload-hint,.ticket-popup .ticket-form .file-upload-container .file-upload-hint{font-size:12px;color:#999;margin:0}.ticket-popup .query-form .file-preview-container,.ticket-popup .ticket-form .file-preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:8px}.ticket-popup .query-form .file-preview-container .file-preview,.ticket-popup .ticket-form .file-preview-container .file-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:rgba(var(--primary-light),.1);border-radius:8px;font-size:13px}.ticket-popup .query-form .file-preview-container .file-preview .file-icon,.ticket-popup .ticket-form .file-preview-container .file-preview .file-icon{flex-shrink:0;color:var(--primary)}.ticket-popup .query-form .file-preview-container .file-preview .file-name,.ticket-popup .ticket-form .file-preview-container .file-preview .file-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-popup .query-form .file-preview-container .file-preview .file-size,.ticket-popup .ticket-form .file-preview-container .file-preview .file-size{color:#999;font-size:12px;margin-left:auto;padding-left:8px}.ticket-popup .query-form .file-preview-container .file-preview .file-remove,.ticket-popup .ticket-form .file-preview-container .file-preview .file-remove{background:none;border:none;color:#999;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.ticket-popup .query-form .file-preview-container .file-preview .file-remove:hover,.ticket-popup .ticket-form .file-preview-container .file-preview .file-remove:hover{color:#ff4c51;background-color:rgba(255,76,81,.1)}.ticket-popup .query-form .query-actions-wrapper,.ticket-popup .ticket-form .query-actions-wrapper{padding:5px 10px;position:sticky;bottom:0;left:0;z-index:99;background-color:#fff}.ticket-popup .query-form .ticket-submit-button,.ticket-popup .ticket-form .ticket-submit-button{padding:8px 10px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.ticket-popup .query-form .ticket-submit-button:hover,.ticket-popup .ticket-form .ticket-submit-button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.ticket-popup .query-form .ticket-submit-button:active,.ticket-popup .ticket-form .ticket-submit-button:active{transform:translateY(0)}.ticket-popup .query-form .ticket-submit-button:disabled,.ticket-popup .ticket-form .ticket-submit-button:disabled{background-color:#999;cursor:not-allowed;transform:none}.ticket-popup .query-form .ticket-submit-button .button-loading,.ticket-popup .ticket-form .ticket-submit-button .button-loading{display:flex;align-items:center;gap:8px}.ticket-popup .query-form .ticket-submit-button .spinner,.ticket-popup .ticket-form .ticket-submit-button .spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite}.ticket-popup .query-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ticket-popup .query-form .description-group,.ticket-popup .query-form .query-actions-wrapper{grid-column:span 2}.ticket-popup .ticket-success-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 0}.ticket-popup .ticket-success-message .success-icon{width:72px;height:72px;border-radius:50%;background-color:rgba(1,166,1,.1);display:flex;align-items:center;justify-content:center;color:#01a601}.ticket-popup .ticket-success-message h3{color:#1b1b1b;font-weight:700;font-size:20px;margin:8px 0 0}.ticket-popup .ticket-success-message p{color:#333;font-size:15px;margin:0;line-height:1.5;max-width:80%}.ticket-popup .ticket-success-message .ticket-success-button{padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:24px;font-size:15px}.ticket-popup .ticket-success-message .ticket-success-button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.a-e-tickets-inner{max-width:1320px;width:100%;margin:20px auto;padding:0 10px}.a-e-tickets .ticket-page-header{width:100%;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:10px;position:sticky;top:0;z-index:99999}.a-e-tickets .ticket-page-header-inner{max-width:1320px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto}.a-e-tickets .ticket-page-header-inner img{cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.raise-ticket-toggle{width:48px;height:48px;bottom:20px;right:20px}.ticket-popup{margin:16px;padding:20px}.ticket-popup .query-form{grid-template-columns:1fr}.ticket-popup .query-form .description-group,.ticket-popup .query-form .query-actions-wrapper{grid-column:span 1}}@media(max-width:480px){.raise-ticket-toggle{width:40px;height:40px;position:absolute;bottom:65px}.raise-ticket-toggle svg{width:18px;height:18px}.ticket-popup{margin:12px;padding:16px;max-height:85vh}.ticket-popup .ticket-popup-title{font-size:20px;margin-bottom:20px}.ticket-popup .ticket-success-message p{max-width:100%}}.tickets-container .tickets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:10px auto}.tickets-container .tickets-grid .ticket-card{background:#fff;border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column;position:relative;border:1px solid #e0e0e0;padding:0 10px;margin:15px 0}.tickets-container .tickets-grid .ticket-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15)}.tickets-container .tickets-grid .ticket-card .ticket-perforation{display:flex;justify-content:space-between;width:calc(100% + 20px);position:absolute;left:-10px;height:10px;background:rgba(0,0,0,0);overflow:hidden}.tickets-container .tickets-grid .ticket-card .ticket-perforation.top{top:-5px}.tickets-container .tickets-grid .ticket-card .ticket-perforation.bottom{bottom:-5px}.tickets-container .tickets-grid .ticket-card .ticket-perforation .perforation-hole{width:10px;height:10px;background:rgba(0,0,0,0);box-shadow:inset 0 0 0 2px #e0e0e0,0 0 0 2px rgba(0,0,0,0);border-radius:50%;position:relative}.tickets-container .tickets-grid .ticket-card .ticket-cutout{position:absolute;width:20px;height:20px;border-radius:50%;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 2px #e0e0e0,0 0 0 2px rgba(0,0,0,0)}.tickets-container .tickets-grid .ticket-card .ticket-cutout:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.03)}.tickets-container .tickets-grid .ticket-card .ticket-cutout.left{left:-10px}.tickets-container .tickets-grid .ticket-card .ticket-cutout.right{right:-10px}.tickets-container .tickets-grid .ticket-card .ticket-content{padding:12px 0;flex:1 1;display:flex;flex-direction:column}.tickets-container .tickets-grid .ticket-card .ticket-image{height:120px;position:relative;overflow:hidden;margin-bottom:12px;border-radius:4px}.tickets-container .tickets-grid .ticket-card .ticket-image img{width:100%;height:100%;object-fit:cover}.tickets-container .tickets-grid .ticket-card .ticket-image .empty-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#ccc;border-radius:4px}.tickets-container .tickets-grid .ticket-card .ticket-details{flex:1 1;display:flex;flex-direction:column}.tickets-container .tickets-grid .ticket-card .ticket-header{display:flex;justify-content:space-between;margin-bottom:8px;align-items:center;padding:0 5px}.tickets-container .tickets-grid .ticket-card .ticket-id{font-size:12px;color:#999;font-weight:500;background:#f5f5f7;padding:2px 8px;border-radius:4px}.tickets-container .tickets-grid .ticket-card .ticket-title{font-size:14px;font-weight:600;color:#1b1b1b;margin:0 0 8px}.tickets-container .tickets-grid .ticket-card .ticket-description{font-size:12px;color:#adadad}.tickets-container .tickets-grid .ticket-card .ticket-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.tickets-container .tickets-grid .ticket-card .ticket-date{font-size:11px;color:#999}.tickets-container .tickets-grid .ticket-card .ticket-attachments{font-size:11px;color:#999;display:flex;align-items:center;gap:4px;background:#f5f5f7;padding:2px 8px;border-radius:4px}.ticket-status{font-size:11px;padding:3px 8px;border-radius:8px;font-weight:500;text-transform:uppercase}.ticket-status.status-pending{background-color:rgba(255,204,0,.1);color:#c90;border:1px solid rgba(255,204,0,.3)}.ticket-status.status-processing{background-color:rgba(var(--primary-light),.3);color:var(--primary);border:1px solid rgba(var(--primary-light),.6)}.ticket-status.status-resolved{background-color:rgba(1,166,1,.1);color:#017a01;border:1px solid rgba(1,166,1,.3)}.ticket-status.status-unresolved{background-color:rgba(255,76,81,.1);color:#cc3d40;border:1px solid rgba(255,76,81,.3)}.ticket-modal-content{display:flex;flex-direction:column;gap:20px}.ticket-modal-content .attachments-section,.ticket-modal-content .ticket-details-section,.ticket-modal-content .user-details-section{display:flex;flex-direction:column;gap:10px}.ticket-modal-content .section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #eaeaea}.ticket-modal-content .detail-row{display:flex;align-items:flex-start;margin-bottom:8px}.ticket-modal-content .description-row{align-items:flex-start}.ticket-modal-content .detail-label{font-weight:500;color:#666;min-width:120px;font-size:14px}.ticket-modal-content .detail-value{font-size:14px;color:#333}.ticket-modal-content .attachments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:8px}@media(max-width:480px){.ticket-modal-content .attachments-grid{grid-template-columns:repeat(2,1fr)}}.ticket-modal-content .attachments-grid .attachment-item{border:1px solid #eaeaea;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.ticket-modal-content .attachments-grid .attachment-item .attachment-preview{width:100%;height:180px;object-fit:cover;background-color:#f5f5f5}@media(max-width:480px){.ticket-modal-content .attachments-grid .attachment-item .attachment-preview{height:120px}}.ticket-modal-content .attachments-grid .attachment-item .attachment-link{padding:5px 10px;background-color:#f0f0f0;color:#06c;text-decoration:none;font-size:13px;text-align:center;transition:background-color .2s}.ticket-modal-content .attachments-grid .attachment-item .attachment-link :hover{background-color:#e0e0e0}@media(max-width:1024px){.tickets-container .tickets-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tickets-container .tickets-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tickets-container .tickets-grid{grid-template-columns:1fr}.ticket-card{margin:10px 0!important}}.account-pricing-container .pricing{padding:30px 10px;min-height:100vh}.account-pricing-container .pricing-details-container{overflow:hidden;padding:10px}.account-pricing-container .pricing-details-container .pricing-details-inner{max-width:1320px;width:100%;margin:40px auto;display:grid;grid-template-columns:2fr 1fr;gap:20px}.account-pricing-container .pricing-details-container .package-details-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.account-pricing-container .pricing-details-container .package-details-card .package-name{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:600;margin-bottom:15px}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs{display:flex;border:1px solid #eaeaea;border-radius:8px;overflow:hidden;white-space:nowrap}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs button{flex:1 1;padding:8px 30px;border:none;background:#f8f9fa;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs button.active{background:var(--primary);color:#fff}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs button:hover:not(.active){background:#e9ecef}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-main{font-size:20px;font-weight:700;color:#2c2b2e}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-main span{color:#666;font-size:16px;font-weight:500}.account-pricing-container .pricing-details-container .package-details-card .price-section{margin-bottom:12px}.account-pricing-container .pricing-details-container .package-details-card .price-section .discounted-price{display:flex;flex-direction:column;gap:8px}.account-pricing-container .pricing-details-container .package-details-card .price-section .price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.account-pricing-container .pricing-details-container .package-details-card .price-section .original-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-pricing-container .pricing-details-container .package-details-card .price-section .original-price{font-size:16px;color:#999;text-decoration:line-through;font-weight:500}.account-pricing-container .pricing-details-container .package-details-card .price-section .final-price{font-size:36px;font-weight:700;color:#2c2b2e;line-height:1.2}.account-pricing-container .pricing-details-container .package-details-card .price-section .regular-price{display:flex;align-items:baseline;gap:8px}.account-pricing-container .pricing-details-container .package-details-card .price-section .price{font-size:36px;font-weight:700;color:#2c2b2e}.account-pricing-container .pricing-details-container .package-details-card .price-section .discount-badge{display:inline-block;width:fit-content;background:#dc2626;color:#fff;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.account-pricing-container .pricing-details-container .package-details-card .price-section .discount-period{color:#666;font-size:14px;font-weight:400}.account-pricing-container .pricing-details-container .package-details-card .price-section .period{color:#666;font-size:16px;font-weight:500}.account-pricing-container .pricing-details-container .package-details-card .price-section .monthly-equivalent{font-size:13px;color:#008001;font-weight:500;margin-top:8px}.account-pricing-container .pricing-details-container .package-details-card .plan-features{border-top:1px solid #f0f0f0;list-style:none;padding:20px 0 0;margin-bottom:20px}.account-pricing-container .pricing-details-container .package-details-card .plan-features .svg{color:var(--primary)}.account-pricing-container .pricing-details-container .package-details-card .plan-features li{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#333;font-size:15px}.account-pricing-container .pricing-details-container .order-summary-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.account-pricing-container .pricing-details-container .order-summary-card h3{font-size:20px;font-weight:600;margin-bottom:20px;color:#2c2b2e}.account-pricing-container .pricing-details-container .order-summary-card .summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#666}.account-pricing-container .pricing-details-container .order-summary-card .summary-item .summary-value{font-weight:500;color:#2c2b2e}.account-pricing-container .pricing-details-container .order-summary-card .summary-divider{height:1px;background:#e0e0e0;margin:16px 0}.account-pricing-container .pricing-details-container .order-summary-card .summary-total{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:18px;font-weight:700}.account-pricing-container .pricing-details-container .order-summary-card .summary-total .total-price{color:var(--primary);font-size:24px}.account-pricing-container .pricing-details-container .order-summary-card .summary-monthly{background:#e8f5e9;padding:10px;border-radius:8px;font-size:13px;color:#2e7d32;text-align:center;margin:16px 0}.account-pricing-container .pricing-details-container .order-summary-card .summary-note{text-align:center;color:#999;font-size:12px;margin:12px 0}.account-pricing-container .pricing-details-container .order-summary-card .action-buttons{margin-top:20px}.account-pricing-container .pricing-details-container .order-summary-card .action-buttons .cta-button{width:100%;padding:10px 20px;border-radius:10px;font-weight:600;text-align:center;text-decoration:none;transition:all .2s ease;font-size:16px;background:var(--primary);color:#fff;border:1px solid var(--primary)}.account-pricing-container .pricing-details-container .order-summary-card .action-buttons .cta-button:hover{opacity:.9;transform:translateY(-1px)}.recline-refund-reason textarea,.submit-refund-request-outer textarea{color:#2c2b2e;border:1px solid #efefef;border-radius:8px;width:100%;padding:10px;font-size:16px}.recline-refund-reason textarea:focus,.submit-refund-request-outer textarea:focus{border-color:var(--primary-light);background:none;transform:scale(1)}@media(max-width:768px){.account-pricing-container .pricing-details-container .pricing-details-inner{grid-template-columns:1fr;margin:20px auto}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs button{padding:5px 20px}}.update-company .company-form{background:#fff;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:20px}@media(max-width:600px){.update-company .company-form{padding:10px}}.update-company .company-form .image-preview{position:relative;margin-bottom:10px;width:50px;height:50px;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;border-radius:8px}.update-company .company-form .image-preview .preview-image{max-width:100%;max-height:100%;object-fit:contain}.update-company .company-form .image-preview .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;width:15px;height:15px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,.049);transition:background-color .3s}.update-company .company-form .image-preview .remove-image-btn:hover{background-color:#e60000}.update-company .form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1440px){.update-company .form-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.update-company .form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.update-company .form-grid{grid-template-columns:1fr}}.update-company .form-group{display:flex;flex-direction:column}.update-company .form-group .form-label{margin-bottom:5px;font-weight:500;font-size:14px;letter-spacing:.4px;color:#333}.update-company .form-group .form-input,.update-company .form-group .form-textarea{padding:10px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px}.update-company .form-group .form-input:focus,.update-company .form-group .form-textarea:focus{outline:none;border-color:var(--primary-light)}.update-company .form-group .form-textarea{resize:vertical;min-height:120px}.update-company .form-group .file-upload .file-input{padding:10px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px;width:100%}.update-company .form-group .file-upload .file-input:focus{outline:none;border-color:var(--primary-light)}.update-company .full-width{grid-column:1/-1}.update-company .term-conditions-editor{min-height:250px}.update-company .form-actions{display:flex;justify-content:flex-end}.custom-package-form .form-group-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:768px){.custom-package-form .form-group-wrapper{grid-template-columns:repeat(1,1fr)}}.custom-package-form .form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.custom-package-form .form-group input,.custom-package-form .form-group select,.custom-package-form .form-group textarea{padding:10px;border:1px solid #e2e8eb;border-radius:8px}.custom-package-form .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px}.company-profile-page{background-color:#fff;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden}.company-profile-page-inner{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:0 30px}@media(max-width:992px){.company-profile-page-inner{display:flex;flex-direction:column;gap:20px;padding:0 16px}}@media(max-width:576px){.company-profile-page-inner{padding:0 12px;gap:15px}}.company-profile-page .company-cover-section{position:relative;background-color:#fff;overflow:hidden;height:200px;width:100%}.company-profile-page .company-cover-section:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:1}.company-profile-page .company-cover-section img{width:100%;height:100%;object-fit:cover}.company-profile-page .company-cover-section .cover-actions{position:absolute;top:20px;right:20px;z-index:2}.company-profile-page .company-cover-section .cover-actions a,.company-profile-page .company-cover-section .cover-actions button{background:#f5f5f5;color:var(--primary);border:none;padding:8px 14px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none}@media(max-width:992px){.company-profile-page .company-cover-section{height:150px}}@media(max-width:576px){.company-profile-page .company-cover-section{height:120px}.company-profile-page .company-cover-section .cover-actions{top:10px;right:10px}.company-profile-page .company-cover-section .cover-actions a,.company-profile-page .company-cover-section .cover-actions button{padding:6px 10px;font-size:12px}}.company-profile-page .company-details-section{position:relative;top:-100px;margin-bottom:-100px;z-index:2}.company-profile-page .company-details-section .company-details-header{display:flex;align-items:flex-start;justify-content:space-between;background-color:#fff;border-radius:8px;border:1px solid #e2e8eb;padding:20px;gap:10px;margin-bottom:10px}.company-profile-page .company-details-section .company-details-header .details-header-info{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.company-profile-page .company-details-section .company-details-header .details-header-info h1{font-size:25px;color:#2c2b2e;margin-bottom:5px}.company-profile-page .company-details-section .company-details-header .details-header-info p{color:#999;font-size:16px}.company-profile-page .company-details-section .company-details-header .profile-actions{display:flex;align-items:center;gap:10px}.company-profile-page .company-details-section .company-details-header .profile-actions a{display:flex;align-items:center;gap:5px;border:1px solid var(--primary);background-color:var(--primary-light-rgb);color:#2c2b2e;font-size:15px;padding:5px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:none}@media(max-width:576px){.company-profile-page .company-details-section .company-details-header{flex-direction:column;align-items:flex-start;padding:14px;gap:12px}.company-profile-page .company-details-section .company-details-header .details-header-info{gap:8px}.company-profile-page .company-details-section .company-details-header .details-header-info h1{font-size:18px;margin-bottom:2px}.company-profile-page .company-details-section .company-details-header .details-header-info p{font-size:13px}.company-profile-page .company-details-section .company-details-header .profile-actions{width:100%;flex-wrap:wrap}.company-profile-page .company-details-section .company-details-header .profile-actions a{font-size:13px;padding:5px 10px;flex:1 1;justify-content:center}}.company-profile-page .company-details-section .company-tabs-content{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:20px}@media(max-width:576px){.company-profile-page .company-details-section .company-tabs-content{padding:12px}}.company-profile-page .company-details-section .company-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}@media(max-width:576px){.company-profile-page .company-details-section .company-info-grid{grid-template-columns:1fr;gap:10px}}.company-profile-page .company-details-section .company-info-grid .company-info-grid-card{background:#f8f9fc;padding:10px 12px;border-radius:8px}.company-profile-page .company-details-section .company-info-grid .company-info-grid-card span{font-size:12px;color:#888}.company-profile-page .company-details-section .company-info-grid .company-info-grid-card p{font-weight:500;margin-top:5px;word-break:break-word}.company-profile-page .company-details-section .company-info-grid .qr-card{display:flex;justify-content:center;align-items:center}.company-profile-page .company-details-section .company-info-grid .qr-card .company-qr{border:1px solid #e2e8eb;border-radius:6px;padding:6px;background:#fff}.company-profile-page .company-details-section .terms-and-conditions{position:relative;font-size:16px;color:#2c2b2e;line-height:1.6}.company-profile-page .company-details-section .terms-and-conditions h1,.company-profile-page .company-details-section .terms-and-conditions h2,.company-profile-page .company-details-section .terms-and-conditions h3,.company-profile-page .company-details-section .terms-and-conditions h4,.company-profile-page .company-details-section .terms-and-conditions h5,.company-profile-page .company-details-section .terms-and-conditions h6{margin:15px 0 8px;font-weight:600;color:#2c2b2e}.company-profile-page .company-details-section .terms-and-conditions h1{font-size:24px}.company-profile-page .company-details-section .terms-and-conditions h2{font-size:20px}.company-profile-page .company-details-section .terms-and-conditions h3{font-size:18px}.company-profile-page .company-details-section .terms-and-conditions h4{font-size:16px}.company-profile-page .company-details-section .terms-and-conditions p{margin-bottom:10px;color:#2c2b2e}.company-profile-page .company-details-section .terms-and-conditions a{color:var(--primary);text-decoration:underline}.company-profile-page .company-details-section .terms-and-conditions a:hover{text-decoration:none}.company-profile-page .company-details-section .terms-and-conditions ol,.company-profile-page .company-details-section .terms-and-conditions ul{padding-left:20px;margin-bottom:12px}.company-profile-page .company-details-section .terms-and-conditions ol li,.company-profile-page .company-details-section .terms-and-conditions ul li{margin-bottom:5px}.company-profile-page .company-details-section .terms-and-conditions img{max-width:300px;width:100%;height:300px;border-radius:8px;margin:10px 0;display:block}@media(max-width:576px){.company-profile-page .company-details-section .terms-and-conditions{font-size:14px}.company-profile-page .company-details-section .terms-and-conditions h1{font-size:20px}.company-profile-page .company-details-section .terms-and-conditions h2{font-size:17px}.company-profile-page .company-details-section .terms-and-conditions h3{font-size:15px}.company-profile-page .company-details-section .terms-and-conditions h4{font-size:14px}.company-profile-page .company-details-section .terms-and-conditions img{max-width:100%;height:auto}}.company-profile-page .company-details-section .company-documents-grid{gap:20px;display:grid;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.company-profile-page .company-details-section .company-documents-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.company-profile-page .company-details-section .company-documents-grid{grid-template-columns:1fr}}.company-profile-page .company-details-section .company-documents-grid .document-card{border:1px solid #e2e8eb;border-radius:8px;overflow:hidden}.company-profile-page .company-details-section .company-documents-grid .document-card .document-header{background:#f9f9f9;padding:6px 12px;font-weight:600;color:#2c2b2e}.company-profile-page .company-details-section .company-documents-grid .document-card .document-preview{position:relative;height:200px;background:#f3f3f3}@media(max-width:768px){.company-profile-page .company-details-section .company-documents-grid .document-card .document-preview{height:120px}}@media(max-width:480px){.company-profile-page .company-details-section .company-documents-grid .document-card .document-preview{height:180px}}.company-profile-page .company-details-section .subscription-tab{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 40px}@media(max-width:576px){.company-profile-page .company-details-section .subscription-tab{grid-template-columns:1fr;gap:0}}.company-profile-page .company-details-section .subscription-tab li{display:flex;justify-content:space-between;align-items:center;gap:10px;text-transform:capitalize;padding:10px 0}.company-profile-page .company-details-section .subscription-tab li:not(:last-child){border-bottom:1px dashed #e2e8eb}.company-profile-page .company-details-section .subscription-tab li span{padding:2px 8px;border-radius:8px;white-space:nowrap}.company-profile-page .company-details-section .subscription-tab li .expired{background-color:#fef2f2;color:#eb4b4b}.company-profile-page .company-details-section .subscription-tab li .active{background-color:#ecfdf5;color:#059669}.company-profile-page .subscription-section{position:relative;top:-100px;margin-bottom:-100px;z-index:2}.company-profile-page .subscription-section .subscribed-package-card{position:relative;background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden}.company-profile-page .subscription-section .subscribed-package-card .ribbon{position:absolute;top:15px;right:-25px;background:var(--primary);color:#fff;padding:3px 25px;font-size:12px;font-weight:700;transform:rotate(45deg);box-shadow:0 4px 6px rgba(0,0,0,.049);text-transform:capitalize}.company-profile-page .subscription-section .subscribed-package-card h2{font-size:18px;color:var(--primary);margin-top:0;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e2e8eb}.company-profile-page .subscription-section .subscribed-package-card ul{list-style:none;padding:0;margin:0 0 15px}.company-profile-page .subscription-section .subscribed-package-card ul li{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px dashed #e2e8eb;text-transform:capitalize}.company-profile-page .subscription-section .subscribed-package-card ul li strong{font-weight:600;color:#555}.company-profile-page .subscription-section .subscribed-package-card ul li:last-child{border-bottom:none}.company-profile-page .subscription-section .subscribed-package-card .package-upgrade-btn-outer{display:flex;justify-content:flex-end}.company-profile-page .subscription-section .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.company-profile-page .subscription-section .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn:hover{opacity:.9}@media(max-width:576px){.company-profile-page .subscription-section .subscribed-package-card{padding:14px}.company-profile-page .subscription-section .subscribed-package-card h2{font-size:16px}.company-profile-page .subscription-section .subscribed-package-card ul li{font-size:13px}.company-profile-page .subscription-section .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn{width:100%;text-align:center}}.company-profile-page .related-packages-section{padding:30px}@media(max-width:768px){.company-profile-page .related-packages-section{padding:20px 16px}}@media(max-width:576px){.company-profile-page .related-packages-section{padding:16px 12px}}.company-profile-page .related-packages-section .related-packages-header{border-bottom:1px solid #e2e8eb;display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding-bottom:10px}.company-profile-page .related-packages-section .related-packages-header h2{font-size:20px;color:var(--primary);display:flex;align-items:center;gap:5px}@media(max-width:576px){.company-profile-page .related-packages-section .related-packages-header{flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0}.company-profile-page .related-packages-section .related-packages-header h2{font-size:17px}}.company-profile-page .related-packages-section .available-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1100px){.company-profile-page .related-packages-section .available-packages{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.company-profile-page .related-packages-section .available-packages{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:480px){.company-profile-page .related-packages-section .available-packages{grid-template-columns:1fr;gap:12px}}.company-profile-page .related-packages-section .available-packages .available-packages-card{position:relative;background:#fff;border:1px solid #e2e8eb;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden;padding:12px}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail h2{font-size:18px;text-transform:capitalize}@media(max-width:576px){.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail h2{font-size:16px}}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail p{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;border-bottom:1px dashed #e2e8eb;margin:0;gap:8px}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail p strong{font-weight:600;color:#555;white-space:nowrap}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail p:last-child{border-bottom:none}@media(max-width:576px){.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail p{font-size:13px}}.company-profile-page .related-packages-section .available-packages .available-packages-card .package-upgrade-btn{width:100%;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:opacity .2s;margin-top:15px}.company-profile-page .related-packages-section .available-packages .available-packages-card .package-upgrade-btn:hover{opacity:.9}@media(max-width:992px){.company-profile-page .company-details-section{top:-60px;margin-bottom:-60px}.company-profile-page .subscription-section{top:auto;margin:0}}@media(max-width:576px){.company-profile-page .company-details-section{top:-50px;margin-bottom:-50px}}.payments-policies-page .phonepe-credentials-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;margin:20px 0}.payments-policies-page .phonepe-credentials-form .form-group{display:flex;flex-direction:column;gap:5px}.payments-policies-page .phonepe-credentials-form .form-group input{padding:10px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.payments-policies-page .phonepe-credentials-form .form-group input:focus{border-color:var(--primary-light)}@media(max-width:480px){.payments-policies-page .phonepe-credentials-form{grid-template-columns:1fr}}.payments-policies-page .phonepe-credentials-form .action-group{grid-column:span 3;display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:480px){.payments-policies-page .phonepe-credentials-form .action-group{grid-column:auto}}.payments-policies-page section{margin:20px 0;background-color:#fff;border-radius:8px;padding:20px}@media(max-width:480px){.payments-policies-page section{padding:10px;margin:0 0 20px}}.payments-policies-page section h3{font-size:16px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:var(--primary)}.payments-policies-page section h3 svg{font-size:18px}.payments-policies-page section button{margin-top:20px}.price-limits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.price-limits-grid .price-limit-card{background:#fff;border-radius:8px;border:1px solid #e2e8eb}.price-limits-grid .price-limit-card .card-header{background:#f0f4f8;padding:8px 16px;border-bottom:1px solid #e2e8eb}.price-limits-grid .price-limit-card .card-header h4{margin:0;font-size:14px;font-weight:600;color:#2c2b2e;text-transform:uppercase;letter-spacing:.5px}.price-limits-grid .price-limit-card .card-body{display:grid;gap:12px}.price-limits-grid .price-limit-card .card-body .price-section{padding:12px;background:#f8fafc;border-radius:6px;text-align:center;display:flex;flex-direction:column;gap:8px}.price-limits-grid .price-limit-card .card-body .price-section .price-row{display:flex;justify-content:space-between;align-items:center;gap:5px}.price-limits-grid .price-limit-card .card-body .price-section .price-label{font-size:12px;color:#718096}.price-limits-grid .price-limit-card .card-body .price-section .price-value{font-size:16px;font-weight:700;color:#2d3748}.price-limits-grid .price-limit-card .card-body .limits-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.price-limits-grid .price-limit-card .card-body .limits-section .limit-row{display:flex;flex-direction:column}.price-limits-grid .price-limit-card .card-body .limits-section .limit-row .limit-label{font-size:12px;color:#718096;font-weight:500}.price-limits-grid .price-limit-card .card-body .limits-section .limit-row .limit-value{font-size:14px;font-weight:600;color:#2f855a;margin-top:2px}.price-limits-grid .price-limit-card .card-body .features-section{display:flex;flex-direction:column;gap:10px;padding:12px}.price-limits-grid .price-limit-card .card-body .features-section .feature-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.price-limits-grid .price-limit-card .card-body .features-section .feature-row .feature-label{font-size:12px;color:#2d3748;font-weight:500}.price-limits-grid .price-limit-card .card-body .features-section .feature-row .feature-value{font-size:14px;font-weight:600;margin-top:2px}.price-limits-grid .price-limit-card .card-body .select-button-container{padding:12px}form .clear-button{position:fixed;top:50%;right:0;transform:translateY(-50%);background:#fff;border:1px solid #ccc;border-right:none;padding:10px 12px;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px rgba(0,0,0,.1);cursor:pointer;z-index:1000;transition:background .3s}form .clear-button:hover{background:#f9f9f9}form .clear-button svg{font-size:20px;color:#d9363e}.register-company-container{max-width:1200px;margin:40px auto}.register-company-container .register-header{text-align:center;margin-bottom:30px}.register-company-container .register-header h1{font-size:20px;font-weight:600;color:#2c2b2e;margin-bottom:10px}.register-company-container .register-header p{font-size:14px;color:#999}.register-company-container .form-content-wrapper .step-progress-container{margin-bottom:24px}.register-company-container .form-content-wrapper .step-progress-container .step-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:fit-content;margin:0 auto;background:#fff;border:1px solid #e2e8eb;border-radius:8px;overflow:hidden}.register-company-container .form-content-wrapper .step-progress-container .step-progress .progress-line,.register-company-container .form-content-wrapper .step-progress-container .step-progress:before{display:none}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item{flex:1 1;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;cursor:pointer;border-right:1px solid #e2e8eb;transition:background .2s ease,color .2s ease;position:relative;overflow:hidden}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item:last-child{border-right:none}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item:hover:not(.active):not(.completed){background:#f9fafb}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.disabled .step-circle{border-color:#e5e7eb;background:#f9fafb}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.disabled .step-circle .step-number,.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.disabled .step-label{color:#d1d5db}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle .step-number{font-size:13px;font-weight:700;color:#9ca3af;display:flex}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle .step-check{display:none}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle .step-check svg{width:13px;height:13px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-label{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap;width:100%;transition:color .2s ease}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active{background:var(--primary)}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active .step-circle{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.6)}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active .step-circle .step-number{color:#fff}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active .step-circle .step-check{display:none}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active .step-label{color:#fff;font-weight:600}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.completed{background:#f0fdf4}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.completed .step-circle{background:#10b981;border-color:#10b981}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.completed .step-circle .step-number{display:none}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.completed .step-circle .step-check{display:flex;color:#fff}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.completed .step-label{color:#059669;font-weight:600}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active.completed{background:var(--primary)}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active.completed .step-circle{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.6)}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active.completed .step-circle .step-number{display:none}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active.completed .step-circle .step-check{display:flex;color:#fff}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item.active.completed .step-label{color:#fff;font-weight:600}.register-company-container .form-content-wrapper .form-card{background:#fff;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden;margin:0}.register-company-container .form-content-wrapper .form-card .form-card-title{padding:20px;border-bottom:1px solid #e2e8eb}.register-company-container .form-content-wrapper .form-card .form-card-title h3{color:var(--primary);font-size:18px;font-weight:600;margin:0}.register-company-container .form-content-wrapper .form-card .form-card-content{padding:30px 20px}.register-company-container .form-content-wrapper .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}.register-company-container .form-content-wrapper .form-grid.documents-grid{grid-template-columns:repeat(4,1fr)}.register-company-container .form-content-wrapper .form-grid .react-datepicker-wrapper{width:100%}.register-company-container .form-content-wrapper .form-grid .employee-field label{display:flex;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;color:#666}.register-company-container .form-content-wrapper .form-grid .employee-field label .required{color:#ff4c51;margin-left:2px}.register-company-container .form-content-wrapper .form-grid .employee-field label svg{color:#666;font-size:14px;margin-right:.5rem}.register-company-container .form-content-wrapper .form-grid .employee-field input,.register-company-container .form-content-wrapper .form-grid .employee-field select,.register-company-container .form-content-wrapper .form-grid .employee-field textarea{width:100%;padding:12px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px;color:#2c2b2e;transition:all .3s ease;background:#fff}.register-company-container .form-content-wrapper .form-grid .employee-field input::placeholder,.register-company-container .form-content-wrapper .form-grid .employee-field select::placeholder,.register-company-container .form-content-wrapper .form-grid .employee-field textarea::placeholder{color:#ccc;font-size:13px}.register-company-container .form-content-wrapper .form-grid .employee-field input:focus,.register-company-container .form-content-wrapper .form-grid .employee-field select:focus,.register-company-container .form-content-wrapper .form-grid .employee-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.register-company-container .form-content-wrapper .form-grid .employee-field input:disabled,.register-company-container .form-content-wrapper .form-grid .employee-field select:disabled,.register-company-container .form-content-wrapper .form-grid .employee-field textarea:disabled{background:#f5f5f5;cursor:not-allowed}.register-company-container .form-content-wrapper .form-grid .employee-field .select-field{cursor:pointer}.register-company-container .form-content-wrapper .form-grid .employee-field .select-field.common-placeholder{color:#999}.register-company-container .form-content-wrapper .form-grid .employee-field .select-field option{color:#2c2b2e}.register-company-container .form-content-wrapper .form-grid .employee-field .select-field option[value=""]{color:#999}.register-company-container .form-content-wrapper .form-grid .employee-field .textarea-field{resize:vertical;min-height:100px}.register-company-container .form-content-wrapper .file-upload-container{position:relative;overflow:hidden}.register-company-container .form-content-wrapper .file-upload-container input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.register-company-container .form-content-wrapper .file-upload-container:hover .file-upload-box{border-color:var(--primary);background:rgba(var(--primary-rgb),.03)}.register-company-container .form-content-wrapper .file-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:2px dashed #ddd;border-radius:8px;background:#fafafa;text-align:center;transition:all .2s ease;margin-bottom:5px}.register-company-container .form-content-wrapper .file-upload-box:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.03)}.register-company-container .form-content-wrapper .file-upload-box .upload-icon{font-size:15px;color:#666;margin-bottom:.5rem}.register-company-container .form-content-wrapper .file-upload-box span{font-size:12px;color:#666}.register-company-container .form-content-wrapper .file-upload-box small{font-size:8px;color:#999;margin-top:8px}.register-company-container .form-content-wrapper .file-preview{display:flex;align-items:flex-start;margin-top:6px;gap:10px}.register-company-container .form-content-wrapper .file-preview img{max-width:150px;max-height:150px;border-radius:4px;object-fit:contain;border:1px solid #ccc}.register-company-container .form-content-wrapper .file-preview span{font-size:14px;color:#666}.register-company-container .form-content-wrapper .file-preview button{cursor:pointer;color:#ff4d4f;font-size:18px;border:none;background:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}.register-company-container .form-content-wrapper .tab-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px 0;margin-top:20px;border-top:1px solid #e2e8eb}@media(max-width:768px){.register-company-container .form-content-wrapper .step-progress-container .step-progress{max-width:100%}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item{padding:6px 10px;gap:8px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle{width:18px;height:18px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle .step-number{font-size:12px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle .step-check svg{width:11px;height:11px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-label{font-size:12px}.register-company-container .form-content-wrapper .form-grid,.register-company-container .form-content-wrapper .form-grid.documents-grid{grid-template-columns:1fr}.register-company-container .form-content-wrapper .form-card .form-card-content{padding:20px 15px}.register-company-container .form-content-wrapper .tab-actions{gap:8px;padding:15px 0}}@media(max-width:480px){.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item{flex:1 1;flex-direction:column;gap:4px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle{width:16px;height:16px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle .step-number{font-size:11px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-circle .step-check svg{width:10px;height:10px}.register-company-container .form-content-wrapper .step-progress-container .step-progress .step-item .step-label{font-size:10px;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.register-company-container .form-content-wrapper .form-card .form-card-title{padding:14px}.register-company-container .form-content-wrapper .form-card .form-card-title h3{font-size:15px}.register-company-container .form-content-wrapper .form-card .form-card-content{padding:15px 12px}.register-company-container .form-content-wrapper .form-grid{gap:14px}.register-company-container .form-content-wrapper .form-grid .employee-field label{font-size:13px}.register-company-container .form-content-wrapper .form-grid .employee-field input,.register-company-container .form-content-wrapper .form-grid .employee-field select,.register-company-container .form-content-wrapper .form-grid .employee-field textarea{padding:10px;font-size:13px}.register-company-container .form-content-wrapper .tab-actions{gap:6px}}.update-business-profile{max-width:100%;background:#fff;border-radius:8px;padding:20px;position:relative}.update-business-profile .form-section{margin-bottom:20px}.update-business-profile .form-section h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#2c2b2e;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e2e8eb}.update-business-profile .form-section h2 svg{color:var(--primary)}.update-business-profile .form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:10px}.update-business-profile .document-section{background:#f9fafc;border-radius:8px;padding:10px;border:1px solid #eee;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.update-business-profile .document-section h3{font-size:14px;font-weight:500;color:#2c2b2e;display:flex;align-items:center;gap:.5rem}.update-business-profile .document-section h3 svg{color:#666;font-size:14px}.update-business-profile .form-group,.update-business-profile .input-group{position:relative}.update-business-profile .form-group .input-error,.update-business-profile .input-group .input-error{position:absolute;bottom:-15px;left:0;font-size:10px;color:#ff4c51;width:100%;white-space:nowrap;text-overflow:ellipsis}.update-business-profile .form-group{margin-bottom:0}.update-business-profile .form-group label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;margin-bottom:10px;color:#666}.update-business-profile .form-group label svg{color:#666;font-size:1.1rem}.update-business-profile .form-group label .required{color:#e53e3e;margin-left:.25rem}.update-business-profile .form-group input,.update-business-profile .form-group select,.update-business-profile .form-group textarea{padding:8px 12px;font-size:16px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.update-business-profile .form-group input:focus,.update-business-profile .form-group select:focus,.update-business-profile .form-group textarea:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.update-business-profile .form-group input::placeholder,.update-business-profile .form-group select::placeholder,.update-business-profile .form-group textarea::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.update-business-profile .form-group textarea{min-height:100px;resize:vertical}.update-business-profile .file-upload-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:#333}.update-business-profile .file-upload-group label svg{color:#666;font-size:1.1rem}.update-business-profile .file-upload-container{position:relative;overflow:hidden}.update-business-profile .file-upload-container input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.update-business-profile .file-upload-container:hover .file-upload-box{border-color:var(--primary);background:rgba(var(--primary),.03)}.update-business-profile .file-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:2px dashed #ddd;border-radius:8px;background:#fafafa;text-align:center;transition:all .2s ease;margin-bottom:5px}.update-business-profile .file-upload-box:hover{border-color:var(--primary);background:rgba(var(--primary),.03)}.update-business-profile .file-upload-box .upload-icon{font-size:15px;color:#666;margin-bottom:.5rem}.update-business-profile .file-upload-box span{font-size:14px;color:#666}.update-business-profile .file-upload-box small{font-size:10px;color:#999;margin-top:8px}.update-business-profile .form-navigation{display:flex;justify-content:flex-end;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.confirmation-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:20px}.confirmation-container .confirmation-card{background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:40px;max-width:500px;width:100%;text-align:center;position:relative;overflow:hidden}.confirmation-container .confirmation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4f46e5,#10b981)}.confirmation-container .confirmation-card .confirmation-title{font-size:24px;color:#1a1a1a;margin-bottom:16px;font-weight:600}.confirmation-container .confirmation-card .confirmation-message{color:#666;font-size:16px;margin-bottom:32px}.confirmation-container .confirmation-card .progress-bar{height:6px;background:#f0f0f0;border-radius:8px;overflow:hidden;margin-top:30px}.confirmation-container .confirmation-card .progress-bar .progress{height:100%;width:60%;background:linear-gradient(90deg,#4f46e5,#10b981);border-radius:8px;animation:progress-animation 2s ease-in-out infinite}.confirmation-container .confirmation-card .c-spinner{position:relative;width:80px;height:80px;margin:0 auto 30px;z-index:1}.confirmation-container .confirmation-card .c-spinner .spinner-circle{position:absolute;width:100%;height:100%;border:8px solid rgba(0,0,0,0);border-radius:50%;mix-blend-mode:overlay;animation:spinner-rotate 1.5s ease-in-out infinite}.confirmation-container .confirmation-card .c-spinner .spinner-circle:first-child{border-top-color:#4f46e5;animation-delay:.1s}.confirmation-container .confirmation-card .c-spinner .spinner-circle:nth-child(2){border-right-color:#10b981;animation-delay:.2s}.confirmation-container .confirmation-card .c-spinner .spinner-circle:nth-child(3){border-bottom-color:#f59e0b;animation-delay:.3s}.confirmation-container .confirmation-card .c-spinner .spinner-circle:nth-child(4){border-left-color:#ef4444;animation-delay:.4s}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progress-animation{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.confirmation-container .confirmation-card .retry-button{background-color:var(--primary);color:#fff;padding:8px 10px;border:none;margin-top:10px;cursor:pointer;border-radius:8px}@media(max-width:600px){.register-company-container{padding:0 10px}.update-business-profile .form-grid{grid-template-columns:1fr}.update-business-profile .form-group input,.update-business-profile .form-group select,.update-business-profile .form-group textarea{font-size:14px}.update-business-profile .document-section{grid-template-columns:1fr}}.business-acc-layout{display:flex;flex-direction:column;gap:30px;position:relative}.business-acc-layout .companies-panel{background:#fff;border-radius:8px;overflow:hidden}.business-acc-layout .companies-panel .panel-header{padding:10px 20px;border-bottom:1px solid #e2e8eb;display:flex;justify-content:space-between;align-items:center}.business-acc-layout .companies-panel .panel-header h2{margin:0;font-size:18px;color:var(--primary);display:flex;align-items:center;gap:5px}.business-acc-layout .companies-panel .panel-header .pannel-header-actions{display:flex;gap:20px;align-items:center}.business-acc-layout .companies-panel .panel-header .pannel-header-actions .add-btn{padding:5px 10px;border:1px solid var(--primary);border-radius:8px;color:var(--primary);font-size:14px}.business-acc-layout .companies-panel .panel-header .pannel-header-actions .add-btn:hover{text-decoration:none}.business-acc-layout .companies-panel .panel-header .pannel-header-actions a,.business-acc-layout .companies-panel .panel-header .pannel-header-actions span{display:flex;gap:5px;align-items:center;text-decoration:none;color:#2c2b2e;cursor:pointer}.business-acc-layout .companies-panel .panel-header .pannel-header-actions a:hover,.business-acc-layout .companies-panel .panel-header .pannel-header-actions span:hover{text-decoration:underline}.business-acc-layout .companies-panel .company-stack .company-item{padding:10px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden;gap:20px;border-bottom:1px solid #e2e8eb;transition:all .2s;cursor:pointer}.business-acc-layout .companies-panel .company-stack .company-item .c-basic{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px;flex:1 1}.business-acc-layout .companies-panel .company-stack .company-item .c-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.business-acc-layout .companies-panel .company-stack .company-item .c-actions .edit-c-profile,.business-acc-layout .companies-panel .company-stack .company-item .c-actions button{padding:5px 10px;font-size:12px;font-weight:500;text-decoration:none}.business-acc-layout .companies-panel .company-stack .company-item .c-actions .switch-badge{background:var(--primary);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px}.business-acc-layout .companies-panel .company-stack .company-item .c-actions .active-badge{background:#01a601;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:5px}.business-acc-layout .companies-panel .company-stack .company-item:hover{background:#f8f9fc}.business-acc-layout .companies-panel .company-stack .company-item.subs-expired{background-color:#fef2f2}.business-acc-layout .companies-panel .company-stack .company-item.active-company{flex-direction:column;align-items:normal;padding:30px 10px 10px}.business-acc-layout .companies-panel .company-stack .company-item.verified{border-left:3px solid #2e7d32}.business-acc-layout .companies-panel .company-stack .company-item.pending{border-left:3px solid #ff8f00}.business-acc-layout .companies-panel .company-stack .company-item.block,.business-acc-layout .companies-panel .company-stack .company-item.rejected{border-left:3px solid #c62828}.business-acc-layout .companies-panel .company-stack .company-item .company-main h3{display:flex;align-items:center;gap:2px;margin:0 0 4px;font-size:18px;color:#2c2b2e}.business-acc-layout .companies-panel .company-stack .company-item .company-main .company-id{font-size:12px;color:#7f8c8d}.business-acc-layout .companies-panel .company-stack .company-item .company-score{font-size:12px;display:flex;flex-direction:column;gap:5px}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar-container{width:100%;position:relative}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar{height:8px;background:#f0f0f0;border-radius:8px;overflow:visible;position:relative}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);border-radius:8px;position:relative}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator{position:absolute;right:0;top:-30px;transform:translateX(50%)}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator .indicator-tooltip{position:relative;background:#333;color:#fff;padding:4px 8px;border-radius:8px;font-size:10px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15)}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator .indicator-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 0}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .indicator-pointer{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:12px;height:12px;background:#4caf50;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-warning{color:#ff9800;font-size:12px}.business-acc-layout .companies-panel .company-stack .company-item .company-status{display:flex;gap:20px}.business-acc-layout .companies-panel .company-stack .company-item .company-status label{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin:0}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag{padding:2px 10px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize;text-align:center;display:flex;align-items:center;gap:2px}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.active,.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.completed,.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.paid,.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.verified{background:#e8f5e9;color:#2e7d32}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.pending,.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.unpaid{background:#fff8e1;color:#ff8f00}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.expired{background-color:#ffd9d9;color:#dc2626}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.block,.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.failed,.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.rejected{background:#ffebee;color:#c62828}.business-acc-layout .companies-panel .company-stack .company-item .edit-c-profile,.business-acc-layout .companies-panel .company-stack .company-item .view-btn{border-radius:8px;background:rgba(0,0,0,0);border:1px solid var(--primary);color:var(--primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px}.business-acc-layout .companies-panel .company-stack .company-item .edit-c-profile:hover,.business-acc-layout .companies-panel .company-stack .company-item .view-btn:hover{background:var(--primary);color:#fff}.business-acc-layout .companies-panel .company-stack .company-item .edit-c-profile:disabled,.business-acc-layout .companies-panel .company-stack .company-item .view-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.business-acc-layout{gap:15px}.business-acc-layout .companies-panel .panel-header{padding:8px 12px;flex-direction:column;align-items:flex-start;gap:5px}.business-acc-layout .companies-panel .panel-header h2{font-size:18px}.business-acc-layout .companies-panel .panel-header .add-btn{font-size:12px;padding:4px 8px}.business-acc-layout .companies-panel .panel-header .pannel-header-actions{width:100%;justify-content:flex-end}.business-acc-layout .companies-panel .company-stack .company-item{flex-direction:column;gap:10px;padding:8px}.business-acc-layout .companies-panel .company-stack .company-item.active-company{padding:10px}.business-acc-layout .companies-panel .company-stack .company-item .company-score{margin-top:25px}.business-acc-layout .companies-panel .company-item .company-main h3{font-size:14px;margin-bottom:.2rem}.business-acc-layout .companies-panel .company-item .company-main .company-id{font-size:12px}.business-acc-layout .companies-panel .company-item .company-status{width:100%;justify-content:space-between}.business-acc-layout .companies-panel .company-item .company-status .status-tag{font-size:12px;padding:.1rem .5rem}.business-acc-layout .companies-panel .company-item .view-btn{align-self:flex-end;font-size:12px;padding:4px 8px}}.common-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;min-height:400px;width:100%;animation:fadeIn .5s ease-out;color:gray}.common-empty-state .empty-state-content{max-width:400px;margin:0 auto}.common-empty-state .empty-state-action{display:flex;justify-content:center}.common-empty-state .empty-state-icon{margin-bottom:20px;font-size:60px;animation:bounce 2s infinite}.common-empty-state .empty-state-title{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.common-empty-state .empty-state-message{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:600px){.common-empty-state{min-height:350px}.common-empty-state .empty-state-icon{font-size:50px;margin-bottom:10px}.common-empty-state .empty-state-title{font-size:14px}.common-empty-state .empty-state-message{font-size:12px}}.not-found{position:fixed;inset:0;z-index:999999999999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f0f4f8;text-align:center;padding:20px}.not-found-icon{font-size:56px;color:var(--primary);opacity:.8}.not-found-code{font-size:72px;font-weight:800;color:var(--primary);margin:0;line-height:1}.not-found-title{font-size:22px;font-weight:600;color:var(--primary);margin:0}.not-found-desc{font-size:14px;color:#6b7a99;margin:0;max-width:300px;line-height:1.5}.not-found-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}.not-found-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none}.not-found-btn-primary{background:var(--primary);color:#fff}.not-found-btn-secondary{background:#fff;color:var(--primary);border:1px solid #e2e8eb}.reports-container{display:flex;flex-direction:column;gap:20px}.reports-container .summary-bar{display:flex;flex-wrap:wrap;gap:20px}.reports-container .summary-bar .summary-card{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:120px;min-height:70px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;padding:10px 20px}.reports-container .summary-bar .summary-card .sc-label{font-size:12px;font-weight:500;color:#9199ad;display:flex;align-items:center;gap:5px}.reports-container .summary-bar .summary-card .sc-label svg{font-size:12px;color:var(--primary);opacity:.8}.reports-container .summary-bar .summary-card .sc-value{font-size:16px;font-weight:600;color:#2c2b2e}.reports-container .reports-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.reports-container .reports-header .reports-tab-group{display:flex;align-items:center;background:#f0f1f5;border-radius:8px;padding:4px;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.reports-container .reports-header .reports-tab-group .tab-pill{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;border:none;background:rgba(0,0,0,0);color:#8a93a8;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s ease}.reports-container .reports-header .reports-tab-group .tab-pill svg{font-size:12px}.reports-container .reports-header .reports-tab-group .tab-pill:hover:not(.active){color:#4b5368;background:hsla(0,0%,100%,.55)}.reports-container .reports-header .reports-tab-group .tab-pill.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.04)}.reports-container .reports-header .reports-actions{display:flex;align-items:center;gap:10px}.reports-container .reports-header .reports-actions .tab-export-btn{display:flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border:1.5px solid #e2e8eb;border-radius:8px;background:#fff;color:#6f7890;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.reports-container .reports-header .reports-actions .tab-export-btn svg{font-size:14px}.reports-container .reports-header .reports-actions .tab-export-btn span{white-space:nowrap}.reports-container .reports-header .reports-actions .tab-export-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.reports-container .reports-header .reports-actions .tab-export-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px){.reports-container .summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.reports-container .summary-bar .summary-card{padding:5px 10px;min-height:50px}.reports-container .summary-bar .summary-card .sc-value{font-size:14px}.reports-container .reports-header{flex-direction:column}.reports-container .reports-header .reports-tab-group{width:100%}.reports-container .reports-header .reports-tab-group .tab-pill{padding:10px;font-size:12px}.reports-container .reports-header .reports-actions .tab-export-btn{width:100%;font-size:12px}}.catalog-page{display:flex;flex-direction:column}.catalog-page .catalog-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px;position:relative}.catalog-page .catalog-topbar .search-combo{display:flex;align-items:center;flex:1 1;min-width:260px;max-width:560px;border:1.5px solid #e2e8eb;border-radius:8px;background:#fff;overflow:visible;transition:border-color .2s;position:relative}.catalog-page .catalog-topbar .search-combo:focus-within{border-color:var(--primary-light)}.catalog-page .catalog-topbar .search-combo .cat-dropdown-trigger{display:flex;align-items:center;gap:6px;padding:0 10px 0 12px;height:38px;background:#f8f9fc;border-right:1.5px solid #e2e8eb;cursor:pointer;border-radius:8px 0 0 8px;white-space:nowrap;font-size:13px;font-weight:500;color:var(--primary);-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:100px;max-width:160px;overflow:hidden}.catalog-page .catalog-topbar .search-combo .cat-dropdown-trigger span{overflow:hidden;text-overflow:ellipsis;flex:1 1}.catalog-page .catalog-topbar .search-combo .cat-dropdown-trigger svg{flex-shrink:0;color:#9ca3af}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:260px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;z-index:200;overflow:hidden;animation:dropIn .15s ease}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-search{padding:8px;border-bottom:1px solid #e2e8eb}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-search input{width:100%;height:36px;padding:0 12px;border:1px solid #ddd;border-radius:6px;outline:none}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-search input:focus{border-color:var(--primary-light)}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;color:var(--primary);cursor:pointer;transition:background .15s}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-menu-item:hover{background:#f5f7ff}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-menu-item.active{background:#eef2ff;color:var(--primary);font-weight:500}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-menu-item .cat-left{display:flex;align-items:center;gap:8px}.catalog-page .catalog-topbar .search-combo .cat-dropdown-menu .cat-menu-item img{width:22px;height:22px;border-radius:4px;object-fit:contain}.catalog-page .catalog-topbar .search-combo .cat-submenu{background:#fafbff;border-top:1px solid #e2e8eb}.catalog-page .catalog-topbar .search-combo .cat-submenu .cat-submenu-item{display:flex;align-items:center;gap:8px;padding:10px 14px 10px 32px;font-size:13px;color:#6b7280;cursor:pointer;transition:background .15s}.catalog-page .catalog-topbar .search-combo .cat-submenu .cat-submenu-item:hover{background:#f0f4ff;color:var(--primary)}.catalog-page .catalog-topbar .search-combo .cat-submenu .cat-submenu-item.active{color:var(--primary);font-weight:500}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.catalog-page .catalog-topbar .search-combo .search-input-wrap{display:flex;align-items:center;flex:1 1;padding:0 12px;gap:8px}.catalog-page .catalog-topbar .search-combo .search-input-wrap input{flex:1 1;border:none;outline:none;font-size:14px;color:#2c2b2e;background:rgba(0,0,0,0)}.catalog-page .catalog-topbar .search-combo .search-input-wrap .search-icon{color:#9ca3af;flex-shrink:0}.catalog-page .catalog-topbar .search-combo .search-input-wrap .search-clear-btn{background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;padding:2px;border-radius:4px}.catalog-page .catalog-topbar .search-combo .search-input-wrap .search-clear-btn:hover{color:var(--primary);background:#f0f0f0}.catalog-page .catalog-topbar .search-combo .search-input-wrap .search-btn{height:calc(100% - 12px);padding:5px 10px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:.2s ease}.catalog-page .catalog-topbar .search-combo .search-input-wrap .search-btn:hover{opacity:.9}.catalog-page .catalog-topbar .topbar-actions{display:flex;gap:12px;align-items:center}.catalog-page .catalog-topbar .topbar-actions button{padding:6px 12px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:#2c2b2e;transition:all .2s}.catalog-page .catalog-topbar .topbar-actions button:hover{background:#f5f5f5}.catalog-page .catalog-topbar .topbar-actions .filter-btn{position:relative}.catalog-page .catalog-topbar .topbar-actions .filter-btn.active{background:#e8f0fe;border-color:var(--primary);color:var(--primary)}.catalog-page .catalog-topbar .topbar-actions .filter-btn .filter-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--primary);border-radius:50%}.catalog-page .catalog-topbar .topbar-actions .sync-btn{color:var(--primary)}.catalog-page .catalog-topbar .topbar-actions .sync-btn.active svg{animation:spin 1s linear infinite}.catalog-page .catalog-topbar .topbar-actions .add-item-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.catalog-page .catalog-topbar .topbar-actions .add-item-btn:hover{background:var(--primary-light-rgb);color:var(--primary)}.catalog-page .catalog-topbar .filters-panel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px;margin-bottom:20px;position:absolute;top:50px;width:100%;z-index:10}.catalog-page .catalog-topbar .filters-panel .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.catalog-page .catalog-topbar .filters-panel .filters-header h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;color:#2c2b2e}.catalog-page .catalog-topbar .filters-panel .filters-header .clear-all{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:8px}.catalog-page .catalog-topbar .filters-panel .filters-header .clear-all:hover{background:#f5f5f5}.catalog-page .catalog-topbar .filters-panel .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.catalog-page .catalog-topbar .filters-panel .filter-group label{display:block;font-size:13px;font-weight:500;color:#4a4a4a;margin-bottom:8px}.catalog-page .catalog-topbar .filters-panel .filter-group select{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;background:#fff;cursor:pointer}.catalog-page .catalog-topbar .filters-panel .filter-group select:focus{outline:none;border-color:var(--primary)}.catalog-page .catalog-topbar .filters-panel .filter-group .radio-group{display:flex;gap:16px}.catalog-page .catalog-topbar .filters-panel .filter-group .radio-group label{display:flex;align-items:center;gap:6px;font-weight:400;cursor:pointer;margin:0}.catalog-page .catalog-topbar .filters-panel .filter-group .radio-group label input{cursor:pointer;accent-color:var(--primary)}.catalog-page .catalog-topbar .filters-panel .filter-group .price-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.catalog-page .catalog-topbar .filters-panel .filter-group .price-inputs input{flex:1 1;padding:6px 8px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px}.catalog-page .catalog-topbar .filters-panel .filter-group .price-inputs input:focus{outline:none;border-color:var(--primary)}.catalog-page .catalog-topbar .filters-panel .filter-group .price-inputs span{color:#888;font-size:12px}.catalog-page .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.catalog-page .results-header span{font-size:13px;color:#666}.catalog-page .results-header .clear-filters-text{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:8px}.catalog-page .results-header .clear-filters-text:hover{background:#f5f5f5}.catalog-page .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.catalog-page .products-grid .product-card{width:100%;height:220px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.catalog-page .products-grid .product-card:hover{border-color:#d0d5dd}.catalog-page .products-grid .product-card .product-image{position:relative;height:110px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-bottom:1px solid #e2e8eb}.catalog-page .products-grid .product-card .product-image img{width:100%;height:100%;object-fit:cover;padding:8px}.catalog-page .products-grid .product-card .product-image .product-type-badge{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:3px;font-size:8px;font-weight:600;letter-spacing:.3px;z-index:1}.catalog-page .products-grid .product-card .product-image .product-type-badge.simple{background:rgba(1,166,1,.12);color:#01a601;border:1px solid rgba(1,166,1,.2)}.catalog-page .products-grid .product-card .product-image .product-type-badge.variable{background:rgba(99,102,241,.12);color:#6366f1;border:1px solid rgba(99,102,241,.2)}.catalog-page .products-grid .product-card .product-body{padding:10px;display:flex;flex-direction:column;flex:1 1;justify-content:space-between}.catalog-page .products-grid .product-card .product-body .product-info{text-decoration:none;flex:1 1}.catalog-page .products-grid .product-card .product-body .product-info h3{font-size:12px;font-weight:500;margin:0 0 6px;color:#2c2b2e;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-page .products-grid .product-card .product-body .product-info .price{font-weight:600;font-size:13px;color:#2c2b2e}.catalog-page .products-grid .product-card .product-body .product-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:8px;border-top:1px solid #f0f0f0}.catalog-page .products-grid .product-card .product-body .product-footer .stock-badge{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:500;white-space:nowrap}.catalog-page .products-grid .product-card .product-body .product-footer .stock-badge.in{background:rgba(1,166,1,.08);color:#01a601}.catalog-page .products-grid .product-card .product-body .product-footer .stock-badge.out{background:rgba(255,76,81,.08);color:#ff4c51}.catalog-page .products-grid .product-card .product-body .product-footer .product-actions{display:flex;align-items:center;gap:3px}.catalog-page .products-grid .product-card .product-body .product-footer .product-actions button{width:26px;height:26px;border-radius:4px;border:1px solid #e2e8eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .15s}.catalog-page .products-grid .product-card .product-body .product-footer .product-actions button:hover{background:#f9fafb;border-color:#d0d5dd;color:#2c2b2e}.catalog-page .products-grid .product-card .product-body .product-footer .product-actions button.delete-btn{background:rgba(255,76,81,.04);border-color:rgba(255,76,81,.3);color:#ff4c51}@media(max-width:480px){.catalog-page .catalog-topbar{flex-wrap:wrap;gap:8px}.catalog-page .catalog-topbar .search-combo{min-width:0;order:2}.catalog-page .catalog-topbar .search-combo .search-input-wrap{min-width:0;overflow:hidden}.catalog-page .catalog-topbar .search-combo .search-input-wrap input{min-width:0}.catalog-page .catalog-topbar .search-combo .search-input-wrap .search-btn{flex-shrink:0;white-space:nowrap}.catalog-page .catalog-topbar .search-combo .cat-dropdown-trigger{min-width:80px;max-width:100px}.catalog-page .catalog-topbar .topbar-actions{order:1;width:100%;justify-content:flex-end}.catalog-page .catalog-topbar .filters-grid{grid-template-columns:1fr}.catalog-page .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.catalog-page .products-grid .product-card{width:100%;height:auto;min-height:200px}.catalog-page .products-grid .product-card .product-image{height:100px}.catalog-page .products-grid .product-card .product-body{padding:8px}.catalog-page .products-grid .product-card .product-body .product-info h3{font-size:11px;margin-bottom:4px}.catalog-page .products-grid .product-card .product-body .product-info .price{font-size:12px}.catalog-page .products-grid .product-card .product-body .product-footer{padding-top:6px}.catalog-page .products-grid .product-card .product-body .product-footer .stock-badge{font-size:9px;padding:1px 5px}.catalog-page .products-grid .product-card .product-body .product-footer .product-actions{gap:2px}.catalog-page .products-grid .product-card .product-body .product-footer .product-actions button{width:24px;height:24px}}.product-details-page .product-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media(max-width:968px){.product-details-page .product-layout{grid-template-columns:1fr;gap:24px}}.product-details-page .gallery-section{position:sticky;top:16px}.product-details-page .gallery-section .main-image-container{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:#fafafa;border:1px solid #e2e8eb}.product-details-page .gallery-section .main-image-container .main-image{width:100%;height:100%;padding:12px}.product-details-page .gallery-section .main-image-container .stock-overlay{position:absolute;top:12px;left:12px;padding:4px 10px;background:rgba(255,76,81,.9);color:#fff;font-size:11px;font-weight:500;border-radius:4px;z-index:2}.product-details-page .gallery-section .main-image-container .nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid #e2e8eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2c2b2e;transition:all .15s;z-index:2}.product-details-page .gallery-section .main-image-container .nav-btn:hover{border-color:var(--primary);color:var(--primary);background:#fafafa}.product-details-page .gallery-section .main-image-container .nav-btn.prev-btn{left:10px}.product-details-page .gallery-section .main-image-container .nav-btn.next-btn{right:10px}.product-details-page .gallery-section .thumbnail-strip{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.product-details-page .gallery-section .thumbnail-strip::-webkit-scrollbar{height:3px}.product-details-page .gallery-section .thumbnail-strip::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.product-details-page .gallery-section .thumbnail-strip::-webkit-scrollbar-thumb{background:#e2e8eb;border-radius:10px}.product-details-page .gallery-section .thumbnail-strip .thumbnail{flex-shrink:0;width:56px;height:56px;border-radius:6px;overflow:hidden;cursor:pointer;border:1.5px solid #e2e8eb;background:#fafafa;padding:0;transition:border-color .15s}.product-details-page .gallery-section .thumbnail-strip .thumbnail img{width:100%;height:100%;object-fit:contain;padding:4px}.product-details-page .gallery-section .thumbnail-strip .thumbnail:hover{border-color:#d0d5dd}.product-details-page .gallery-section .thumbnail-strip .thumbnail.active{border-color:var(--primary);border-width:2px}@media(max-width:968px){.product-details-page .gallery-section{position:static}.product-details-page .gallery-section .main-image-container{aspect-ratio:16/9}}.product-details-page .details-section{display:flex;flex-direction:column;gap:18px}.product-details-page .details-section .details-header .product-title{font-size:20px;font-weight:600;color:#2c2b2e;line-height:1.3;margin:0 0 8px}.product-details-page .details-section .details-header .product-status .status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:4px}.product-details-page .details-section .details-header .product-status .status-badge .status-dot{width:6px;height:6px;border-radius:50%}.product-details-page .details-section .details-header .product-status .status-badge.in-stock{background:rgba(1,166,1,.06);color:#01a601}.product-details-page .details-section .details-header .product-status .status-badge.in-stock .status-dot{background:#01a601}.product-details-page .details-section .details-header .product-status .status-badge.out-of-stock{background:rgba(255,76,81,.06);color:#ff4c51}.product-details-page .details-section .details-header .product-status .status-badge.out-of-stock .status-dot{background:#ff4c51}.product-details-page .details-section .price-block{padding:14px 0;border-top:1px solid #e2e8eb;border-bottom:1px solid #e2e8eb}.product-details-page .details-section .price-block .price-main{display:flex;align-items:baseline;gap:2px}.product-details-page .details-section .price-block .price-main .currency{font-size:16px;font-weight:600;color:#2c2b2e}.product-details-page .details-section .price-block .price-main .amount{font-size:24px;font-weight:700;color:#2c2b2e;line-height:1}.product-details-page .details-section .price-block .price-original{display:flex;align-items:center;gap:10px;margin-top:4px}.product-details-page .details-section .price-block .price-original .original{font-size:14px;color:#999;text-decoration:line-through}.product-details-page .details-section .price-block .price-original .discount{font-size:11px;font-weight:600;color:#01a601;padding:2px 8px;background:rgba(1,166,1,.08);border-radius:4px}.product-details-page .details-section .info-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.product-details-page .details-section .info-cards .info-card{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e2e8eb;border-radius:8px;background:#fff}.product-details-page .details-section .info-cards .info-card .card-icon{width:32px;height:32px;border-radius:8px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.product-details-page .details-section .info-cards .info-card .card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.product-details-page .details-section .info-cards .info-card .card-content .card-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.product-details-page .details-section .info-cards .info-card .card-content .card-value{font-size:12px;font-weight:500;color:#2c2b2e}.product-details-page .details-section .description-tabs{display:flex;flex-direction:column;gap:10px}.product-details-page .details-section .description-tabs .desc-block{border:1px solid #e2e8eb;border-radius:8px;overflow:hidden}.product-details-page .details-section .description-tabs .desc-block .desc-title{font-size:11px;font-weight:600;color:#2c2b2e;padding:8px 12px;background:#f4f4f4;border-bottom:1px solid #e2e8eb;margin:0;text-transform:uppercase;letter-spacing:.3px}.product-details-page .details-section .description-tabs .desc-block .desc-content{padding:12px;font-size:13px;color:#999;line-height:1.6}.product-details-page .details-section .description-tabs .desc-block .desc-content p{margin-bottom:10px}.product-details-page .details-section .description-tabs .desc-block .desc-content p:last-child{margin-bottom:0}.product-details-page .details-section .description-tabs .desc-block .desc-content strong{color:#2c2b2e}.product-details-page .details-section .variants-section .section-title{font-size:11px;font-weight:600;color:#2c2b2e;margin:0 0 10px;text-transform:uppercase;letter-spacing:.3px}.product-details-page .details-section .variants-section .variants-table-wrap{border:1px solid #e2e8eb;border-radius:8px;overflow:hidden}.product-details-page .details-section .variants-section .variants-table{width:100%;border-collapse:collapse;font-size:12px}.product-details-page .details-section .variants-section .variants-table thead tr th{text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.3px;background:#f4f4f4;border-bottom:1px solid #e2e8eb;white-space:nowrap}.product-details-page .details-section .variants-section .variants-table tbody tr{border-bottom:1px solid #f0f0f0}.product-details-page .details-section .variants-section .variants-table tbody tr:last-child{border-bottom:none}.product-details-page .details-section .variants-section .variants-table tbody tr:hover{background:#fafafa}.product-details-page .details-section .variants-section .variants-table tbody tr td{padding:10px;vertical-align:middle;color:#2c2b2e}.product-details-page .details-section .variants-section .variants-table .variant-attributes{display:flex;flex-wrap:wrap;gap:4px}.product-details-page .details-section .variants-section .variants-table .variant-attributes .variant-tag{display:inline-block;padding:2px 6px;background:#f5f5f5;border:1px solid #e2e8eb;border-radius:3px;font-size:10px;font-weight:500;color:#2c2b2e;white-space:nowrap}.product-details-page .details-section .variants-section .variants-table .variant-sku{font-size:11px;color:#999;font-weight:500}.product-details-page .details-section .variants-section .variants-table .variant-price{display:flex;align-items:center;gap:6px}.product-details-page .details-section .variants-section .variants-table .variant-price .current-price{font-weight:600;color:#2c2b2e}.product-details-page .details-section .variants-section .variants-table .variant-price .original-price{font-size:11px;color:#999;text-decoration:line-through}.product-details-page .details-section .variants-section .variants-table .stock-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;white-space:nowrap}.product-details-page .details-section .variants-section .variants-table .stock-badge.in{background:rgba(1,166,1,.08);color:#01a601}.product-details-page .details-section .variants-section .variants-table .stock-badge.out{background:rgba(255,76,81,.08);color:#ff4c51}.product-details-page .details-section .action-bar{display:flex;gap:10px;padding-top:14px;border-top:1px solid #e2e8eb}.product-details-page .details-section .action-bar .action-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;border:1px solid rgba(0,0,0,0);transition:all .15s}.product-details-page .details-section .action-bar .action-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.product-details-page .details-section .action-bar .action-btn.primary:hover{opacity:.9}.product-details-page .details-section .action-bar .action-btn.danger{background:#fff;color:#ff4c51;border-color:#e2e8eb}.product-details-page .details-section .action-bar .action-btn.danger:hover{background:rgba(255,76,81,.04);border-color:rgba(255,76,81,.3)}.product-details-page .not-found{text-align:center;padding:80px 32px}.product-details-page .not-found h2{font-size:18px;font-weight:600;color:#2c2b2e;margin-bottom:8px}.product-details-page .not-found p{font-size:14px;color:#999}@media(max-width:480px){.product-details-page .product-layout .details-section .details-header .product-title{font-size:18px}.product-details-page .product-layout .details-section .price-block .price-main .amount{font-size:22px}}.kitchen-orders{position:fixed;inset:0;background:#fff;width:100%;height:100%;z-index:99999999;padding:12px}.order-view-container{background:#fff;height:100%;overflow-y:auto}.order-view-container .order-section-title{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.order-view-container .order-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 20px 20px;border-bottom:1px solid #e2e8eb}.order-view-container .order-header .order-header-left .order-label-row{display:flex;align-items:center;gap:7px;margin-bottom:6px}.order-view-container .order-header .order-header-left .order-label-row .order-label-icon{font-size:16px;color:var(--primary)}.order-view-container .order-header .order-header-left .order-label-row .order-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.07em}.order-view-container .order-header .order-header-left .order-title{font-size:26px;font-weight:700;color:#2c2b2e;margin-bottom:8px;line-height:1}.order-view-container .order-header .order-header-left .order-meta{display:flex;align-items:center;gap:6px}.order-view-container .order-header .order-header-left .order-meta .order-meta-icon{font-size:13px;color:#9ca3af}.order-view-container .order-header .order-header-left .order-meta .order-date{font-size:13px;color:#6b7280}.order-view-container .order-header .order-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.order-view-container .order-header .order-header-right .order-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:rgba(1,166,1,.1);color:#01a601;font-size:12px;font-weight:600;text-transform:capitalize}.order-view-container .order-header .order-header-right .order-status-badge .order-status-dot{width:6px;height:6px;border-radius:50%;background:#01a601;flex-shrink:0}.order-view-container .order-header .order-header-right .order-type-label{font-size:12px;color:#9ca3af}.order-view-container .order-sections{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e2e8eb}.order-view-container .order-sections .order-customer{padding:20px;border-right:1px solid #e2e8eb}.order-view-container .order-sections .order-customer .order-customer-profile{display:flex;align-items:center;gap:10px;margin-bottom:14px}.order-view-container .order-sections .order-customer .order-customer-profile .order-customer-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-light-rgb);color:var(--primary);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.order-view-container .order-sections .order-customer .order-customer-profile .order-customer-name{font-size:15px;font-weight:600;color:#2c2b2e;margin:0 0 2px}.order-view-container .order-sections .order-customer .order-customer-profile .order-customer-type{font-size:12px;color:#9ca3af;margin:0}.order-view-container .order-sections .order-customer .order-detail-list{display:flex;flex-direction:column;gap:8px}.order-view-container .order-sections .order-customer .order-detail-list .order-detail-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.order-view-container .order-sections .order-customer .order-detail-list .order-detail-item .order-detail-icon{font-size:14px;color:#9ca3af;flex-shrink:0}.order-view-container .order-sections .order-info{padding:20px 28px}.order-view-container .order-sections .order-info .order-info-rows{display:flex;flex-direction:column;gap:10px}.order-view-container .order-sections .order-info .order-info-rows .order-info-row{display:flex;align-items:center;justify-content:space-between}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-label{display:flex;align-items:center;gap:7px;font-size:13px;color:#6b7280}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-label .order-detail-icon{font-size:14px;color:#9ca3af}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-value{font-size:13px;font-weight:500;color:#2c2b2e}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-value.order-info-badge{background:#f3f4f6;padding:3px 10px;border-radius:6px;font-size:12px}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-value.order-info-paid{color:#01a601}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-value.order-info-mono{font-size:12px;color:#6b7280}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-credit,.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-paid,.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-pending{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:600;text-transform:capitalize}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-paid{color:#16a34a;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.2)}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-pending{color:#d97706;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.2)}.order-view-container .order-sections .order-info .order-info-rows .order-info-row .order-info-credit{color:#2563eb;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.2)}.order-view-container .order-items-section{padding:20px;border-bottom:1px solid #e2e8eb}.order-view-container .order-items-section .order-items{width:100%;overflow:auto}.order-view-container .order-items-section .order-items table tbody{border:none}.order-view-container .order-items-section .text-left{text-align:left}.order-view-container .order-items-section .text-center{text-align:center}.order-view-container .order-items-section .text-right{text-align:right}.order-view-container .order-bottom{display:grid;grid-template-columns:1fr 450px}.order-view-container .order-bottom .order-note{padding:20px 28px;border-right:1px solid #e2e8eb;display:flex;flex-direction:column;justify-content:flex-end}.order-view-container .order-bottom .order-note .order-note-text{font-size:13px;color:#6b7280;line-height:1.6;margin:0}.order-view-container .order-bottom .order-summary{padding:20px 28px}.order-view-container .order-bottom .order-summary .order-summary-totals .order-total-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px;color:#2c2b2e}.order-view-container .order-bottom .order-summary .order-summary-totals .order-total-row.discount span:last-child{color:#01a601}.order-view-container .order-bottom .order-summary .order-summary-totals .order-total-row.grand-total{margin-top:8px;padding-top:12px;border-top:1px solid #e2e8eb}.order-view-container .order-bottom .order-summary .order-summary-totals .order-total-row.grand-total span:first-child{font-size:15px;font-weight:600;color:#2c2b2e}.order-view-container .order-bottom .order-summary .order-summary-totals .order-total-row.grand-total span:last-child{font-size:20px;font-weight:700;color:var(--primary)}.order-view-container .order-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;background:#f9fafb;border-top:1px solid #e2e8eb}.order-view-container .order-footer .order-footer-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.order-view-container .order-footer .order-footer-meta .order-footer-icon{font-size:14px}.order-view-container .order-footer .order-footer-actions{display:flex;align-items:center;gap:14px}.order-view-container .order-footer .order-footer-actions .order-action-btn{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}.order-view-container .order-footer .order-footer-actions .order-action-btn svg{font-size:14px}.order-view-container .order-footer .order-footer-actions .order-action-btn:hover{color:#2c2b2e}@media(max-width:768px){.order-view-container .order-header{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 12px 16px}.order-view-container .order-header .order-header-right{align-items:flex-start}.order-view-container .order-sections{grid-template-columns:1fr}.order-view-container .order-sections .order-customer{border-right:none;border-bottom:1px solid #e2e8eb;padding:12px}.order-view-container .order-items-section,.order-view-container .order-sections .order-info{padding:12px}.order-view-container .order-bottom{grid-template-columns:1fr}.order-view-container .order-bottom .order-note{border-right:none;border-bottom:1px solid #e2e8eb;padding:12px}.order-view-container .order-bottom .order-summary{padding:12px}.order-view-container .order-bottom .order-summary .order-summary-totals{width:100%}.order-view-container .order-footer{gap:12px;padding:14px 12px}}.open-pos{position:fixed;inset:0;background:#fff;width:100%;height:100%;z-index:99999999}.open-pos-inner{position:relative;overflow:hidden}.open-pos .pos-header{background:var(--primary);padding:10px 12px;justify-content:space-between;height:50px;position:relative}.open-pos .pos-header,.open-pos .pos-header-left{display:flex;align-items:center;gap:40px}.open-pos .pos-header-left a{color:#fff;font-size:26px;font-weight:600;text-decoration:none}.open-pos .pos-header-left .menu-wrapper{position:relative;display:flex}.open-pos .pos-header-left .menu-wrapper .menu-icon{font-size:22px;color:#fff;cursor:pointer}.open-pos .pos-header-left .menu-wrapper .pos-dropdown{position:absolute;top:40px;left:0;width:200px;background:#fff;border-radius:8px;padding:8px 0;z-index:99999;border:1px solid #e2e8eb}.open-pos .pos-header-left .menu-wrapper .pos-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 15px;font-size:15px;cursor:pointer;color:#2c2b2e}.open-pos .pos-header-left .menu-wrapper .pos-dropdown .dropdown-item svg{font-size:16px}.open-pos .pos-header-left .menu-wrapper .pos-dropdown .dropdown-item.danger{color:#ff4c51}.open-pos .pos-header-left .menu-wrapper .pos-dropdown .dropdown-item.danger:hover{background:#ffeaea}.open-pos .pos-header-left .menu-wrapper .pos-dropdown .dropdown-item:hover{background:#f5f5f5}.open-pos .pos-header-left .menu-wrapper .pos-dropdown .dropdown-divider{height:1px;background:#e2e8eb;margin:5px 0}.open-pos .pos-header .pos-search-wrapper{flex:1 1;display:flex;justify-content:flex-start}.open-pos .pos-header .pos-search-wrapper .pos-search{max-width:600px;width:100%;display:flex;align-items:center;gap:10px;border-radius:8px;padding:8px 20px;background:#fff;height:40px}.open-pos .pos-header .pos-search-wrapper .pos-search input{flex:1 1;border:none;outline:none;font-size:16px}.open-pos .pos-header .pos-search-wrapper .pos-search svg{color:#666}.open-pos .pos-header .pos-search-wrapper .pos-search .clear-btn{cursor:pointer;color:#999}.open-pos .pos-header .pos-search-wrapper .pos-search .cart-btn{position:relative;border:none;background:#f5f5f5;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.open-pos .pos-header .pos-search-wrapper .pos-search .cart-btn:hover{background:#eee}.open-pos .pos-header .pos-search-wrapper .pos-search .cart-btn .badge{position:absolute;top:-5px;right:-5px;background:#ff4c51;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.open-pos .pos-header .pos-mobile-search-wrapper{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;animation:mSearchSlideIn .2s ease-out}.open-pos .pos-header .pos-mobile-search-wrapper .mobile-search-box{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border-radius:8px;padding:0 12px;height:32px}.open-pos .pos-header .pos-mobile-search-wrapper .mobile-search-box .search-icon{color:#999;font-size:14px;flex-shrink:0}.open-pos .pos-header .pos-mobile-search-wrapper .mobile-search-box input{flex:1 1;border:none;outline:none;font-size:15px;background:rgba(0,0,0,0);color:#2c2b2e}.open-pos .pos-header .pos-mobile-search-wrapper .mobile-search-box input::placeholder{color:#999;font-size:14px}.open-pos .pos-header .pos-mobile-search-wrapper .mobile-search-box .clear-btn{color:#999;font-size:16px;cursor:pointer}.open-pos .pos-header .pos-mobile-search-wrapper .search-cancel{flex-shrink:0;font-size:14px;font-weight:600;color:#fff;cursor:pointer;letter-spacing:.3px;white-space:nowrap}@keyframes mSearchSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.open-pos .pos-header-right{display:flex;align-items:center;gap:10px}.open-pos .pos-header-right button{display:none;position:relative;background:none;color:#fff;width:80px;height:40px;border-radius:8px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.open-pos .pos-header-right button:hover{background:#f0f0f0;color:var(--primary)}.open-pos .pos-header-right button .badge{position:absolute;top:-5px;right:-5px;background:#ff4c51;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.open-pos .pos-header-right .category-filter-btn,.open-pos .pos-header-right .checkout-toggle-btn,.open-pos .pos-header-right .mobile-search-trigger{display:none}.open-pos .pos-header-right .exit-btn{color:#ff4c51}.open-pos .pos-layout{display:grid;grid-template-columns:auto 550px;height:calc(100vh - 50px);overflow:hidden;background-color:#f8f7fa}.open-pos .pos-layout .pos-content{height:100%;display:flex;flex-direction:column;overflow:hidden}.open-pos .pos-layout .pos-products-view{display:flex;flex:1 1;overflow:hidden}.open-pos .pos-layout .pos-tables-view{padding:12px}.open-pos .pos-layout .pos-tables-view .tables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card{position:relative;background:#fff;border-radius:8px;padding:10px;cursor:pointer;border:1px solid #e2e8eb;display:flex;flex-direction:column;justify-content:center;height:130px;transition:.2s ease-in-out}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card.engaged{border-color:var(--primary);background:var(--primary-light-rgb)}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card.engaged .table-footer{border-color:var(--primary-light)}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card.engaged .engage-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 2px #fff}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card.active{border-color:var(--primary)}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card:hover{animation:table-shake .3s ease}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card .table-name-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:capitalize}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card .table-area{font-size:14px;font-weight:700;opacity:.6}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card .table-name{flex:1 1;text-align:center;display:flex;font-size:14px;font-weight:500;justify-content:center;align-items:center;color:var(--primary)}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card .table-footer{display:flex;justify-content:space-around;font-size:14px;font-weight:500;border-top:1px solid #e2e8eb;padding:10px 10px 0;margin-top:auto}@keyframes table-shake{0%{transform:rotate(0deg) scale(1)}30%{transform:rotate(-2deg) scale(1.01)}60%{transform:rotate(2deg) scale(1.01)}to{transform:rotate(0deg) scale(1)}}.open-pos .pos-dashboard{padding:12px;height:100%;overflow-y:auto}.open-pos .pos-dashboard .dashboard-top{display:grid;grid-template-columns:250px 1fr;gap:15px;margin-bottom:15px}.open-pos .pos-dashboard .dashboard-top .dashboard-user-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8eb;text-align:center}.open-pos .pos-dashboard .dashboard-top .dashboard-user-card .user-avatar{border-radius:8px;margin:0 auto 5px}.open-pos .pos-dashboard .dashboard-top .dashboard-user-card p{font-size:14px;margin:3px 0}.open-pos .pos-dashboard .dashboard-top .dashboard-chart{background:#fff;border-radius:8px;border:1px solid #e2e8eb;display:flex;align-items:center;justify-content:center;color:#999}.open-pos .pos-dashboard .dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.open-pos .pos-dashboard .dashboard-grid .dashboard-card{background:#fff;border-radius:8px;padding:30px 20px;border:1px solid #e2e8eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease;height:120px}.open-pos .pos-dashboard .dashboard-grid .dashboard-card svg{font-size:30px;color:var(--primary)}.open-pos .pos-dashboard .dashboard-grid .dashboard-card span{font-size:16px;font-weight:500;color:#2c2b2e}.open-pos .pos-checkout-header{height:50px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:600}.open-pos .pos-checkout-header .kot-btn{position:relative;cursor:pointer;display:flex;z-index:1000}.open-pos .pos-checkout-header .kot-btn .kot-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4c51;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;border:1px solid var(--primary)}.open-pos .pos-checkout-header .kot-btn svg{font-size:25px}.open-pos .pos-checkout-header .kot-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.open-pos .pos-checkout-header .bell{position:relative;cursor:pointer;display:flex}.open-pos .pos-checkout-header .bell svg{font-size:20px}.open-pos .pos-checkout-header .table-title{font-size:20px;font-weight:600}.open-pos .pos-checkout-header .table-menu-actions{display:flex;align-items:center;gap:20px}.open-pos .pos-checkout-header .table-menu{display:flex;align-items:center;gap:5px;cursor:pointer;border-bottom:1px solid #e2e8eb;height:40px}.open-pos .pos-checkout-header .table-menu svg{font-size:20px}.open-pos .pos-checkout-header .table-menu span{font-size:14px}.open-pos .pos-checkout-header .close-checkout-btn{display:none}.open-pos .pos-checkout-header select{display:flex;align-items:center;font-size:16px;background:none;color:#fff;border:none;border-bottom:1px solid #e2e8eb;height:40px}.open-pos .checkout-empty{height:100%;display:flex;flex-direction:column}.open-pos .checkout-empty .checkout-body{height:100%;display:flex;align-items:center;justify-content:center;color:#2c2b2e}.open-pos .checkout-empty .checkout-body .empty-cart-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 10px;color:#999}.open-pos .checkout-empty .checkout-body .empty-cart-message p{font-size:16px}.open-pos .checkout-table{height:100%;display:flex;flex-direction:column}.open-pos .pos-customers-view,.open-pos .pos-orders-view{padding:12px;height:calc(100vh - 80px);overflow-y:auto}.open-pos .category-sidebar{width:200px;height:100%;background:#fff;border-right:1px solid #e2e8eb}.open-pos .category-sidebar button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.open-pos .category-sidebar .desktop-category-wrapper{display:flex;flex-direction:column;height:100%}.open-pos .category-sidebar .desktop-category-wrapper .desktop-categories{flex:1 1;overflow-y:auto}.open-pos .category-sidebar .desktop-category-wrapper .desktop-categories .category-tab{display:flex;align-items:center;border-bottom:1px solid #e2e8eb;background-color:#fff;color:#2c2b2e;transition:all .2s ease;height:50px}.open-pos .category-sidebar .desktop-category-wrapper .desktop-categories .category-tab.selected{color:var(--primary);font-weight:500;background-color:#f0f2f5;border-bottom:1px solid var(--primary-light)}.open-pos .category-sidebar .desktop-category-wrapper .desktop-categories .category-button{padding:10px;background:rgba(0,0,0,0);border:none;text-align:left;cursor:pointer;flex:1 1;color:#2c2b2e;display:flex;align-items:center;gap:5px;overflow:hidden}.open-pos .category-sidebar .desktop-category-wrapper .desktop-categories .category-button .category-icon{color:var(--primary);object-fit:contain}.open-pos .category-sidebar .desktop-category-wrapper .desktop-categories .category-button span{width:100%;text-overflow:ellipsis;overflow:hidden}.open-pos .category-sidebar .mobile-categories-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;flex-direction:column;justify-content:flex-end}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:-1}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-content{min-height:60vh;max-height:90vh;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 12px rgba(0,0,0,.15);animation:mCatslideUp .3s ease-out;overflow-y:auto;position:relative}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-content .m-cat-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:99;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-content .m-cat-header h4{color:#333;font-size:16px;font-weight:600}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-content .m-cat-header button{background:none;border:none;font-size:16px;cursor:pointer}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-content .mobile-categories{padding:20px 10px 120px}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-content .mobile-categories .category-checkbox-label{display:flex;align-items:center;justify-content:space-between;gap:5px}.open-pos .category-sidebar .mobile-categories-overlay .mobile-categories-content .mobile-categories .category-checkbox-label .category-icon{color:var(--primary)}@keyframes mCatslideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.open-pos .invoice-items-wrapper{flex:1 1;display:flex;flex-direction:column;height:calc(100vh - 100px);overflow-y:auto}.open-pos .invoice-items-wrapper .capsule-btn{display:flex;align-items:center;gap:6px;padding:10px 12px;background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:13px;color:#2c2b2e}.open-pos .invoice-items-wrapper .capsule-btn:not(:last-child){border-right:1px solid #e2e8eb}.open-pos .invoice-items-wrapper .capsule-btn.active{color:var(--primary);font-weight:500;background-color:#f0f2f5;border-bottom:1px solid var(--primary-light)}.open-pos .invoice-items-wrapper .capsule-btn img{object-fit:contain}.open-pos .invoice-items-wrapper .no-items{padding:40px 20px;text-align:center;color:#999;font-size:16px}.open-pos .invoice-items-wrapper .item-list{list-style:none;padding:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.open-pos .invoice-items-wrapper .item-list .item{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8eb;cursor:pointer;transition:all .3s ease}.open-pos .invoice-items-wrapper .item-list .item:hover .add-to-cart-btn{opacity:1;transform:translateY(0)}.open-pos .invoice-items-wrapper .item-list .item .item-image{position:relative;width:100%;height:100px;background:#f9f9f9;display:flex;align-items:center;justify-content:center}.open-pos .invoice-items-wrapper .item-list .item .item-image img{object-fit:cover;width:100%;height:100px;mix-blend-mode:multiply}.open-pos .invoice-items-wrapper .item-list .item .in-cart{position:absolute;top:10px;right:10px;background:#01a601;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.open-pos .invoice-items-wrapper .item-list .item .variant-badge{background:var(--primary);padding:1px 6px;border-radius:8px;position:absolute;top:10px;left:10px;font-size:12px;color:#fff;border:1px solid #01a601}.open-pos .invoice-items-wrapper .item-list .item .out-of-stock-badge{background:#ff4c51;color:#fff;padding:2px 6px;border-radius:8px;position:absolute;top:10px;left:10px;font-size:12px}.open-pos .invoice-items-wrapper .item-list .item .add-to-cart-btn{position:absolute;bottom:0;left:0;right:0;background:var(--primary);color:#fff;border:none;padding:5px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer;transition:.3s;opacity:0;transform:translateY(100%)}.open-pos .invoice-items-wrapper .item-list .item.in-cart{border:1px solid rgba(76,175,79,.4039215686)}.open-pos .invoice-items-wrapper .item-list .item.in-cart .item-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(76,175,80,.1)}.open-pos .invoice-items-wrapper .item-list .item .item-details{display:flex;flex-direction:column;flex-grow:1;padding:12px;overflow:hidden}.open-pos .invoice-items-wrapper .item-list .item .item-details .product-category{font-size:12px;text-transform:uppercase;color:#999;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.open-pos .invoice-items-wrapper .item-list .item .item-details .item-name{margin:0 0 5px;font-size:14px;font-weight:600;color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.open-pos .invoice-items-wrapper .item-list .item .item-details .item-price{margin-bottom:6px;font-weight:600;color:var(--primary);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-pos .checkout-bar{position:sticky;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #e2e8eb;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:50;margin-top:auto}.open-pos .checkout-bar-info{display:flex;flex-direction:column;gap:2px}.open-pos .checkout-bar-info .checkout-bar-count{font-size:12px;color:#999;font-weight:500}.open-pos .checkout-bar-info .checkout-bar-total{font-size:18px;font-weight:700;color:var(--primary);letter-spacing:.3px}.pos-kot-success{text-align:center}.pos-kot-success .pos-kot-icon{width:72px;height:72px;border-radius:50%;background:#dcfce7;color:#01a601;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.pos-kot-success .pos-kot-text{font-size:14px;color:#555;margin-bottom:20px}.pos-kot-success .pos-kot-actions{display:flex;gap:10px;justify-content:center}.pos-kot-success .pos-kot-actions .pos-kot-close{flex:1 1;height:40px;border:1.5px solid #e2e8eb;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;color:#374151;transition:.3s}.pos-kot-success .pos-kot-actions .pos-kot-close:hover{border-color:var(--primary);color:var(--primary)}.pos-kot-success .pos-kot-actions .pos-kot-print{flex:1 1;height:40px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.3s}.pos-kot-success .pos-kot-actions .pos-kot-print:hover{background:var(--primary)}.pos-settings-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.pos-settings-view .settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #e2e8eb;flex-shrink:0}.pos-settings-view .settings-header .settings-back-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid #e2e8eb;border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer;color:#2c2b2e;transition:.3s}.pos-settings-view .settings-header .settings-back-btn:hover{border-color:var(--primary);color:var(--primary)}.pos-settings-view .settings-header .settings-header-center{display:flex;align-items:center;gap:8px}.pos-settings-view .settings-header .settings-header-center .settings-title-icon{color:var(--primary);font-size:18px}.pos-settings-view .settings-header .settings-header-center h2{font-size:18px;font-weight:700;color:#2c2b2e;margin:0}.pos-settings-view .settings-header .settings-save-btn{display:inline-flex;align-items:center;gap:7px;background:var(--primary);border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:.3s}.pos-settings-view .settings-header .settings-save-btn:hover{opacity:.9}.pos-settings-view .settings-body{flex:1 1;display:grid;grid-template-columns:200px 1fr;overflow:hidden}.pos-settings-view .settings-sidebar{background:#fff;border-right:1px solid #e2e8eb;display:flex;flex-direction:column;padding:12px 8px;gap:2px;overflow-y:auto}.pos-settings-view .settings-sidebar .settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:rgba(0,0,0,0);border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;text-align:left;transition:.3s}.pos-settings-view .settings-sidebar .settings-nav-item svg{font-size:15px;flex-shrink:0}.pos-settings-view .settings-sidebar .settings-nav-item:hover{background:#f3f4f6;color:#2c2b2e}.pos-settings-view .settings-sidebar .settings-nav-item.active{background:color-mix(in srgb,var(--primary) 10%,#ffffff);color:var(--primary);font-weight:600}.pos-settings-view .settings-content{overflow-y:auto;padding:20px;background:#f8f7fa}.pos-settings-view .settings-section{background:#fff;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden}.pos-settings-view .settings-section .settings-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#2c2b2e;padding:14px 18px;border-bottom:1px solid #e2e8eb;background:#f9fafb;text-transform:uppercase;letter-spacing:.4px}.pos-settings-view .settings-section .settings-section-title svg{color:var(--primary);font-size:14px}.pos-settings-view .setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid #e2e8eb}.pos-settings-view .setting-row:last-child{border-bottom:none}.pos-settings-view .setting-row .setting-row-left{display:flex;flex-direction:column;gap:3px;flex:1 1}.pos-settings-view .setting-row .setting-row-left .setting-row-label{font-size:14px;font-weight:600;color:#2c2b2e}.pos-settings-view .setting-row .setting-row-left .setting-row-hint{font-size:12px;color:#9ca3af}.pos-settings-view .setting-row .setting-row-right{flex-shrink:0}.pos-settings-view .s-select{padding:8px 12px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px;color:#2c2b2e;background:#fff;cursor:pointer;min-width:200px;outline:none}.pos-settings-view .s-select:focus{border-color:var(--primary)}.pos-settings-view .s-input{padding:8px 12px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px;color:#2c2b2e;background:#fff;outline:none;width:280px;transition:.3s}.pos-settings-view .s-input:focus{border-color:var(--primary)}.pos-settings-view .s-input.s-input-sm{width:100px;text-align:right}.pos-settings-view .s-radio-group{display:flex;gap:16px;flex-wrap:wrap}.pos-settings-view .s-radio-group .s-radio{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:14px;color:#2c2b2e;position:relative;padding-left:24px}.pos-settings-view .s-radio-group .s-radio input{position:absolute;opacity:0;cursor:pointer}.pos-settings-view .s-radio-group .s-radio .s-radiomark{position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border-radius:50%;border:1.5px solid #cbd5e1;background:#fff;transition:.3s}.pos-settings-view .s-radio-group .s-radio input:checked~.s-radiomark{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 4px #fff}.pos-settings-view .s-radio-group .s-radio:hover .s-radiomark{border-color:var(--primary)}.pos-settings-view .s-toggle{width:44px;height:24px;border-radius:999px;border:none;cursor:pointer;position:relative;transition:background .25s ease;flex-shrink:0}.pos-settings-view .s-toggle .s-toggle-thumb{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .25s ease}.pos-settings-view .s-toggle.on{background:var(--primary)}.pos-settings-view .s-toggle.on .s-toggle-thumb{left:23px}.pos-settings-view .s-toggle.off{background:#d1d5db}.pos-settings-view .s-toggle.off .s-toggle-thumb{left:3px}@media(max-width:1024px){.pos-settings-view .settings-body{grid-template-columns:160px 1fr}}@media(max-width:768px){.pos-settings-view .settings-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pos-settings-view .settings-sidebar{flex-direction:row;border-right:none;border-bottom:1px solid #e2e8eb;padding:8px 10px;overflow-x:auto;overflow-y:hidden;gap:4px}.pos-settings-view .settings-sidebar .settings-nav-item{flex-direction:column;padding:8px 12px;font-size:12px;gap:4px;white-space:nowrap;min-width:fit-content}.pos-settings-view .settings-sidebar .settings-nav-item svg{font-size:18px}.pos-settings-view .settings-content{padding:12px}.pos-settings-view .setting-row{flex-direction:column;align-items:flex-start;gap:12px}.pos-settings-view .s-input{width:100%}.pos-settings-view .s-select{min-width:100%;width:100%}.pos-settings-view .settings-header .settings-header-center{display:none}}@media(max-width:568px){.pos-settings-view .settings-header{padding:8px 12px}.pos-settings-view .settings-save-btn{padding:7px 12px;font-size:12px}.pos-settings-view .settings-back-btn{padding:6px 10px;font-size:12px}}.pos-selection-modal{display:flex;flex-direction:column;gap:12px}.pos-selection-modal .customer-header{display:flex;gap:10px;align-items:center}.pos-selection-modal .customer-header .customer-search{flex:1 1;display:flex;align-items:center;gap:8px;border:1px solid #e2e8eb;padding:8px 10px;border-radius:8px}.pos-selection-modal .customer-header .customer-search input{border:none;outline:none;width:100%;font-size:16px;padding:0}.pos-selection-modal .customer-header .customer-search svg{color:#999}.pos-selection-modal .customer-list{display:flex;flex-direction:column;margin-top:20px}.pos-selection-modal .customer-list .customer-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #e2e8eb;cursor:pointer;width:100%}.pos-selection-modal .customer-list .customer-row:hover{background:#f3f4f6}.pos-selection-modal .customer-list .customer-row.active{border-color:#01a601;background:#e8f5e9}.pos-selection-modal .customer-list .customer-row.active .checked{color:#01a601}.pos-selection-modal .customer-list .customer-row .customer-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pos-selection-modal .customer-list .customer-row .customer-info{flex:1 1;text-align:left}.pos-selection-modal .customer-list .customer-row .customer-info p{font-size:13px;font-weight:500;color:#2c2b2e;margin:0 0 2px}.pos-selection-modal .customer-list .customer-row .customer-info span{font-size:11px;color:#999}.pos-selection-modal .customer-list .customer-row .customer-actions{display:flex;gap:5px}.pos-selection-modal .customer-list .customer-row .customer-actions button{background:none;border:none;cursor:pointer;padding:3px}.checkout-panel{position:relative;overflow:hidden;width:100%;background:#fff;border-left:1px solid #e2e8eb}.checkout-panel .checkout-body{position:relative;height:100%}.checkout-panel .form-group input{padding:8px 12px;font-size:16px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.checkout-panel .form-group input:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.checkout-panel .form-group input::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.checkout-panel .ci-container{padding:12px;height:100%;display:flex;flex-direction:column}.checkout-panel .ci-container .ci-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column}.checkout-panel .ci-container .ci-list .ci-compact-card{background:#fff;border-bottom:1px solid #e2e8eb;transition:border-color .15s ease}.checkout-panel .ci-container .ci-list .ci-compact-card:hover{border-color:#d1d5db}.checkout-panel .ci-container .ci-list .ci-compact-card.expanded{border:1px solid #d1d5db;border-radius:8px}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row{display:flex;align-items:center;gap:8px;padding:12px 8px}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-checked{color:#01a601;font-size:16px}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-thumb{flex-shrink:0;position:relative;overflow:hidden;border-radius:8px}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-thumb img{width:36px;height:36px;border-radius:8px;object-fit:cover}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-thumb .ci-thumb-placeholder{width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,#ffffff);color:var(--primary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-info{flex:1 1;min-width:0}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-info .ci-name{font-size:12.5px;font-weight:600;color:#2c2b2e;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-info .ci-price{font-size:12px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-info .ci-tax-badge{font-size:10px;font-weight:500;color:#6b7280;background:#f3f4f6;border-radius:4px;padding:1px 4px}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-info .ci-disc-badge{font-size:10px;font-weight:500;color:#01a601;display:flex;align-items:center;gap:2px}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-qty{display:flex;align-items:center;border:1px solid #e2e8eb;border-radius:6px;overflow:hidden;flex-shrink:0}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-qty .ci-qty-btn{width:26px;height:28px;border:none;background:#f8fafc;color:#64748b;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;line-height:1}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-qty .ci-qty-btn:hover:not(:disabled){background:var(--primary);color:#fff}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-qty .ci-qty-btn:disabled{color:#cbd5e1;cursor:not-allowed}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-qty .ci-qty-input{width:40px;height:28px;border:1px solid #e2e8eb;border-top:none;border-bottom:none;text-align:center;font-size:12.5px;font-weight:700;color:#2c2b2e;background:#fff;padding:0;outline:none}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-qty .ci-qty-input::-webkit-inner-spin-button,.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-qty .ci-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-actions{display:flex;gap:3px;flex-shrink:0}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-actions .ci-action-btn{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,0);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:.3s}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-actions .ci-action-btn:hover{background:#e5e7eb;color:#2c2b2e}.checkout-panel .ci-container .ci-list .ci-compact-card .ci-main-row .ci-actions .ci-action-btn.danger:hover{background:#fee2e2;color:#ff4c51}.checkout-panel .ci-container .ci-list .ci-expand-panel{padding:8px 10px;border-top:1px solid #e2e8eb;background:#fafafa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;flex-direction:column;gap:10px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row{display:flex;align-items:center;gap:8px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-expand-label{font-size:11px;font-weight:600;color:#999;min-width:48px;display:flex;align-items:center;gap:3px;text-transform:uppercase;letter-spacing:.3px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-expand-value{font-size:12px;font-weight:600;color:#2c2b2e}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-expand-input{height:100%;padding:5px 10px;background:none;border:none;border-bottom:1px solid #e2e8eb;font-size:12px;outline:none;text-align:right}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-expand-input::placeholder{font-size:11px;color:#999}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-unit-group{display:flex;gap:5px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-unit-group .ci-unit-btn{padding:3px 10px;border:1px solid #e2e8eb;background:#fff;font-size:11.5px;color:var(--primary);cursor:pointer;border-radius:6px;transition:.3s}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-unit-group .ci-unit-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-expand-row .ci-unit-group .ci-unit-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-row-top{justify-content:space-between;gap:10px;flex-wrap:wrap}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-row-top-group{display:flex;flex-direction:column;gap:5px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-tax-breakdown{background:#fff;border:1px solid #e2e8eb;border-radius:6px;padding:7px 9px;display:flex;flex-direction:column;gap:4px;margin-top:2px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-tax-breakdown .ci-tax-header{display:flex;justify-content:space-between;margin-bottom:3px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-tax-breakdown .ci-tax-header span:first-child{font-size:11px;font-weight:700;color:#2c2b2e;text-transform:uppercase;letter-spacing:.4px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-tax-breakdown .ci-tax-header .ci-tax-meta{font-size:10.5px;color:#999}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-tax-breakdown .ci-tax-row{display:flex;justify-content:space-between;font-size:11.5px;color:#6b7280}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-tax-breakdown .ci-tax-row.total{font-weight:700;color:#2c2b2e;border-top:1px dashed #e2e8eb;padding-top:4px;margin-top:2px}.checkout-panel .ci-container .ci-list .ci-expand-panel .ci-tax-breakdown .ci-tax-disc-note{font-size:10.5px;color:#9ca3af;margin:2px 0 0}.checkout-panel .empty-cart-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 10px;color:#999}.checkout-panel .empty-cart-message p{font-size:16px}.pos-checkout-modal-wrapper{max-width:700px;width:100%!important}.pos-checkout-modal-wrapper .pos-checkout-modal{display:flex;flex-direction:column;overflow:hidden}.pos-checkout-modal-wrapper .pos-checkout-modal-body .toggle-total-outer{border-bottom:1px solid #e2e8eb}.pos-checkout-modal-wrapper .pos-checkout-modal-body .toggle-total-outer .total-breakdown{width:100%;display:flex;flex-direction:column;gap:5px;margin-top:10px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .toggle-total-outer .total-breakdown .breakdown-row{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:14px;color:#2c2b2e;padding-bottom:5px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .toggle-total-outer .total-breakdown .breakdown-row .label{font-weight:500;color:#666}.pos-checkout-modal-wrapper .pos-checkout-modal-body .toggle-total-outer .total-breakdown .breakdown-row .value{font-weight:600;color:#2c2b2e}.pos-checkout-modal-wrapper .pos-checkout-modal-body .toggle-total-outer .total-breakdown .total-row{border-top:1px solid #e2e8eb;padding-top:6px;margin-top:4px;font-size:15px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .toggle-total-outer .total-breakdown .total-row .value{font-weight:700;color:#2c2b2e}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section{padding:20px 0;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #e2e8eb}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section input[type=number]{width:max-content}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section .payment-cards{display:flex;flex-wrap:wrap;gap:10px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section .payment-cards .payment-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;background-color:#fff;color:var(--primary);border:1px solid #e2e8eb;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section .payment-cards .payment-card:hover{border-color:var(--primary-light);box-shadow:0 4px 6px rgba(0,0,0,.049)}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section .payment-cards .payment-card.active,.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section .payment-cards .payment-card.selected-method{opacity:.9;cursor:not-allowed;pointer-events:none}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section .payment-cards .payment-card svg{display:block}.pos-checkout-modal-wrapper .pos-checkout-modal-body .payment-section .payment-cards .payment-card span{display:block;font-weight:500;font-size:15px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .discount-input-container{margin-top:10px;display:flex;flex-direction:column}.pos-checkout-modal-wrapper .pos-checkout-modal-body .discount-input-container label{font-size:14px;margin-bottom:10px;font-weight:500;color:#2c2b2e}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group{display:flex;flex-direction:column;padding-bottom:10px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group .bank-account-selection{margin-top:10px;background-color:#fff;padding:10px;border-radius:8px;border:1px solid #e2e8eb}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group .bank-account-selection .b-a-s-header{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:5px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group .bank-account-selection select{width:100%;padding:8px;border-radius:8px;border:1px solid #e2e8eb}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group .section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 20px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group .section-title span{display:flex;align-items:center;gap:10px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group .section-title span:last-child{cursor:pointer}.pos-checkout-modal-wrapper .pos-checkout-modal-body .section-group .section-title span:last-child:hover{text-decoration:underline}.pos-checkout-modal-wrapper .pos-checkout-modal-body .options-row{display:flex;gap:10px 20px;flex-wrap:wrap}.pos-checkout-modal-wrapper .pos-checkout-modal-body .credit-options .options-row{margin-top:20px;padding-top:10px;border-top:1px dashed #e2e8eb}.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-checkbox,.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-radio{position:relative;padding-left:28px;cursor:pointer;font-size:14px;color:#2c2b2e;display:inline-flex;align-items:center}.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-checkbox input,.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-radio input{position:absolute;opacity:0;cursor:pointer}.pos-checkout-modal-wrapper .pos-checkout-modal-body .checkmark,.pos-checkout-modal-wrapper .pos-checkout-modal-body .radiomark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;border-radius:4px;background-color:#f3f4f6;border:1.5px solid #ccc}.pos-checkout-modal-wrapper .pos-checkout-modal-body .radiomark{border-radius:50%}.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-checkbox input:checked~.checkmark,.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-radio input:checked~.radiomark{background-color:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 4px #fff}.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-checkbox:hover .checkmark,.pos-checkout-modal-wrapper .pos-checkout-modal-body .custom-radio:hover .radiomark{border-color:#888}.pos-checkout-modal-wrapper .pos-checkout-modal-body .form{display:flex;flex-direction:column;gap:10px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .form input,.pos-checkout-modal-wrapper .pos-checkout-modal-body .form textarea{padding:10px 12px;border:1px solid #e2e8eb;border-radius:8px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .form input:hover,.pos-checkout-modal-wrapper .pos-checkout-modal-body .form textarea:hover{border-color:#999}.pos-checkout-modal-wrapper .pos-checkout-modal-body .form textarea{resize:vertical}.pos-checkout-modal-wrapper .pos-checkout-modal-body .tax-section{padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pos-checkout-modal-wrapper .pos-checkout-modal-body .tax-section h4{font-size:20px;font-weight:600;margin-bottom:15px;color:#2c2b2e}.pos-checkout-modal-wrapper .pos-checkout-modal-body .tax-details{display:flex;flex-direction:column;gap:12px}.pos-checkout-modal-wrapper .pos-checkout-modal-body .tax-item{display:flex;justify-content:space-between;font-size:16px;color:#2c2b2e}.pos-checkout-modal-wrapper .pos-checkout-modal-body .tax-item span:last-child{font-weight:700}@media(max-width:1024px){.open-pos .pos-layout{grid-template-columns:1fr;height:calc(100vh - 25px)}.open-pos .pos-layout .pos-tables-view .tables-grid{grid-template-columns:repeat(2,1fr)}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card{height:100px;padding:8px}.open-pos .pos-layout .pos-tables-view .tables-grid .table-card .table-footer{padding:8px 0 0}.open-pos .pos-header-left{gap:20px}.open-pos .pos-header-left .pos-logo{font-size:24px}.open-pos .pos-header .pos-search-wrapper{display:none}.open-pos .pos-header-right{gap:12px}.open-pos .pos-header-right button{padding:5px 10px;width:auto;height:auto}.open-pos .pos-header-right button svg{width:18px;height:18px}.open-pos .pos-header-right .category-filter-btn,.open-pos .pos-header-right .checkout-toggle-btn,.open-pos .pos-header-right .mobile-search-trigger{display:flex}.open-pos .checkout-panel.checkout-panel-overlay{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:100%;height:100vh;background:#fff;z-index:99999999;transform:translateX(101%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.open-pos .checkout-panel.checkout-panel-overlay.open{transform:translateX(0)}.open-pos .checkout-panel.checkout-panel-overlay.closing{transform:translateX(101%)}.open-pos .checkout-panel.checkout-panel-overlay .close-checkout-btn{display:flex}.open-pos .invoice-items-wrapper{height:calc(100vh - 80px)}.open-pos .invoice-items-wrapper .item-list{grid-template-columns:repeat(3,1fr)}.open-pos .category-sidebar{width:auto;height:auto;border-right:none}.open-pos .category-sidebar .desktop-category-wrapper{display:none}.open-pos .category-sidebar .mobile-categories-overlay{z-index:999999999}}@media(min-width:1025px)and (max-width:1200px){.open-pos .pos-layout{grid-template-columns:2fr 1fr}}@media(max-width:568px){.open-pos .pos-header{height:45px}.open-pos .pos-header-left{gap:10px}.open-pos .pos-header-left .pos-logo{font-size:22px}.open-pos .pos-header-right{gap:6px}.open-pos .pos-header-right button{padding:5px 8px;width:auto;height:auto}.open-pos .pos-header-right button svg{width:16px;height:16px}.open-pos .pos-header-right .checkout-toggle-btn,.open-pos .pos-header-right .mobile-search-trigger{display:flex}.open-pos .pos-dashboard .dashboard-top{grid-template-columns:1fr}.open-pos .pos-dashboard .dashboard-top .dashboard-user-card{padding:8px}.open-pos .pos-dashboard .dashboard-grid{grid-template-columns:repeat(2,1fr)}.open-pos .pos-dashboard .dashboard-grid .dashboard-card{height:100px;padding:8px}.open-pos .pos-dashboard .dashboard-grid .dashboard-card svg{font-size:25px}.open-pos .pos-dashboard .dashboard-grid .dashboard-card span{font-size:14px}.open-pos .invoice-items-wrapper .item-list{grid-template-columns:repeat(2,1fr)}.open-pos .invoice-items-wrapper .item-list .item .item-image,.open-pos .invoice-items-wrapper .item-list .item .item-image img{height:80px}.open-pos .invoice-items-wrapper .item-list .item .item-details{padding:8px}.open-pos .invoice-items-wrapper .item-list .item .item-details .item-name{font-size:13px}.open-pos .invoice-items-wrapper .item-list .item .item-details .item-price{font-size:14px}.open-pos .pos-checkout-header{height:45px}.open-pos .pos-checkout-header .empty-title{font-size:14px}.open-pos .pos-checkout-header .table-title{font-size:16px}.open-pos .pos-checkout-header .bell svg{font-size:18px}.open-pos .pos-checkout-header .table-menu{height:32px}.open-pos .pos-checkout-header .table-menu svg{font-size:18px}.open-pos .pos-checkout-header .table-menu span{font-size:12px}.open-pos .pos-checkout-header select{height:32px;font-size:14px}}.action-icons-horizontal{display:flex;gap:10px}.mobile-render-filter-table{display:none}.filter-search-table .filter-outer{position:relative;cursor:pointer}.filter-search-table .active-filters-container{display:flex;align-items:end;gap:12px}.filter-search-table .active-filters-container .search-filter-container{padding:6px 12px;border-radius:8px;border:1px solid #e2e8eb;background-color:#fff;display:flex;align-items:center;gap:5px}.filter-search-table .active-filters-container .search-filter-container .search-icon{color:var(--primary)}.filter-search-table .active-filters-container .search-filter-container input{background-color:rgba(0,0,0,0);border:none}.filter-search-table .active-filters-container .search-filter-container input:focus{outline:none}.filter-search-table .active-filters-container .search-filter-container input::placeholder{color:var(--primary);font-size:14px;font-weight:400;letter-spacing:.3px}.filter-search-table .active-filters-container .multi-select-filter-wrapper{position:relative;display:flex;align-items:center;flex:1 1}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger{border-radius:8px;border:1px solid #e2e8eb;background-color:#fff;flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:14px;font-weight:400;letter-spacing:.3px;color:var(--primary)}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger .dropdown-placeholder{padding:6px 12px;white-space:nowrap}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger .dropdown-arrow{padding:6px;border-left:1px solid #e2e8eb;display:flex;justify-content:center;align-items:center}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown{position:absolute;top:100%;left:0;width:200px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e2e8eb;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.049);z-index:100;margin-top:5px;font-size:14px;font-weight:400;letter-spacing:.3px}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;white-space:nowrap;width:100%;overflow:hidden;border-bottom:1px solid #e2e8eb;margin:0}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option span{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option:hover{background:#f5f5f5}.filter-search-table .active-filters-container .date-range-filter-container{display:flex;align-items:center;gap:8px}.filter-search-table .active-filters-container .date-range-filter-container .add-items-form-input-label-container{display:flex;flex-direction:column;gap:2px}.filter-search-table .active-filters-container .date-range-filter-container .add-items-form-input-label-container label{font-size:11px;font-weight:500;color:var(--primary);letter-spacing:.3px;white-space:nowrap;margin:0}.filter-search-table .active-filters-container .date-range-filter-container .add-items-form-input-label-container .react-datepicker__input-container input{padding:5px 10px;border-radius:8px;border:1px solid #e2e8eb;background-color:#fff;font-size:13px;font-weight:400;color:var(--primary);letter-spacing:.3px;width:120px;cursor:pointer}.filter-search-table .active-filters-container .date-range-filter-container .add-items-form-input-label-container .react-datepicker__input-container input:focus{outline:none;border-color:var(--primary)}.filter-search-table .active-filters-container .date-range-filter-container .add-items-form-input-label-container .react-datepicker__input-container input::placeholder{color:#999;font-size:13px}.filter-search-table .active-filters-container .date-range-filter-container .date-range-separator{font-size:12px;color:var(--primary);opacity:.5;white-space:nowrap}.filter-search-table .clear-filter-btn{position:absolute;top:-6px;right:-6px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;width:14px;height:14px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-radius:8px 8px 0 0;position:relative;gap:10px}.toolbar input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.toolbar .right-group{flex:1 1;justify-content:flex-end}.toolbar .left-group,.toolbar .right-group{display:flex;gap:12px;align-items:end}.toolbar .left-group button{white-space:nowrap}.toolbar .toolbar-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:none;color:var(--primary);border:1px solid var(--primary);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.1);position:relative;overflow:hidden;font-size:14px}.toolbar .toolbar-btn i{display:flex;justify-content:center;align-items:center}.toolbar .toolbar-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transform:translateX(-50%);transition:width .3s ease}.toolbar .toolbar-btn:hover{background:var(--primary-light-rgb);transform:translateY(-1px)}.toolbar .toolbar-btn:hover:after{width:70%}.toolbar .toolbar-btn:active{transform:translateY(0)}.toolbar .toolbar-btn svg{transition:transform .3s ease;font-size:15px}.toolbar .toolbar-btn:hover svg{transform:scale(1.1)}.toolbar .dropdown{position:relative}.toolbar .dropdown label{margin:0}.toolbar .dropdown.active .toolbar-btn{background:var(--primary-light);color:var(--primary)}.toolbar .dropdown.active .toolbar-btn:after{width:70%}.toolbar .dropdown-left .dropdown-content{padding:6px 8px;background-color:#fff;border-radius:8px;border:1px solid #e2e8eb;margin-top:5px;color:#2c2b2e}.toolbar .dropdown-left .dropdown-content .bulk-toggle-btn{display:flex;gap:10px;align-items:center;cursor:pointer;padding:10px 8px;border-radius:8px}.toolbar .dropdown-left .dropdown-content .bulk-toggle-btn:hover{background:var(--primary-light-rgb)}.toolbar .dropdown-left .dropdown-content .section{padding:10px 8px;border-radius:8px}.toolbar .dropdown-left .dropdown-content .section:hover{background:var(--primary-light-rgb)}.toolbar .dropdown-left label{display:flex;gap:10px;align-items:center;cursor:pointer}.toolbar .dropdown-right .dropdown-content{right:0;left:auto}.toolbar .hover-group:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.toolbar .dropdown-content{position:absolute;top:calc(100% + 2px);background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);white-space:nowrap;width:fit-content;max-height:700px;overflow:auto;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.1);z-index:99999;border:1px solid rgba(0,150,147,.1);padding:6px 8px}.toolbar .dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0)}.toolbar .dropdown-content .section:last-child{margin-bottom:0;border-bottom:none}.toolbar .dropdown-content .title{font-weight:600;font-size:13px;margin-bottom:8px;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.toolbar .dropdown-content .title:before{content:"";display:block;width:4px;height:4px;background:var(--primary);border-radius:8px}.toolbar .dropdown-content .option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;transition:background .2s ease;color:#2c2b2e}.toolbar .dropdown-content .option:hover{background:var(--primary-light-rgb)}.toolbar .dropdown-content .action-list{list-style:none;padding:0;margin:0}.toolbar .dropdown-content .action-list li{width:100%;padding:8px 12px;text-align:left;background:none;border:none;border-radius:8px;color:#2c2b2e;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.toolbar .dropdown-content .action-list li .a-icon{display:flex;align-items:center;justify-content:center;color:var(--primary)}.toolbar .dropdown-content .action-list li:hover{background:var(--primary-light-rgb)}.toolbar .loading-spinner{border:2px solid rgba(0,150,147,.2);border-top:2px solid var(--primary);border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}.toolbar-intro-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5019607843);z-index:9999999999999;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .3s ease-out forwards}.toolbar-intro-popup .intro-content{background:#fff;border-radius:8px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049);transform:scale(.5);animation:flowerOpen .4s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:center center}@keyframes flowerOpen{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.toolbar-intro-popup h3{margin-top:0;color:#333;font-size:1.3rem}.toolbar-intro-popup ul{list-style:none;padding:0;margin:20px 0}.toolbar-intro-popup li{display:flex;gap:12px;margin-bottom:15px;align-items:flex-start}.toolbar-intro-popup .intro-icon{font-size:1.2rem;color:var(--primary);margin-top:2px}.toolbar-intro-popup strong{display:block;margin-bottom:4px}.toolbar-intro-popup p{margin:0;color:#666;font-size:.9rem}.dismiss-btn{background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;width:100%;font-weight:500;margin-top:10px}@media(max-width:600px){.toolbar-intro-popup .intro-content{max-width:90%}}.help-btn{gap:2px!important}.help-btn svg{width:14px!important;height:14px!important}.help-btn span{display:block!important}.responsive-table{overflow:auto;margin-bottom:30px}.responsive-table .action-buttons{display:flex;justify-content:flex-start;gap:10px}.bulk-actions-toolbar{position:fixed;bottom:50px;left:55%;transform:translate(-50%);background-color:var(--primary);box-shadow:0 4px 6px rgba(0,0,0,.049);color:#fff;padding:5px 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:999;animation:slideDown .3s ease-out;white-space:nowrap}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.bulk-actions-toolbar .select-all-container{display:flex;align-items:center;gap:8px}.bulk-actions-toolbar .select-all-container .select-icon{color:#64748b;cursor:pointer;transition:all .2s ease;font-size:20px}.bulk-actions-toolbar .select-all-container .select-icon:hover{color:var(--primary)}.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox{display:inline-flex;cursor:pointer;transition:all .2s ease}.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox.select-icon{font-size:20px}.bulk-actions-toolbar .select-all-container .FaCheckSquare,.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox:hover .select-icon{color:var(--primary)}.bulk-actions-toolbar .select-all-container .select-all-pages{margin-left:4px;opacity:.7;transition:opacity .2s ease}.bulk-actions-toolbar .select-all-container .select-all-pages:hover{opacity:1}.bulk-actions-toolbar .selected-count{font-weight:500;font-size:14px}.bulk-actions-toolbar .bulk-actions{display:flex;gap:8px}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn{background:#ef4444;color:#fff;border:none;padding:5px 10px;border-radius:6px;font-weight:500;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn :hover{background:#dc2626;transform:translateY(-1px)}table{width:100%;border-collapse:collapse;background-color:#fff}table thead tr{cursor:pointer}table thead tr th{background:#e2e8f0;color:#2c2b2e;font-weight:600;padding:15px 20px;font-size:14px;text-align:left;position:relative;white-space:nowrap}table tbody{border-bottom:1px solid #e2e8eb}table tbody tr{transition:background-color .2s ease,border-left-color .2s ease;cursor:pointer}table tbody tr:hover{background:rgba(222,233,242,.4666666667)}table tbody tr td{padding:15px 20px;font-size:14px;color:#2c2b2e;border-bottom:1px solid rgba(0,150,147,.05);white-space:break-spaces;font-family:DM Sans,sans-serif}table tbody tr .table-index{font-weight:500;width:10px}table tbody tr:last-child td{border-bottom:none}.table-view{display:block}.table-view .store-t-e-e-icons button{border:unset}.card-view-section{display:none}.card-view-section .card-bulk-header{padding:10px 5px;background:#f5f5f5;border-radius:8px;margin-bottom:10px}.card-view-section .card-bulk-header .select-all-container{display:flex;gap:20px;align-items:center}.card-view-section .card-bulk-header .select-all-container span{display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease}.card-view-section .card-bulk-header .select-all-container span:hover{color:var(--primary)}.card-view-section .card-bulk-header .select-all-container .select-icon{font-size:20px;color:var(--primary)}.card-view-section .card-bulk-header .select-all-container .select-label{font-size:12px;font-weight:500}.card-view-section .card-view{margin-bottom:20px}.card-view-section .card-view .card-bulk-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(66,97,218,.1098039216);display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox{z-index:1;position:absolute;top:0;left:0;background-color:#fff;padding:5px}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox .select-checkbox{cursor:pointer;display:flex;justify-content:center;align-items:center}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox .select-checkbox .select-icon{color:var(--primary);border:1px solid #fff;border-radius:8px;font-size:20px}.card-view-section .card-view .t-card{position:relative}.pagination-controls{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:18px 16px;border-radius:0 0 2px 2px;position:relative;overflow:hidden;gap:12px}@media(max-width:600px){.pagination-controls{flex-direction:column;gap:10px;padding:10px}.pagination-controls .pagination-track{order:1;width:100%}.pagination-controls .per-page-selector-wrapper{order:2;width:100%;justify-content:flex-end}}.pagination-controls .pagination-track{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;position:relative;z-index:2;overflow:hidden}@media(max-width:480px){.pagination-controls .pagination-track{flex-direction:column;gap:12px}.pagination-controls .pagination-track .nav-arrow-wrapper{width:100%}.pagination-controls .pagination-track .pagination-info{display:none}}.pagination-controls .pagination-track .nav-arrow-wrapper{display:flex;gap:6px;align-items:center;justify-content:center;overflow:hidden}.pagination-controls .pagination-track .nav-arrow-wrapper .pagination-btns-counts{display:flex;flex-wrap:nowrap;gap:4px;padding:0 4px;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.pagination-controls .pagination-track .nav-arrow-wrapper .pagination-btns-counts::-webkit-scrollbar{display:none}.pagination-controls .pagination-track .nav-arrow-wrapper .pagination-btns-counts button{min-width:30px}.pagination-controls button{min-width:30px;height:30px;padding:0 8px;border:none;background:rgba(0,0,0,0);color:var(--primary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-controls button:disabled{color:#ccc;cursor:not-allowed;opacity:.7}.pagination-controls button.active{background-color:var(--primary);color:#fff}.pagination-controls button:hover:not(:disabled,.active){background-color:var(--primary-light)}.pagination-controls .pagination-info{font-size:14px;color:#666;white-space:nowrap;position:relative}.pagination-controls .pagination-info:before{content:"•";margin:0 8px;color:var(--primary)}.pagination-controls .nav-arrow{background:var(--primary-light);color:#fff;border-radius:8px;min-width:32px;height:32px;padding:0}.pagination-controls .nav-arrow:hover:not(:disabled){background:var(--primary)}.pagination-controls .per-page-selector-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.pagination-controls .per-page-selector-wrapper .pagination-info{display:none;font-size:12px}.pagination-controls .per-page-selector-wrapper .per-page-label{font-size:14px;color:#666;white-space:nowrap}.pagination-controls .per-page-selector-wrapper .per-page-selector{display:flex;align-items:center;gap:8px}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select{appearance:none;padding:8px 30px 8px 12px;border:1px solid #e2e8eb;border-radius:8px;background-color:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select:hover{border-color:var(--primary)}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select:focus{outline:none;border-color:var(--primary)}@media(max-width:600px){.pagination-controls .per-page-selector-wrapper{width:100%}.pagination-controls .per-page-selector-wrapper .pagination-info{display:block}.pagination-controls .per-page-selector-wrapper .per-page-label{font-size:12px}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select{padding:5px 20px 5px 10px;font-size:12px}}.t-card{padding:10px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049)}.t-card .card-body .card-row{gap:10px}.t-card .card-body .card-row:not(:last-child){padding-bottom:5px}.t-card .card-body .card-row select{padding:0;font-size:12px;margin:0 5px}.t-card .card-body .card-row p{font-size:10px;font-weight:700;color:var(--primary)}.t-card .card-body .card-row p strong{color:#2c2b2e;font-weight:500;font-size:11px}.t-card .card-body .card-row h5{font-size:12px}.t-card .card-body .card-row .action-menu-overlay{position:absolute;inset:0;background:rgba(17,17,17,.0470588235);z-index:50}.t-card .card-body .card-row .t-card-action{position:relative;display:flex;justify-content:flex-end}.t-card .card-body .card-row .t-card-action .action-menu-toggle{background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:14px;color:var(--primary);padding:0 8px}.t-card .card-body .card-row .t-card-action .action-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8eb;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);z-index:100;min-width:140px}.t-card .card-body .card-row .t-card-action .action-menu-dropdown .action-menu-item{display:flex;align-items:center;gap:6px;padding:6px 12px;width:100%;border:none;background:rgba(0,0,0,0);cursor:pointer;white-space:nowrap;font-size:14px;color:var(--primary)}.t-card .card-body .card-row .t-card-action .action-menu-dropdown .action-menu-item.delete{color:#ff4c51}.t-card .card-body .card-row strong{font-size:13px}.t-card .card-body .card-row button{padding:4px 10px;font-size:12px}.download-icon,.edit-icon,.view-icon{color:var(--primary);font-size:16px;cursor:pointer;transition:color .2s ease}.download-icon:hover,.edit-icon:hover,.view-icon:hover{color:var(--primary-light)}.delete-icon{color:#ef4444;font-size:16px;cursor:pointer;transition:color .2s ease}.delete-icon:hover{color:#dc2626}.table-actions{display:flex;gap:10px}@media(max-width:768px){.filter-search-table{margin-bottom:10px}.filter-search-table .active-filters-container{gap:10px;flex-wrap:wrap}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown{left:auto;right:auto;width:100%}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option{padding:6px 12px}.filter-search-table .search-filter-container input{width:100%}.desktop-render-filter-table{display:none}.mobile-render-filter-table{display:block}.pagination-track{flex-wrap:wrap}.toolbar .toolbar-btn{padding:6px 12px;font-size:12px;height:auto}.toolbar .toolbar-btn span{display:none}.toolbar .dropdown-right .dropdown-content{left:auto;right:10px}.responsive-table{background-color:rgba(0,0,0,0)}.card-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.table-view{display:none}.card-view-section{display:block}.card-view-section .card-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.t-card{background:#fff;border:1px solid #e2e8eb;box-shadow:none;font-size:16px}.bulk-actions-toolbar{gap:8px;bottom:80px}.bulk-actions-toolbar .selected-count{font-size:12px}.bulk-actions-toolbar .bulk-actions{width:100%}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn{font-size:10px}}@media(max-width:468px){table thead tr th{padding:10px 12px;font-size:15px}table tbody tr td{padding:6px 12px;font-size:14px;white-space:nowrap}.hide-mobile{display:none}.left-group,.right-group{gap:10px}.right-group button{font-size:14px;padding:8px 10px}.left-group button{padding:8px 10px}.toolbar{justify-content:flex-start;gap:8px;padding:10px 10px 10px 2px}.toolbar .right-group{gap:10px;justify-content:flex-start}.toolbar .dropdown-right .dropdown-content{left:-50%;right:-50%}}.store-nav-outer ul{display:flex;gap:20px;list-style-type:none;flex-wrap:wrap}.store-nav-outer ul li a{text-decoration:none;display:flex;gap:10px;color:#fff;background-color:var(--primary);padding:12px 30px;border-radius:8px;align-items:center;font-size:16px;white-space:nowrap;transition:background-color .3s ease}.hide_col{display:none}@media(max-width:1024px){.store-nav-outer ul{justify-content:start;gap:16px}.store-nav-outer ul li a{font-size:16px;padding:8px 24px}}@media(max-width:766px){.store-nav-outer ul{margin:20px 0 0;justify-content:left}.store-nav-outer ul li a{font-size:13px;padding:8px 10px}}@media(max-width:600px){.store-nav-outer ul{align-items:center;gap:12px;margin:20px 0 0}.store-nav-outer ul li a{width:100%;max-width:300px;text-align:center;padding:6px 7px;font-size:12px}}.variations-count{position:absolute;top:-6px;right:0;background-color:#01a601;color:#fff;font-size:12px;padding:2px 6px;border-radius:8px;font-weight:700;line-height:1;min-width:20px;text-align:center}.modal-input-content{display:flex;flex-direction:column}.values-scroll-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.tabs-sidebar{display:flex;gap:10px}.tabs-sidebar .tab-button{padding:5px 10px;background:none;border-radius:8px;border:none;text-align:left;cursor:pointer;font-weight:500;transition:background .2s;font-size:15px;position:relative}.tabs-sidebar .tab-button .tab-label{display:flex;align-items:center;gap:5px}.tabs-sidebar .tab-button.active{background-color:#dee9f2;font-weight:500;color:var(--primary)}.value-row{display:flex;align-items:center;gap:5px}.value-row svg{color:#ff4c51;font-size:18px}.value-add-button{gap:5px;border:none;outline:none;background-color:unset;border-bottom:1px solid var(--primary)}.value-add-button:hover{font-size:14px;cursor:pointer}.tab-content{overflow:hidden;min-height:0;width:100%;padding-bottom:0!important}.tab-content input,.tab-content select{width:100%}.add-attribute-button-container{display:flex;align-items:center;justify-content:flex-end}.status-dropdown{padding:5px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px;font-weight:500;outline:none;cursor:pointer;min-width:100px;text-transform:capitalize}.status-dropdown.active{background-color:#e6f4ea;color:#2e7d32;border-color:#a5d6a7}.status-dropdown.inactive{background-color:#fdecea;color:#d32f2f;border-color:#f5c6cb}.values-scroll-container{overflow-y:auto;margin-bottom:1rem;padding-right:4px}.values-scroll-container .value-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative}.values-scroll-container .value-row input{flex:1 1}.values-scroll-container .value-row .r-attr{position:absolute;top:0;right:0;color:#ff4c51}.value-add-button{background-color:#dee9f2;border:1px dashed var(--primary);color:var(--primary);padding:8px 12px;font-size:14px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease}.value-add-button:hover{background-color:#e0eaf3;border-color:#324365}.value-add-button svg{font-size:16px}.attributes-wrapper .responsive-table .delete-btn,.attributes-wrapper .responsive-table .edit-btn{color:var(--primary)}.attribute-form-outer .attributes-wrapper .responsive-table .attribute-actions-btn-outer{display:flex;justify-content:flex-start}.attribute-form-outer .attributes-wrapper .responsive-table .attribute-actions-btn-outer button svg{font-size:16px}.attribute-form-outer .attributes-wrapper .responsive-table .attribute-actions-btn-outer .edit-btn{color:var(--primary)}.attribute-form-outer .attributes-wrapper .responsive-table .attribute-actions-btn-outer .delete-btn{color:#ff4c51}.empty-attributes-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;margin-top:16px;background-color:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.empty-attributes-state .empty-illustration{margin-bottom:8px;font-size:12px;color:#6c757d}.empty-attributes-state h3{font-size:16px;margin-bottom:4px;color:#343a40}.empty-attributes-state p{font-size:12px;color:#6c757d;margin-bottom:12px;max-width:300px}.empty-attributes-state .empty-state-button{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:14px}.attributes-table{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;padding-bottom:10px}.attributes-table .attribute-card{background:#fff;border:1px solid #f3f4f6;border-radius:8px;padding:10px;box-shadow:0 4px 6px rgba(0,0,0,.049);display:flex;flex-direction:column;gap:5px;transition:all .2s ease;position:relative;justify-content:space-between}.attributes-table .attribute-card h3{font-size:15px;font-weight:600;color:#2c2b2e;text-transform:capitalize;margin-right:2rem}.attributes-table .attribute-card .values{font-size:.9rem;color:#4b5563;line-height:1.5;text-transform:capitalize}.attributes-table .attribute-card .selector-and-active-inactive-outer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.attributes-table .attribute-card .selector-and-active-inactive-outer .status-pill{border-radius:8px;padding:5px 10px;font-size:10px;font-weight:600;text-transform:capitalize}.attributes-table .attribute-card .selector-and-active-inactive-outer .active-option{background-color:#dcfce7;color:#166534}.attributes-table .attribute-card .selector-and-active-inactive-outer .inactive-option{background-color:#fee2e2;color:#991b1b}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch{width:32px;height:14px;background-color:#999;border-radius:50px;position:relative;cursor:pointer;transition:all .2s ease}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch.active{background-color:var(--primary)}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch.active .toggle-thumb{left:auto;right:1px}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch .toggle-thumb{width:12px;height:12px;background-color:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .2s ease}.attributes-table .attribute-card .delete-btn{position:absolute;top:5px;right:5px;background:none;border:none;color:#ff4c51;font-size:14px;cursor:pointer;transition:all .2s ease;padding:.25rem;border-radius:8px}.attributes-table .attribute-card .delete-btn:hover{font-size:15px}.attribute-outer-wrapper{display:flex;flex-direction:column;gap:15px}.attribute-outer-wrapper input{border:1px solid #efefef;border-radius:8px;width:100%;padding:10px 12px;font-size:16px;transition:all .2s}.attribute-outer-wrapper input:focus{border-color:var(--primary-light);outline:none}@media(max-width:969px){.attributes-table{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:854px){.modal-inner{flex-direction:column}.tabs-sidebar{width:100%;flex-direction:row;gap:10px}.close-modal{top:5px}.add-attribute-button-container{display:flex;justify-content:flex-end}.title{margin-bottom:0;font-size:24px}}@media(max-width:668px){.canvas{width:400px}}@media(max-width:505px){.canvas{width:100%}}@media(max-width:468px){.tab-button{margin-bottom:0;padding:9px 15px;font-size:12px}}.upload-container{display:flex;flex-direction:column;gap:3px}.upload-container label{color:#333;font-size:13px;font-weight:400}.upload-container .upload-input-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px dashed var(--primary-light);border-radius:8px;cursor:pointer;background-color:#fafafa;transition:border .2s;margin-top:5px}.upload-container .upload-input-box:hover{border-color:var(--primary)}.upload-container .upload-text{font-size:14px;color:#4a4a4a}.upload-container .upload-note{font-size:12px;color:#888;margin-top:10px}.upload-container .preview-row{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.upload-container .preview-row .preview-image-wrapper{position:relative}.upload-container .preview-row .preview-image-wrapper .delete-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;width:18px;height:18px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.upload-container .preview-row .preview-image-wrapper .delete-btn:hover{background-color:#e60000}.upload-container .preview-row .preview-image{width:50px;height:50px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center}.upload-container .preview-row .preview-image img{object-fit:cover}.upload-container .clear-btn{margin-left:auto;margin-top:0;font-size:12px;background:rgba(0,0,0,0);color:var(--primary);border:none;cursor:pointer;padding:6px 10px;text-decoration:underline}.upload-container .clear-btn:hover{text-decoration:none}.create-item-modal .search-bar-icon{color:var(--primary-light)}.store_outer_row{border-radius:8px;display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:10px}.store_outer_row .store_column{margin-bottom:20px}.store_outer_row .featured-image-upload{display:flex;flex-direction:column;align-items:center;border:2px dashed var(--primary-light);border-radius:8px;background-color:#f9ffff;cursor:pointer;transition:.3s ease}.store_outer_row .featured-image-upload .upload-box{text-align:center;padding:1rem}.store_outer_row .featured-image-upload .upload-box p{color:#888;margin-top:10px;font-size:12px}.store_outer_row .featured-image-upload .image-preview{position:relative;width:100%;height:200px}.store_outer_row .featured-image-upload .image-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.store_outer_row .featured-image-upload .remove-button{position:absolute;top:8px;right:8px;background:hsla(0,0%,100%,.9);border:none;border-radius:4px;padding:4px 6px;font-size:12px;color:#d33;display:flex;align-items:center;gap:4px;cursor:pointer}.store_outer_row .categories-filds-outer{display:grid;gap:20px;grid-template-columns:70% 30%}.store_outer_row .categories-filds-outer .category-container{margin-right:10px;border-radius:8px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1019607843)}.store_outer_row .categories-filds-outer .category-container .create-button{margin-left:10px}.store_outer_row .categories-filds-outer .category-container .category-sidebarheader{display:flex;justify-content:space-between;margin-bottom:30px}.store_outer_row .categories-filds-outer .category-container .categories-list-outer-div{width:100%;margin-bottom:15px;overflow:scroll;min-height:350px;max-height:350px}.store_outer_row .categories-filds-outer .category-container .categories-list-outer-div label.category-lable{display:flex;gap:12px}.store_outer_row .categories-filds-outer .category-container label{border-bottom:1px solid #e0e0e0;cursor:pointer;padding-left:10px;padding-bottom:7px}.store_outer_row .categories-filds-outer .category-container .parent-category-list{background-color:#fff;border-radius:8px;min-height:350px;max-height:350px;overflow:scroll}.store_outer_row .categories-filds-outer .category-container .parent-category-list .categories-inner{width:100%;max-height:250px;overflow-y:auto;margin-top:8px;z-index:999}.store_outer_row .categories-filds-outer .category-container .parent-category-list .categories-inner .categories-inner{margin-top:5px}.store_outer_row .items-tab-container{background-color:#fff;border-radius:8px;border:1px solid #e2e8eb;position:relative}.store_outer_row .items-tab-container .tabs-container{gap:10px}.store_outer_row .add-items-form-container{gap:20px;background-color:#fff;border-radius:8px;border:1px solid #e2e8eb}.store_outer_row .add-items-form-container .store_input_feilds{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.store_outer_row .add-items-form-container .fields-wrapper{padding:20px 20px 40px}.store_outer_row .add-items-form-container .fields-wrapper .category-name span{color:#2c2b2e;font-size:16px;letter-spacing:1px}.store_outer_row .add-items-form-container .basic_label_header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:20px;padding:15px 20px;border-bottom:1px solid #d9d9d9;color:var(--primary)}.store_outer_row .add-items-form-container .basic_label_header svg{cursor:pointer;display:flex;align-items:center}.store_outer_row .add-items-form-container .basic_label_header h2{font-size:16px;color:var(--primary);font-weight:600}.store_outer_row .add-items-form-container .add-items-form-container hr{margin-bottom:25px;border:.5px dotted #d9d9d9}.store_outer_row .add-items-form-container input::placeholder{color:gray;font-size:14px;text-transform:unset}.store_outer_row .add-items-form-input-label-container{display:flex;flex-direction:column;position:relative}.store_outer_row .add-items-form-input-label-container .addvendor-dropdown,.store_outer_row .add-items-form-input-label-container input,.store_outer_row .add-items-form-input-label-container select{width:100%;padding:10px;font-size:16px;border:1px solid #e2e8eb;border-radius:8px}.store_outer_row .add-items-form-input-label-container .addvendor-dropdown:focus,.store_outer_row .add-items-form-input-label-container input:focus,.store_outer_row .add-items-form-input-label-container select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);transform:scale(1)}.store_outer_row .add-items-form-input-label-container .react-datepicker__tab-loop{position:absolute;width:100%}.store_outer_row .save-cancel-button{display:flex;align-items:center;justify-content:end;gap:15px}.store_outer_row .cancel-and-add-button{display:flex;margin-top:15px;gap:15px}.store_outer_row .store-add-item-form-img-container img{object-fit:cover;height:100px}.excel-import-box label{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:20px;border-radius:8px;border:2px dashed var(--primary-light);cursor:pointer;background-color:var(--primary-light-rgb);transition:.2s ease}.excel-import-box label:hover{border-color:var(--primary)}.excel-import-box label svg{font-size:40px;margin-bottom:10px;color:#217346}.excel-import-box label strong{font-size:14px;color:#2c2b2e}.excel-import-box label p{margin-top:5px;font-size:12px;color:#999}.addvendor-dropdown{position:relative;width:100%;padding:10px;font-size:16px;border:1px solid #e2e8eb;border-radius:8px}.addvendor-dropdown:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);transform:scale(1)}.addvendor-dropdown .vendors-header{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#3c3939;cursor:pointer}.addvendor-dropdown .vendors-menu{position:absolute;border-radius:8px;top:100%;left:0;width:100%;max-height:200px;background-color:#fff;border:1px solid #e2e8eb;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:auto;z-index:99;color:#2c2b2e;display:flex;flex-direction:column}.addvendor-dropdown .vendors-menu .vendors-scroll{overflow-y:auto;max-height:100%;padding:0;margin:0}.addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar{width:2px;height:100%;display:block}.addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-track{background-color:#9cb9d0;border-radius:8px}.addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:8px}.addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-thumb:hover{background-color:#2d3d59}.addvendor-dropdown .vendors-menu li{font-size:14px;cursor:pointer}.addvendor-dropdown .vendors-menu .vendor-name{padding:8px 10px;cursor:pointer;transition:background-color .2s ease}.addvendor-dropdown .vendors-menu .vendor-name.active,.addvendor-dropdown .vendors-menu .vendor-name:hover{background-color:#f4f4f4}.addvendor-dropdown .vendors-menu .save-cancel-vendor{display:flex;justify-content:flex-end;align-items:center;gap:10px}.addvendor-dropdown .vendors-menu .save-cancel-vendor button{padding:5px 10px;border-radius:8px;background-color:var(--primary);color:#fff;border:none}.tax-calculation-display{border:1px solid #e2e8eb;border-radius:8px;padding:12px;background-color:#f9f9f9;margin-top:8px;grid-column:span 2}.tax-calculation-display .tax-calculation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e2e8eb}.tax-calculation-display .tax-calculation-header h4{margin:0;font-size:15px;font-weight:600;color:#2c2b2e}.tax-calculation-display .tax-calculation-header .tax-rate{font-size:13px;color:#666;background:#e9ecef;padding:2px 6px;border-radius:8px}.tax-calculation-display .tax-breakdown{font-size:15px}.tax-calculation-display .tax-breakdown .tax-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.tax-calculation-display .tax-breakdown .tax-row.total{border-top:1px solid #ddd;margin-top:4px;padding-top:8px;font-weight:600;color:var(--primary)}.tax-calculation-display .tax-breakdown .tax-note{font-size:14px;color:#666;margin-top:8px;padding-top:8px;border-top:1px dashed #e2e8eb;font-style:italic}.tax-form{display:flex;align-items:center;gap:10px}.tax-form .fields-wrapper{width:100%}.vendor-form .form-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:480px){.vendor-form .form-section{grid-template-columns:1fr}}.vendor-form .input-group .form-input{width:100%;padding:8px 12px;border:1px solid #e2e8eb;border-radius:8px;font-size:16px;transition:.3s}.vendor-form .input-group .form-input:focus{outline:none;background-color:rgba(0,0,0,0);border-color:var(--primary-light)}.vendor-form .input-group .form-input::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.vendor-form .input-group .required-asterisk{font-weight:700;margin-left:2px}.vendor-form .input-group .required-asterisk.unfilled{color:#f44}.vendor-form .input-group .required-asterisk.filled{color:#00c851}.vendor-form .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;grid-column:span 2}@media(max-width:480px){.vendor-form .form-actions{grid-column:auto}}.add-as-a-v-container{display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:20px;border-radius:8px}.add-as-a-v-container .add-as-a-v-inputs{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:5px}.add-as-a-v-container .add-as-a-v-inputs .input-with-label{display:flex;flex-direction:column}.add-as-a-v-container .add-as-a-v-inputs .input-with-label label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.add-as-a-v-container .add-as-a-v-inputs .input-with-label input,.add-as-a-v-container .add-as-a-v-inputs .input-with-label select{padding:8px 12px;font-size:16px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.add-as-a-v-container .add-as-a-v-inputs .input-with-label input:focus,.add-as-a-v-container .add-as-a-v-inputs .input-with-label select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);outline:none}.add-as-a-v-container .add-as-a-v-inputs .input-with-label input::placeholder,.add-as-a-v-container .add-as-a-v-inputs .input-with-label select::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.add-as-a-v-container .add-as-a-v-button{display:flex;justify-content:flex-end;align-items:center;gap:10px;cursor:pointer}.add-as-a-v-container .add-as-a-v-button input[type=file]{display:none}.add-as-a-v-container .tax-and-payment-section{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.add-as-a-v-container .tax-and-payment-section{grid-template-columns:1fr 1fr}}.add-as-a-v-container .tax-and-payment-section .card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem}.add-as-a-v-container .tax-and-payment-section .card .cost_price_tax,.add-as-a-v-container .tax-and-payment-section .card .sale_price_tax{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.add-as-a-v-container .tax-and-payment-section .section-header{font-size:1.1rem;color:#333;font-weight:600}.add-as-a-v-container .tax-and-payment-section .toggle-group{display:flex;flex-wrap:wrap;gap:.5rem}.add-as-a-v-container .tax-and-payment-section .toggle-btn{flex:1 0 48%;padding:.75rem;border:1px solid var(--primary-light);background:#f8f8f8;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;text-align:center}.add-as-a-v-container .tax-and-payment-section .toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.add-as-a-v-container .tax-and-payment-section .toggle-btn:hover{border-color:var(--primary)}.add-as-a-v-container .tax-and-payment-section .select-group{flex:1 1}.add-as-a-v-container .tax-and-payment-section .select-group label{font-size:.9rem;color:#555;margin-bottom:.5rem;display:block}.add-as-a-v-container .tax-and-payment-section .select-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background:#fff}.add-as-a-v-container .tax-and-payment-section .select-group select:focus{border-color:var(--primary-light);outline:none}.add-as-a-v-container .tax-and-payment-section .payment-options{display:flex;flex-wrap:wrap;gap:1rem}.add-as-a-v-container .tax-and-payment-section .payment-card{border:1px solid var(--primary-light);border-radius:8px;cursor:pointer;flex:1 1 45%;display:flex;align-items:center;gap:10px;padding:10px;transition:all .2s ease;text-align:center}.add-as-a-v-container .tax-and-payment-section .payment-card:hover{border-color:var(--primary)}.add-as-a-v-container .tax-and-payment-section .payment-card.selected{background-color:var(--primary);color:#fff;border-color:var(--primary)}.add-as-a-v-container .tax-and-payment-section .payment-card .payment-icon{font-size:14px}.add-as-a-v-container .tax-and-payment-section .payment-card .payment-label{font-weight:500}@media(max-width:480px){.add-as-a-v-container .tax-and-payment-section .payment-card{flex:1 1 100%}}.add-as-a-v-container .tax-and-payment-section .credit-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;display:flex;flex-direction:column;gap:1rem}.add-as-a-v-container .tax-and-payment-section .credit-details h4{margin:0 0 .75rem;font-size:1rem;color:#333;font-weight:600}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle{display:flex;flex-wrap:wrap;gap:.5rem}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option{flex:1 1 45%;padding:.75rem;border-radius:8px;border:1px solid var(--primary-light);color:var(--primary);font-weight:500;cursor:pointer;text-align:center;transition:all .2s ease}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option.active{background:var(--primary);color:#fff;border-color:var(--primary)}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option:hover:not(.active){background:#e0f0ff}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#555}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden;align-items:center;flex:1 1!important}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol span{background:#f8f8f8;color:var(--primary);padding:.75rem;white-space:nowrap;font-size:1rem}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol input{flex:1 1;border:none;outline:none;padding:.75rem;font-size:1rem}@media(max-width:600px){.add-as-a-v-container{padding:15px}.add-as-a-v-container .add-as-a-v-inputs{flex-direction:column}.add-as-a-v-container .add-as-a-v-button{flex-direction:column;align-items:stretch;gap:10px}.add-as-a-v-container table{font-size:13px}.add-as-a-v-container table tbody td,.add-as-a-v-container table thead th{padding:6px 8px}.add-as-a-v-container .tax-and-payment-section{grid-template-columns:1fr}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option,.add-as-a-v-container .tax-and-payment-section .payment-card{flex:1 1 100%}}.add-as-a-v-items-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;flex-wrap:wrap;background-color:#fff;padding:10px;border:1px solid #e2e8eb;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.add-as-a-v-items-inner .input-with-label{display:flex;flex-direction:column;width:100%;flex:1 1}.add-as-a-v-items-inner .input-with-label label{font-size:13px;font-weight:400;margin-bottom:5px;display:flex;align-items:center;gap:6px;color:#333}.add-as-a-v-items-inner .input-with-label label svg{color:var(--primary);font-size:16px}.add-as-a-v-items-inner .input-with-label input,.add-as-a-v-items-inner .input-with-label select{padding:10px 12px;border:1px solid #e2e8eb;border-radius:8px;width:100%;margin-top:5px}.add-as-a-v-items-inner .input-with-label input:focus,.add-as-a-v-items-inner .input-with-label select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);transform:scale(1)}.add-as-a-v-items-inner .input-with-label input::placeholder,.add-as-a-v-items-inner .input-with-label select::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.clear-image-button{padding:7px;background-color:#e1e1e1;color:red;margin-top:5px}.modern-box-checkbox{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px}.modern-box-checkbox input[type=checkbox]{display:none}.modern-box-checkbox .box{width:18px;height:19px;border:1.5px solid #ccc;border-radius:8px;display:inline-block;position:relative;transition:all .2s ease-in-out}.modern-box-checkbox input[type=checkbox]:checked+.box{border-color:var(--primary)}.modern-box-checkbox input[type=checkbox]:checked+.box:after{content:"";position:absolute;top:3.5px;left:3px;width:10px;height:10px;background-color:var(--primary);border-radius:8px;transition:all .2s ease-in-out}.search-bar-group{position:relative;display:flex;align-items:center;border:1px solid var(--primary);padding-left:10px;margin:0 20px 20px;border-radius:8px}.search-bar-group input{border:none;background-color:rgba(0,0,0,0);width:100%}.input-field{padding-left:30px;padding-right:10px;height:36px;width:100%;border-radius:8px;border:1px solid #ccc;font-size:14px}@media(max-width:1024px){.store-add-item .add-items-form-container{grid-template-columns:repeat(3,1fr)}.store-add-item .store-add-item-form-img-inner{flex-direction:column;gap:10px}.add-as-a-v-container .add-as-a-v-inputs{gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.add-as-a-v-container .add-as-a-v-button{justify-content:space-between}.add-as-a-v-container .add-as-a-v-button input.add-as-a-v-image{background-color:#f9f9f9;padding:11px;border-radius:8px;border:1px solid var(--primary)}.add-as-a-v-items-inner{display:grid;grid-template-columns:repeat(2,1fr)}.store_outer_row{display:flex;flex-direction:column}.store_outer_row .right_sidebar_row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:768px){.add-as-a-v-container .add-as-a-v-inputs{gap:10px;display:grid;grid-template-columns:1fr 1fr}.store_outer_row{gap:0}.store_outer_row .add-items-form-container .store_input_feilds{display:flex;flex-direction:column}}@media(max-width:600px){.store_outer_row .right_sidebar_row{display:flex;flex-direction:column}.store-add-item .add-items-form-container{grid-template-columns:1fr 1fr}.store-add-item .items-tab-container .tabs-container{flex-direction:column}.add-as-a-v-container{padding:10px}.add-as-a-v-container .add-as-a-v-inputs{gap:10px;grid-template-columns:1fr}.add-as-a-v-container .add-as-a-v-button{align-items:stretch;gap:5px}.add-as-a-v-items-inner{gap:10px}}@media(max-width:460px){.store-add-item .add-items-form-container{grid-template-columns:1fr}.add-as-a-v-items-inner,.store-add-item .add-items-form-container .add-as-a-v-inputs{display:flex;flex-direction:column}.add-as-a-v-items-inner{margin-bottom:15px}.vendor-form .input-group label{font-size:14px}}.variation-container{display:flex;flex-direction:column;padding-top:10px;counter-reset:variation-counter;max-height:600px;min-height:0;overflow:auto}.variation-block{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px 12px 10px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;position:relative;counter-increment:variation-counter}.variation-block label{color:#333;font-size:13px;font-weight:500}.variation-block:not(:last-child){margin-bottom:1.5rem}.variation-block:before{content:"Variant #" counter(variation-counter);position:absolute;top:-10px;left:16px;background:var(--primary);color:#fff;padding:2px 10px;border-radius:8px;font-size:10px;font-weight:500;z-index:1}.variation-block .attr-prices-block,.variation-block .unit-block{display:grid;gap:10px}.variation-block .attr-prices-block{grid-template-columns:repeat(4,1fr)}.variation-block .unit-block{grid-template-columns:repeat(2,1fr)}.variation-block .attribute-group{display:flex;flex-direction:column;gap:.5rem}.variation-block .attribute-group label{color:#8a9bb8;font-size:14px;font-weight:600}.variation-block .price-group{display:flex;flex-direction:column;gap:.5rem;background:rgba(var(--primary),.05);padding:1rem;border-radius:8px;border:1px dashed rgba(var(--primary),.2)}.variation-block .price-group label{color:#8a9bb8;font-size:14px;font-weight:600}.variation-block select{padding:10px;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.variation-block select:focus{border-color:var(--primary);outline:none}.variation-block input{padding:10px;border-radius:8px;border:1px solid #e0e0e0;font-size:.9rem;transition:all .3s ease}.variation-block input:focus{border-color:var(--primary);outline:none}.variation-block .remove-button{position:absolute;top:-10px;right:16px;background:#ff4c51;color:#fff;border:none;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.variation-block .remove-button:hover{background:#e65252;transform:translateY(-1px)}.variation-buttons-container{display:flex;justify-content:flex-end;gap:10px;padding:20px 0;position:sticky;bottom:0;background-color:#fff}@media(max-width:768px){.variation-block .attr-prices-block{grid-template-columns:repeat(3,1fr)}.store_outer_row .add-items-form-container .basic_label_header,.store_outer_row .add-items-form-container .fields-wrapper{padding:10px 12px}.variation-buttons-container{flex-wrap:wrap}}@media(max-width:500px){.variation-block .attr-prices-block{grid-template-columns:repeat(2,1fr)}}.category-container .done-category-button-outer{display:flex;justify-content:flex-end;margin-bottom:20px;justify-content:space-between;margin-right:10px}.category-container .category-title{font-size:1.5rem;color:#333;margin-bottom:10px;padding:20px}.category-container .category-button{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s;display:inline-block}.category-container .done-button{background-color:#384b70;color:#fff}.category-container .form-group{margin-bottom:1rem}.category-container .input-field{display:block;width:auto;padding:8px;border-radius:8px;border:1px solid var(--primary);margin:0 20px}.category-container .parent-category-list{margin-top:8px}.category-container .button-group{display:flex}.item-view{min-height:100vh}.item-view .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid hsla(0,0%,100%,.2)}.item-view .item-details{margin-top:10px}.item-view .item-details .item-main{background:#fff;border-radius:8px;padding:10px 20px;margin-bottom:20px;display:flex;justify-content:space-between;gap:20px}.item-view .item-details .item-main h1{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--primary);background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;width:fit-content;text-transform:capitalize}.item-view .item-details .item-main .item-meta{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap;flex-direction:row}.item-view .item-details .item-main .item-meta .item-code{padding:5px 8px;background:rgba(59,130,246,.1);border-radius:8px;font-size:12px;width:fit-content;color:var(--primary);border:1px solid rgba(59,130,246,.2)}.item-view .item-details .item-main .item-meta .item-stock{padding:5px 8px;background:rgba(34,197,94,.1);border-radius:8px;font-size:12px;width:fit-content;color:#15803d;border:1px solid rgba(34,197,94,.2)}.item-view .item-details .item-main .item-meta .item-measurement{padding:5px 8px;background:rgba(168,85,247,.1);border-radius:8px;font-size:12px;width:fit-content;color:#7c3aed;border:1px solid rgba(168,85,247,.2)}.item-view .item-details .item-main .item-categories{color:#64748b;font-size:14px;display:flex;flex-direction:column;flex-wrap:wrap;row-gap:15px}.item-view .item-details .item-main .item-categories .category-tag{color:var(--primary);font-weight:500;font-size:12px;padding:5px 10px;background:rgba(59,130,246,.1);border-radius:8px;border:1px solid rgba(59,130,246,.2);width:fit-content}.item-view .item-details .item-main .item-categories-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item-view .item-details .item-main .item-media-section .media-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#475569}.item-view .item-details .item-main .item-media-section .media-header h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--primary)}.item-view .item-details .item-main .item-media-section .media-header .media-icon{color:var(--primary);font-size:1.2rem}.item-view .item-details .item-main .item-media-section .item-media{display:flex;gap:10px;flex-wrap:wrap}.item-view .item-details .item-main .item-media-section .item-media .featured-image{position:relative;overflow:hidden;border-radius:8px}.item-view .item-details .item-main .item-media-section .item-media .featured-image .image-label{position:absolute;width:100%;text-align:center;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.6));color:#fff;padding:2px 6px;font-size:12px;font-weight:500}.item-view .item-details .item-main .item-media-section .item-media img{max-width:100%;width:100px;height:100px;border-radius:8px;object-fit:cover;box-shadow:0 4px 6px rgba(0,0,0,.049)}.item-view .item-details .item-batches{margin-top:20px;border-radius:8px}.item-view .item-details .item-batches h2{font-size:18px;font-weight:500;margin-bottom:15px;color:#2c2b2e;position:relative}@media(max-width:1440px){.item-view .item-details .item-main{flex-direction:column}.item-view .item-details .item-main .item-media-section{width:100%}.item-view .item-details .item-main .item-media-section .media-header{padding-top:20px;border-top:2px solid var(--primary)}.item-view .item-details .item-main .item-categories-inner{display:flex;flex-wrap:wrap}}@media(max-width:768px){.item-view{padding:0}.item-view .item-header{padding:10px;margin-bottom:15px;align-items:flex-start;flex-direction:column;gap:10px}.item-view .item-header h1{font-size:20px;margin-bottom:5px}.item-view .item-details-section{display:flex;gap:20px;flex-wrap:wrap;row-gap:10px}.item-view .item-details .item-main{padding:10px;margin-bottom:15px}.item-view .item-details .item-main h1{font-size:20px}.item-view .item-details .item-main .item-meta{gap:10px;margin-bottom:0;align-items:center}.item-view .item-details .item-main .item-meta .item-code,.item-view .item-details .item-main .item-meta .item-stock{padding:2px 10px;font-size:12px}.item-view .item-details .item-main .item-categories{flex-direction:row;gap:10px;font-size:12px;align-items:center}.item-view .item-details .item-main .item-categories .category-tag{padding:2px 10px;font-size:12px}.item-view .item-details .item-main .item-media-section .media-header{margin-bottom:10px;padding-top:10px;border-top:1px solid rgba(59,130,246,.2)}.item-view .item-details .item-main .item-media-section .media-header .media-icon,.item-view .item-details .item-main .item-media-section .media-header h3{font-size:14px}.item-view .item-details .item-batches{padding:10px;margin-top:15px}.item-view .item-details .item-batches h2{font-size:16px;padding-bottom:8px;margin-bottom:10px}}@media(max-width:468px){.item-view .item-header{padding:8px 10px}.item-view .item-details .item-main .item-media-section .item-media img{width:80px;height:80px}}.import-items-modal .import-items-modal-content{display:flex;flex-direction:column;gap:1.25rem}.import-items-modal .import-items-modal-content .import-items-title{font-size:24px;font-weight:600;color:var(--primary);margin-bottom:.5rem}.import-items-modal .import-items-modal-content .import-items-file-input{border:1px solid #e2e8eb;border-radius:8px;padding:.6rem .75rem;font-size:16px;background-color:#f9f9f9;color:#333;cursor:pointer}.import-items-modal .import-items-modal-content .import-items-file-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary),.2)}.import-items-modal .import-items-modal-content .import-items-actions{display:flex;justify-content:flex-end;gap:1rem}.import-items-modal .import-items-modal-content .import-items-cancel-button{background-color:var(--primary-light);color:#fff;padding:8px 12px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.import-items-modal .import-items-modal-content .import-items-cancel-button:hover{background-color:#dee9f2}.import-items-modal .import-items-modal-content .import-items-upload-button{background-color:var(--primary);color:#fff;padding:8px 12px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.import-items-modal .import-items-modal-content .import-items-upload-button:hover{background-color:var(--primary-light)}.batch-dashboard{background-color:#fff;padding-bottom:20px}.batch-dashboard .dashboard-header{background:linear-gradient(135deg,#ffffff,#ffffff 50%,#f4f4f4 0,#f4f4f4);border:1px solid #e2e8eb;padding:20px 20px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}@media(max-width:768px){.batch-dashboard .dashboard-header{flex-direction:column;align-items:stretch;gap:10px;padding:10px 10px 20px}}.batch-dashboard .dashboard-header .product-display{display:flex;align-items:center;gap:20px;flex:1 1}.batch-dashboard .dashboard-header .product-display .image-container{position:relative}.batch-dashboard .dashboard-header .product-display .image-container .product-img{border-radius:8px;border:3px solid #e2e8eb;box-shadow:0 4px 6px rgba(0,0,0,.049);background:#fff}.batch-dashboard .dashboard-header .product-display .product-info .title-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.batch-dashboard .dashboard-header .product-display .product-info .table-actions-wrapper{align-items:center;gap:10px}.batch-dashboard .dashboard-header .product-display .product-info .table-actions-wrapper svg{width:18px;height:18px}.batch-dashboard .dashboard-header .product-display .product-info .product-title{font-size:20px;font-weight:700;color:#2e2e2e;text-transform:capitalize}.batch-dashboard .dashboard-header .product-display .product-info .batch-info{display:flex;gap:10px;flex-wrap:wrap}.batch-dashboard .dashboard-header .product-display .product-info .batch-info .batch-badge,.batch-dashboard .dashboard-header .product-display .product-info .batch-info .invoice-badge{padding:5px 10px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;color:#999;font-size:12px}.batch-dashboard .dashboard-header .header-stats{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.batch-dashboard .dashboard-header .header-stats .stat-pill{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;font-weight:600;font-size:12px;background:rgba(var(--primary),.1);color:var(--primary);border:1px solid rgba(var(--primary),.2)}.batch-dashboard .dashboard-header .header-stats .stat-pill .stat-icon{font-size:14px}.batch-dashboard .dashboard-header .header-stats .buttons{padding:6px 10px;font-weight:600;font-size:12px}.batch-dashboard .financial-strip{margin:-20px auto 30px;padding:0 20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;position:relative;z-index:2}@media(max-width:768px){.batch-dashboard .financial-strip{margin:-10px auto 20px;padding:0 10px;gap:10px}}.batch-dashboard .financial-strip .financial-tile{min-width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid #e2e8eb;display:grid;grid-template-columns:50px auto;overflow:hidden}.batch-dashboard .financial-strip .financial-tile.cost{border-top:2px solid #01a601}.batch-dashboard .financial-strip .financial-tile.sale{border-top:2px solid var(--primary)}.batch-dashboard .financial-strip .financial-tile.expiry{border-top:2px solid #fc0}.batch-dashboard .financial-strip .financial-tile .tile-icon{display:flex;justify-content:center;align-items:center;font-size:20px;color:#333;background-color:var(--primary-light-rgb)}.batch-dashboard .financial-strip .financial-tile .tile-content{padding:5px 10px;display:flex;flex-direction:column;gap:5px}.batch-dashboard .financial-strip .financial-tile .tile-content label{color:#999;margin:0;font-size:12px}.batch-dashboard .financial-strip .financial-tile .tile-content .tile-value{font-size:14px;font-weight:600;color:#2c2b2e}.batch-dashboard .financial-strip .financial-tile .tile-content .tile-value.status-expired{color:#ff4c51}.batch-dashboard .financial-strip .financial-tile .tile-content .tile-value.status-expiring-soon{color:#fc0}.batch-dashboard .financial-strip .financial-tile .tile-content .tile-value.status-valid{color:#01a601}.batch-dashboard .dashboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 20px}@media(max-width:1024px){.batch-dashboard .dashboard-layout{grid-template-columns:1fr}}@media(max-width:768px){.batch-dashboard .dashboard-layout{padding:0 10px}}.batch-dashboard .dashboard-layout .details-column{display:flex;flex-direction:column;gap:20px}.batch-dashboard .dashboard-layout .details-column .section-module{height:100%}.batch-dashboard .section-module{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid #e2e8eb;overflow:hidden}.batch-dashboard .section-module .barcode-header{justify-content:space-between}.batch-dashboard .section-module .barcode-header h3{display:flex;align-items:center;gap:5px}.batch-dashboard .section-module .barcode-header .header-actions{display:flex;align-items:center;gap:10px}.batch-dashboard .section-module .module-header{padding:10px 12px;background:linear-gradient(135deg,#f4f4f4,#f8fafc);border-bottom:1px solid #e2e8eb;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.batch-dashboard .section-module .module-header .module-icon{color:var(--primary);font-size:18px}.batch-dashboard .section-module .module-header h3{font-size:15px;font-weight:600;color:#2e2e2e;margin:0}.batch-dashboard .section-module .module-content{padding:20px}.batch-dashboard .barcode-module,.batch-dashboard .variants-module{margin:20px}.batch-dashboard .barcode-module .barcode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.batch-dashboard .barcode-module .barcode-grid .barcode-card{position:relative;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;border:1px solid #e2e8eb;border-radius:8px}.batch-dashboard .barcode-module .barcode-grid .barcode-card .print-icon{position:absolute;top:10px;right:10px;color:#333;font-size:16px;cursor:pointer}.batch-dashboard .detail-stack{display:flex;align-items:center;flex-wrap:wrap;gap:10px}@media(max-width:768px){.batch-dashboard .detail-stack{flex-direction:column}}.batch-dashboard .detail-stack .detail-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;border:1px solid #e2e8eb}@media(max-width:768px){.batch-dashboard .detail-stack .detail-row{width:100%}}.batch-dashboard .detail-stack .detail-row .detail-icon{width:32px;height:32px;border-radius:8px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.batch-dashboard .detail-stack .detail-row .detail-content{flex:1 1}.batch-dashboard .detail-stack .detail-row .detail-content .detail-label{font-size:12px;color:#333;margin-bottom:50px}.batch-dashboard .detail-stack .detail-row .detail-content .detail-value{display:block;font-size:14px;font-weight:500;color:#2c2b2e;text-transform:capitalize}.batch-dashboard .timeline-vertical{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.batch-dashboard .timeline-vertical .timeline-event{flex:1 1;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e2e8eb;border-radius:8px;position:relative}.batch-dashboard .timeline-vertical .timeline-event:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:2px}.batch-dashboard .timeline-vertical .timeline-event.event-manufacture:before{background:#01a601}.batch-dashboard .timeline-vertical .timeline-event.event-purchase:before{background:var(--primary)}.batch-dashboard .timeline-vertical .timeline-event.event-expiry:before{background:#fc0}.batch-dashboard .timeline-vertical .timeline-event .event-icon{width:32px;height:32px;border-radius:8px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;font-size:16px}.batch-dashboard .timeline-vertical .timeline-event .event-content{flex:1 1}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-label{font-size:12px;color:#2e2e2e;margin-bottom:4px;display:flex;align-items:center;gap:4px}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-date{font-size:14px;color:#333;font-weight:500;margin-bottom:6px}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status{display:inline-block;padding:2px 5px;border-radius:8px;font-size:10px;font-weight:500}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status.expired{background:rgba(255,76,81,.1);color:#ff4c51}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status.expiring-soon{background:rgba(255,204,0,.1);color:#fc0}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status.valid{background:rgba(1,166,1,.1);color:#01a601}.batch-dashboard .variants-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px}.batch-dashboard .variants-stack .variant-item{padding:10px 12px;border-radius:8px;border:1px solid #e2e8eb;transition:all .3s}.batch-dashboard .variants-stack .variant-item .variant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.batch-dashboard .variants-stack .variant-item .variant-header h3{font-weight:600;color:var(--primary);font-size:16px;margin:0}.batch-dashboard .variants-stack .variant-item .stock-badge{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500}.batch-dashboard .variants-stack .variant-item .stock-badge.in-stock{background-color:rgba(1,166,1,.1);color:#01a601}.batch-dashboard .variants-stack .variant-item .stock-badge.out-of-stock{background-color:rgba(255,76,81,.1);color:#ff4c51}.batch-dashboard .variants-stack .variant-item .attributes-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.batch-dashboard .variants-stack .variant-item .attribute-tag{padding:4px 10px;background-color:#f3f3f3;color:#2e2e2e;border-radius:8px;font-size:14px;font-weight:500}.batch-dashboard .variants-stack .variant-item .variant-metric{padding:10px;border-radius:8px;background-color:#f4f4f4;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.batch-dashboard .variants-stack .variant-item .variant-metric .metric-label{font-size:14px;color:#333;margin:0 0 3px;font-weight:500}.batch-dashboard .variants-stack .variant-item .variant-metric .metric-value{font-weight:700;color:#2e2e2e;font-size:16px;margin:0}.scanner-ui{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.scanner-ui .scanner-text{font-size:14px;color:#666}.scanner-ui .scanned-code-display{font-size:16px;font-weight:600;color:#2c2b2e;margin-top:10px}@media(max-width:768px){.batch-dashboard .dashboard-header{flex-direction:column;align-items:stretch;gap:10px}.batch-dashboard .dashboard-header .product-display .product-info .table-actions-wrapper svg{width:16px;height:16px}.batch-dashboard .dashboard-header .product-display .product-info .product-title{font-size:20px}.batch-dashboard .dashboard-header .product-display .product-info .batch-info{gap:6px}.batch-dashboard .dashboard-header .product-display .product-info .batch-info .batch-badge,.batch-dashboard .dashboard-header .product-display .product-info .batch-info .invoice-badge{font-size:12px;padding:3px 8px}.batch-dashboard .dashboard-header .header-stats{gap:6px}.batch-dashboard .dashboard-header .header-stats .stat-pill,.batch-dashboard .dashboard-header .header-stats button{font-size:12px;padding:6px 10px}.batch-dashboard .financial-strip{margin:-10px auto 20px;padding:0 10px;gap:10px}.batch-dashboard .financial-strip .financial-tile{min-width:160px;grid-template-columns:40px auto}.batch-dashboard .financial-strip .financial-tile .tile-icon{font-size:16px}.batch-dashboard .financial-strip .financial-tile .tile-content{padding:5px}.batch-dashboard .financial-strip .financial-tile .tile-content label{font-size:12px}.batch-dashboard .financial-strip .financial-tile .tile-content .tile-value{font-size:16px}.batch-dashboard .dashboard-layout{grid-template-columns:1fr;padding:0 10px;gap:20px}.batch-dashboard .section-module .module-header{padding:8px 10px}.batch-dashboard .section-module .module-header h3{font-size:16px}.batch-dashboard .section-module .module-header button{font-size:12px}.batch-dashboard .section-module .module-content{padding:10px}.batch-dashboard .barcode-module,.batch-dashboard .variants-module{margin:20px 10px}.batch-dashboard .barcode-module .barcode-grid{grid-template-columns:repeat(2,1fr);gap:10px}.batch-dashboard .barcode-module .barcode-grid .barcode-card{padding:8px;font-size:12px;overflow:hidden;text-align:center}.batch-dashboard .barcode-module .barcode-grid .barcode-card img{max-width:200px;width:100%}.batch-dashboard .barcode-module .barcode-grid .barcode-card .barcode-code{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.batch-dashboard .detail-stack{flex-direction:column;gap:10px}.batch-dashboard .detail-stack .detail-row{width:100%;padding:8px}.batch-dashboard .detail-stack .detail-row .detail-icon{width:36px;height:36px;font-size:14px}.batch-dashboard .detail-stack .detail-row .detail-content .detail-label{font-size:13px;margin-bottom:3px}.batch-dashboard .detail-stack .detail-row .detail-content .detail-value{font-size:14px}.batch-dashboard .timeline-vertical{flex-direction:column;gap:10px}.batch-dashboard .timeline-vertical .timeline-event{width:100%;padding:8px}.batch-dashboard .timeline-vertical .timeline-event .event-icon{width:36px;height:36px;font-size:14px}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-label{font-size:14px}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-date{font-size:12px}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status{font-size:12px;padding:2px 6px}.batch-dashboard .variants-stack{grid-template-columns:1fr;padding:5px;gap:10px}.batch-dashboard .variants-stack .variant-item{padding:10px}.batch-dashboard .variants-stack .variant-item .variant-header h3{font-size:14px}.batch-dashboard .variants-stack .variant-item .attribute-tag,.batch-dashboard .variants-stack .variant-item .stock-badge{font-size:12px;padding:3px 8px}.batch-dashboard .variants-stack .variant-item .variant-metric{gap:5px;padding:8px}.batch-dashboard .variants-stack .variant-item .variant-metric .metric-label{font-size:12px}.batch-dashboard .variants-stack .variant-item .variant-metric .metric-value{font-size:14px;font-weight:600}}@media(max-width:468px){.batch-dashboard{gap:10px}.batch-dashboard .header-gradient{padding:5px 10px}.batch-dashboard .header-gradient .featured-image img{width:50px;height:50px}.batch-dashboard .card-header h2{font-size:16px}.batch-dashboard .card-header .icon{margin-right:10px;font-size:14px}.batch-dashboard .info-card{padding:10px}.batch-dashboard .info-card .info-value{font-size:14px}.batch-dashboard .timeline-card{gap:10px}.batch-dashboard .timeline-card .timeline-value{font-size:14px}.batch-dashboard .timeline-card .timeline-icon{font-size:14px;margin-top:0}.batch-dashboard .details-grid{display:flex;flex-direction:column;gap:5px}.batch-dashboard .detail-card .detail-content,.batch-dashboard .detail-card .detail-content .detail-icon,.batch-dashboard .detail-card .detail-content .detail-value{font-size:12px}.batch-dashboard .detail-card{gap:15px}.batch-dashboard .card-content{flex-direction:column}.batch-dashboard .stat-card{padding:5px}.batch-dashboard .stat-card .stat-value{font-size:12px}.batch-dashboard .stat-card .stat-icon{margin-right:10px;font-size:15px}.variant-metric{padding:5px 10px}.variants-stack{gap:10px}}.challan-form{padding:20px;background-color:#fff;border-radius:8px}.challan-form .challan-form-logo-name-outer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--primary-light)}.challan-form .challan-form-logo-name-outer h1{color:var(--primary)}.challan-form .challan-form-company-logo img{border-radius:50px}.challan-form .challan-form-section-one{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.challan-form .saller-and-buyer-secton{display:grid;grid-template-columns:1fr 1fr;gap:20px}.challan-form .input-group{display:flex;flex-direction:column;gap:5px;min-width:120px}.challan-form .input-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.challan-form .input-group input,.challan-form .input-group select,.challan-form .input-group textarea{color:#3c3939;border:1px solid #efefef;border-radius:8px;width:100%;padding:10px;font-size:16px}.challan-form .input-group input:focus,.challan-form .input-group select:focus,.challan-form .input-group textarea:focus{border-color:var(--primary-light);background:none;transform:scale(1)}.challan-form .challan-form-buyer-details-section input,.challan-form .challan-form-buyer-details-section textarea{cursor:not-allowed}.challan-form .challan-form-buyer-details-section,.challan-form .challan-form-saller-details-section{padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;background-color:#fafafa;border-radius:8px}.challan-form .challan-form-buyer-details-section .input-group,.challan-form .challan-form-saller-details-section .input-group{margin-bottom:8px}.challan-form .Seller-lagend,.challan-form .buyer-lagend{color:var(--primary);font-weight:500}.challan-form .challan-form-tax-modal-section{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.challan-form select{width:100%;padding:10px;border-radius:8px}.challan-form .challan-form-items-section{margin-top:20px}.challan-form .challan-form-items-section h3{margin:10px 0;font-size:24px;color:var(--primary)}.challan-form .challan-form-items-section .challan-form-item{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px;margin-bottom:20px;border:1px solid #e2e8eb;border-radius:8px;background-color:#fff;align-items:flex-end;position:relative}.challan-form .challan-form-items-section .challan-form-item .input-group{min-width:120px}.challan-form .challan-form-items-section .challan-form-item .input-group-actions{display:flex;justify-content:space-between;align-items:center;gap:5px;position:absolute;top:5px;right:5px}.challan-form .challan-form-items-section .challan-form-item .input-group-actions button{display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);border:none;cursor:pointer;padding:5px;border-radius:8px}.challan-form .challan-form-items-section .challan-form-item .input-group-actions .remove-p-c-item{background-color:#ff4c51;color:#fff}.challan-form .challan-form-items-section .challan-form-item .input-group-actions .show-break-down{background-color:var(--primary-light-rgb);color:var(--primary)}.challan-form .challan-form-items-section .challan-form-item .tax-calculation-section{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:20px}.challan-form .challan-form-items-section .challan-form-item .tax-calculation-section .tax-calculation-display{flex:1 1}.challan-form .challan-form-items-section .challan-form-item .show-break-down{background-color:rgba(0,0,0,0);border:none}.challan-form .challan-form-items-section .challan-form-item .show-break-down .btn-icon{font-size:18px;color:var(--primary)}.challan-form .total-amount-outer-container{display:flex;flex-direction:column;gap:10px}.challan-form .total-amount-outer-container .total-amount-container{background:var(--primary-light);color:#2c3e50;padding:20px 30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,sans-serif;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;justify-content:center;width:fit-content}.challan-form .total-amount-outer-container .total-amount-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:6px;letter-spacing:.5px}.challan-form .total-amount-outer-container .total-amount-value{font-size:24px;font-weight:700;color:#01a601;position:relative}.challan-form .challan-form-add-item{margin-bottom:20px}.challan-form .challan-form-action{display:flex;justify-content:flex-end;align-items:center;margin:30px 0}@media(max-width:868px){.challan-form .saller-and-buyer-secton{display:grid;grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.challan-form{padding:10px}.challan-form .challan-form-logo-name-outer h1{color:var(--primary);font-size:20px}.challan-form .challan-form-buyer-details-section,.challan-form .challan-form-saller-details-section,.challan-form .challan-form-tax-modal-section{grid-template-columns:1fr 1fr;padding:0}.challan-form .challan-form-items-section .challan-form-item{grid-template-columns:repeat(2,1fr)}.challan-form .challan-form-items-section .challan-form-item .input-group{width:100%;min-width:auto}.challan-form .challan-form-items-section .challan-form-item .remove-btn{position:relative;top:auto;right:auto;align-self:flex-end;margin-top:10px}.challan-form .total-amount-container{padding:15px 20px}.challan-form .total-amount-container .total-amount-label{font-size:1rem}.challan-form .total-amount-container .total-amount-value{font-size:20px}}@media(max-width:568px){.challan-form{padding:10px}.challan-form .total-amount-outer-container .total-amount-container{width:100%}.challan-form .total-amount-outer-container{flex-direction:column}.challan-form .challan-form-buyer-details-section,.challan-form .challan-form-saller-details-section,.challan-form .challan-form-tax-modal-section{grid-template-columns:1fr;gap:10px}}@media(max-width:468px){.challan-form{padding:8px}.challan-form .challan-form-section-one{grid-template-columns:1fr}.challan-form .challan-form-buyer-details-section,.challan-form .challan-form-saller-details-section,.challan-form .challan-form-tax-modal-section{grid-template-columns:1fr;padding:0}.challan-form .input-group label{font-size:12px}.challan-form .input-group input,.challan-form .input-group select{font-size:14px;padding:8px}.challan-form .challan-form-items-section h3{font-size:20px}.challan-form .challan-form-items-section .challan-form-item{padding:15px;grid-template-columns:repeat(1,1fr)}.challan-form .challan-form-items-section .challan-form-item .input-group{width:100%;min-width:auto}.challan-form .challan-form-items-section .challan-form-item .remove-btn{margin-top:5px;padding:5px 10px;font-size:14px}.challan-form .total-amount-container{padding:10px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.challan-form .total-amount-container .total-amount-label{font-size:.9rem}.challan-form .total-amount-container .total-amount-value{font-size:16px}.challan-form .challan-form-action{margin:10px 0!important}}.purchase-challan-invoice{max-width:999px;margin:2rem auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.purchase-challan-invoice .purchase-challan-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8eb;padding-bottom:1rem;margin-bottom:1.5rem}.purchase-challan-invoice .purchase-challan-header h1{font-size:24px;margin:0 0 .3rem;color:var(--primary)}.purchase-challan-invoice .purchase-challan-header .purchase-challan-number{font-weight:600;color:var(--primary-dark);font-size:15px}.purchase-challan-invoice .purchase-challan-header .purchase-challan-date span{font-weight:700;margin-right:.3rem;color:#2e2e2e}.purchase-challan-invoice .purchase-challan-header .purchase-challan-date strong{font-weight:700;color:#1b1b1b}.purchase-challan-invoice .purchase-challan-parties{display:flex;gap:3rem;margin-bottom:2rem}.purchase-challan-invoice .purchase-challan-parties .purchase-challan-from h3{font-size:18px;border-bottom:1.5px solid var(--primary);padding-bottom:.3rem;margin-bottom:.8rem;color:var(--primary)}.purchase-challan-invoice .purchase-challan-parties .purchase-challan-from .company-info p{margin:.2rem 0;font-size:16px;font-weight:600;line-height:1.4;color:#333}.purchase-challan-invoice .purchase-challan-items .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.purchase-challan-invoice .purchase-challan-items table{width:100%;border-collapse:collapse;margin-bottom:2rem}.purchase-challan-invoice .purchase-challan-items table td,.purchase-challan-invoice .purchase-challan-items table th{border:1px solid #e2e8eb;padding:.6rem .8rem;text-align:left;font-size:15px;vertical-align:middle;white-space:nowrap}.purchase-challan-invoice .purchase-challan-items table th{background-color:var(--primary);color:#fff;font-weight:600}.purchase-challan-invoice .purchase-challan-items table tbody tr:nth-child(2n){background-color:#f9f9f9}.purchase-challan-invoice .purchase-challan-summary{max-width:400px;margin-left:auto}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals{border-top:2px solid var(--primary);padding:10px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid var(--primary-light)}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals .total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:15px;color:#333;border-bottom:1px solid #e2e8eb}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals .total-row.grand-total{font-weight:700;font-size:18px;color:var(--primary-dark);border-bottom:none}.purchase-challan-invoice .invoice-empty,.purchase-challan-invoice .invoice-error{text-align:center;margin-top:3rem;font-size:15px;color:#ff4c51}.purchase-challan-invoice .invoice-empty{color:#999}@media(max-width:600px){.purchase-challan-invoice .purchase-challan-header{flex-direction:column;align-items:flex-start}.purchase-challan-invoice .purchase-challan-parties{flex-direction:column;gap:1.5rem}.purchase-challan-invoice .purchase-challan-summary{max-width:100%;margin-left:0}.purchase-challan-invoice .purchase-challan-items .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.purchase-challan-invoice .purchase-challan-items table{width:max-content;font-size:14px}.purchase-challan-invoice .purchase-challan-items table td,.purchase-challan-invoice .purchase-challan-items table th{padding:.4rem .6rem}}.vendor-details-page .vendor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8eb;padding:10px 20px}.vendor-details-page .vendor-header .view-vendor-action-button-outter{display:flex;gap:10px}.vendor-details-page .vendor-header .edit-button{color:var(--primary)}.vendor-details-page .vendor-header .delete-button{color:#ff4c51}.vendor-details-page .vendor-card{background:#fff;border-radius:8px;border:1px solid #e2e8eb}.vendor-details-page .vendor-title{color:var(--primary);font-size:22px;margin:0}.vendor-details-page .vendor-info{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;padding:0 20px}.vendor-details-page .vendor-info p{margin:0;font-size:14px;display:flex;flex:1 1;gap:5px}.vendor-details-page .vendor-info p strong{color:var(--primary);font-weight:600}.vendor-details-page .vendor-invoices-section .vendor-invoices-summary{margin-top:20px}.vendor-details-page .vendor-items-section{margin-top:20px;display:flex;flex-direction:column;padding:0 20px}.vendor-details-page .vendor-items-section .toggle-items-btn{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:8px 0;font-size:14px}.vendor-details-page .vendor-items-section .toggle-items-btn:hover{text-decoration:underline}.vendor-details-page .vendor-items-summary{margin-top:10px}.invoice-actions svg{color:var(--primary)}.payables-page__tabs-container{display:flex;justify-content:center;margin-bottom:20px}.payables-page__tabs{background:#f0f1f5;padding:4px;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.payables-page__tab-pill,.payables-page__tabs{display:flex;align-items:center;border-radius:8px}.payables-page__tab-pill{gap:6px;padding:7px 16px;border:none;background:rgba(0,0,0,0);color:#8a93a8;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s ease}.payables-page__tab-pill:focus{outline:none}.payables-page__tab-pill:hover:not(.active){color:#4b5368;background:hsla(0,0%,100%,.55)}.payables-page__tab-pill.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.04)}@media(max-width:768px){.payables-page__tab-pill{padding:7px 12px;font-size:12px}.vendor-details-page .vendor-header{padding:8px 10px}.vendor-details-page .vendor-header h1{font-size:18px}.vendor-details-page .vendor-info,.vendor-details-page .vendor-items-section{padding:0 10px}}@media(max-width:468px){.vendor-details-page .vendor-info{flex-direction:column}.vendor-details-page .vendor-info p{justify-content:space-between}}.vendor-invoice-container{line-height:1.6;color:#333;background-color:#f8f9fa;min-height:100vh}.vendor-invoice-container .invoice-header{display:flex;flex-direction:column;margin-bottom:10px;margin-top:10px;padding:0 20px}.vendor-invoice-container .invoice-header .invoice-number{color:#fff;background-color:var(--primary);border-radius:8px;padding:10px;font-size:.875rem;margin-top:0}.vendor-invoice-container .invoice-header .vendor-invoice-header-inner{display:flex;flex-direction:column}.vendor-invoice-container .invoice-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.vendor-invoice-container .invoice-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.vendor-invoice-container .invoice-status.paid{background-color:#d4edda;color:#155724}.vendor-invoice-container .invoice-status.due{background-color:#f8d7da;color:#721c24}.vendor-invoice-container .invoice-date-box{background:#fff;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:right;margin-top:1rem}.vendor-invoice-container .invoice-date-label{font-size:.75rem;color:#6c757d;margin-bottom:.25rem}.vendor-invoice-container .invoice-card{background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden;border:1px solid #e9ecef;margin:auto}.vendor-invoice-container .vendor-info-section{padding:1.5rem;border-bottom:1px solid #e9ecef}.vendor-invoice-container .section-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.vendor-invoice-container .vendor-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.vendor-invoice-container .vendor-details-outer{background-color:#f3f3f3;padding:10px;border-radius:8px;border-left:3px solid var(--primary)}.vendor-invoice-container .vendor-detail-item{margin-bottom:.5rem;border-bottom:1px dashed var(--primary)}.vendor-invoice-container .payment-method-outer{border-top:1px dashed var(--primary);padding-top:5px}.vendor-invoice-container .vendor-detail-label{font-weight:600;color:#495057}.vendor-invoice-container .financial-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;border-bottom:1px solid #e9ecef}.vendor-invoice-container .summary-card{padding:1rem;border-radius:.5rem;text-align:center;background-color:#f8f9fa}.vendor-invoice-container .summary-card.total{background-color:var(--primary);color:#fff}.vendor-invoice-container .summary-title{font-size:.875rem;margin-bottom:.5rem;color:inherit}.vendor-invoice-container .summary-value{font-size:1.5rem;font-weight:700}.vendor-invoice-container .items-section{padding:1.5rem}.vendor-invoice-container .financial-summary{padding:1.5rem;margin-bottom:100px}.vendor-invoice-container .items-table{width:100%;border-collapse:collapse}.vendor-invoice-container .items-table th{background-color:#f8f9fa;padding:.75rem 1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.vendor-invoice-container .items-table td{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:top}.vendor-invoice-container .items-table tr:last-child td{border-bottom:none}.vendor-invoice-container .items-table tr:hover{background-color:#f8f9fa}.vendor-invoice-container .payment-history-section{padding:0 20px}.vendor-invoice-container .payment-history-section h2{color:var(--primary)}.vendor-invoice-container .Vendor-invoice-repay-btn-outer{display:flex;justify-content:flex-end;margin:20px}@media(min-width:768px){.vendor-invoice-container .invoice-header{flex-direction:row;justify-content:space-between;align-items:center}.vendor-invoice-container .invoice-header .invoice-number{padding:5px}.vendor-invoice-container .vendor-invoice-header-inner{display:flex;justify-content:space-between;align-items:center}.vendor-invoice-container .invoice-date-box{margin-top:0}}.items-list-container{margin:10px 0}.items-list-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px}.items-list-container .section-header h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--primary);font-size:16px;font-weight:600}.items-list-container .header-icon{font-size:18px;color:var(--primary)}.items-list-container .items-horizontal-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.items-list-container .horizontal-item-card{border:1px dashed var(--primary);border-radius:8px;padding:12px;background:#fff;box-shadow:0 1px 3px rgba(126,34,206,.1);transition:all .2s ease;height:max-content}.items-list-container .horizontal-item-card:hover{box-shadow:0 2px 6px rgba(126,34,206,.15)}.items-list-container .horizontal-item-card .item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.items-list-container .horizontal-item-card .item-header .item-title-wrapper{flex:1 1;display:flex;flex-direction:column;gap:6px}.items-list-container .horizontal-item-card .item-header .item-title-wrapper .item-name{margin:0;font-size:18px;font-weight:600;color:#1e293b;line-height:1.2}.items-list-container .horizontal-item-card .item-price-tag{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#10B981,#059669);color:#fff;padding:3px 8px;border-radius:4px;font-weight:600;font-size:15px;width:fit-content}.items-list-container .horizontal-item-card button{color:#fff;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;font-size:12px}.items-list-container .horizontal-item-card button:focus{outline:none}.items-list-container .horizontal-item-card .edit-btn,.items-list-container .horizontal-item-card .show-break-down{color:var(--primary);background-color:var(--primary-light-rgb)}.items-list-container .horizontal-item-card .remove-btn{background:#ef4444}.items-list-container .horizontal-item-card .basic-details-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.items-list-container .horizontal-item-card .basic-details-row .detail-chip{display:flex;align-items:center;gap:4px;background:#f8fafc;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0;font-size:15px;font-weight:500;color:#475569}.items-list-container .horizontal-item-card .basic-details-row .detail-chip.highlight{background:linear-gradient(135deg,#3B82F6,#1D4ED8);color:#fff;border:none}.items-list-container .horizontal-item-card .basic-details-row .chip-icon{font-size:15px;opacity:.8}.items-list-container .horizontal-item-card .additional-details-grid{display:flex;gap:8px;flex-wrap:wrap}.items-list-container .horizontal-item-card .additional-details-grid .detail-item{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:6px 8px;border-radius:4px;border:1px dashed #cbd5e1}.items-list-container .horizontal-item-card .additional-details-grid .detail-item:hover{background:#fff}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;flex-shrink:0}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-icon-wrapper.primary{background:linear-gradient(135deg,#8B5CF6,#7C3AED)}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-icon-wrapper.secondary{background:linear-gradient(135deg,#F59E0B,#D97706)}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-icon-wrapper.manufacture{background:linear-gradient(135deg,#10B981,#059669)}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-icon-wrapper.expiry{background:linear-gradient(135deg,#EF4444,#DC2626)}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-icon-wrapper.tax{background:linear-gradient(135deg,#3B82F6,#1D4ED8)}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-icon{color:#fff;font-size:15px}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-content{display:flex;flex-direction:column;gap:5px;white-space:nowrap;flex:1 1}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-content .detail-title{font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px;line-height:1}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-content .detail-value{font-size:15px;color:#1e293b;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-list-container .horizontal-item-card .additional-details-grid select{padding:0;border:none;font-size:15px;color:#1e293b;font-weight:600;line-height:1.2;cursor:pointer;background-color:rgba(0,0,0,0)}.items-list-container .horizontal-item-card .additional-details-grid select:focus{outline:none}.items-list-container .horizontal-item-card .additional-details-grid .tax-selector .addvendor-dropdown{padding:0;font-size:15px;border:none}.items-list-container .horizontal-item-card .additional-details-grid .tax-selector .addvendor-dropdown .vendors-header{font-size:15px;color:#1e293b;font-weight:600;line-height:1.2}.items-list-container .horizontal-item-card .additional-details-grid .tax-selector .addvendor-dropdown .vendors-menu{width:max-content}.overall-tax-summary{margin-top:20px;padding:10px 12px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8eb}.overall-tax-summary .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px}.overall-tax-summary .section-header h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--primary);font-size:16px;font-weight:600}.overall-tax-summary .tax-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:10px}.overall-tax-summary .tax-summary-grid .summary-card{background:#fff;padding:10px;border-radius:8px;border:1px solid #e2e8eb;text-align:center}.overall-tax-summary .tax-summary-grid .summary-card .summary-label{font-size:15px;color:#6c757d;margin-bottom:5px;font-weight:500}.overall-tax-summary .tax-summary-grid .summary-card .summary-value{font-size:18px;font-weight:600;color:#2c2b2e}@media(max-width:768px){.items-list-container .items-horizontal-list{grid-template-columns:1fr}.items-list-container .items-horizontal-list .horizontal-item-card{padding:10px}.items-list-container .items-horizontal-list .horizontal-item-card .item-header{flex-direction:row;align-items:flex-start}.items-list-container .items-horizontal-list .horizontal-item-card .basic-details-row{gap:6px}.items-list-container .items-horizontal-list .horizontal-item-card .basic-details-row .detail-chip{font-size:10px;padding:3px 6px}.items-list-container .items-horizontal-list .horizontal-item-card .additional-details-grid{gap:6px}}@media(max-width:480px){.items-list-container .section-header{flex-direction:column;gap:6px;align-items:flex-start;margin-bottom:10px}.items-list-container .horizontal-item-card{padding:8px}.items-list-container .horizontal-item-card .item-header{margin-bottom:6px}.items-list-container .horizontal-item-card .basic-details-row{margin-bottom:8px}}.hr-hero-wrapper{display:flex;gap:20px;width:100%;margin:20px 0}.hr-hero-wrapper .time-stats-wrapper{display:flex;gap:20px;flex:1 1}.hr-hero-wrapper .time-stats-wrapper .time-section{background:#fff;border-radius:8px;padding:20px;min-width:220px;text-align:center;border:1px solid #e2e8eb;display:flex;flex-direction:column;align-items:center}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container{display:flex;flex-direction:column;align-items:center;gap:5px}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container svg{transition:all 1s ease-out;cursor:pointer}.hr-hero-wrapper .time-stats-wrapper .time-section .time{font-size:20px;font-weight:600;color:#1b1b1b;margin:8px 0;letter-spacing:-.5px}.hr-hero-wrapper .time-stats-wrapper .time-section .date{font-size:14px;color:#999;font-weight:500}.hr-hero-wrapper .time-stats-wrapper .time-section .realtime-label{font-size:12px;color:#999;margin-top:8px;padding:4px 8px;background:#f8f9fc;border-radius:10px}.hr-hero-wrapper .time-stats-wrapper .time-section .attendance-btn{background:var(--primary);color:#fff;padding:8px 20px;border-radius:6px;font-weight:500;margin-top:16px;font-size:14px;text-decoration:none;transition:all .2s ease}.hr-hero-wrapper .time-stats-wrapper .time-section .attendance-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.hr-hero-wrapper .time-stats-wrapper .time-section svg{margin-bottom:8px}.hr-hero-wrapper .time-stats-wrapper .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1 1}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-link{text-decoration:none;height:100%}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8eb;height:100%}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box h2{font-size:20px;margin-bottom:10px;color:#1b1b1b;letter-spacing:-.5px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .label{font-size:12px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .note{font-size:15px;color:#999;white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .card-icon{width:35px;height:35px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--primary);font-size:18px}.hr-attandance-status .hr-at-st-tabs-wrapper{display:flex;justify-content:center}.hr-attandance-status .hr-at-st-tabs-wrapper .hr-at-st-tabs{display:flex;align-items:center;background:#f0f1f5;border-radius:8px;padding:4px;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hr-attandance-status .hr-at-st-tabs-wrapper .hr-at-st-tabs .hr-tab-pill{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;border:none;background:rgba(0,0,0,0);color:#8a93a8;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s ease}.hr-attandance-status .hr-at-st-tabs-wrapper .hr-at-st-tabs .hr-tab-pill:hover:not(.active){color:#4b5368;background:hsla(0,0%,100%,.55)}.hr-attandance-status .hr-at-st-tabs-wrapper .hr-at-st-tabs .hr-tab-pill.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.04)}@media(max-width:1200px){.hr-hero-wrapper{flex-direction:column}}@media(max-width:992px){.hr-hero-wrapper{margin-top:10px}.hr-hero-wrapper .active-employee-box{padding:10px}.hr-hero-wrapper .time-stats-wrapper .time-section{padding:10px;display:grid;grid-template-columns:repeat(2,1fr)}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container{flex-direction:row;align-items:center}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container svg{margin:0;height:40px;width:40px}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container span{margin:0;white-space:nowrap}.hr-hero-wrapper .time-stats-wrapper .time-section .time{margin:0;font-size:18px}.hr-hero-wrapper .time-stats-wrapper .time-section .date{grid-column:span 2}.hr-hero-wrapper .time-stats-wrapper .time-section .attendance-btn{grid-column:span 2;width:fit-content;margin:10px auto 5px;padding:5px 10px}.hr-hero-wrapper .time-stats-wrapper .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box{padding:10px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner{margin-bottom:6px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box h2{font-size:20px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .label{font-size:12px;margin-bottom:4px;white-space:nowrap;margin-top:10px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .note{font-size:11px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .card-icon{width:30px;height:30px;font-size:16px}}@media(max-width:768px){.hr-hero-wrapper .time-stats-wrapper{flex-direction:column}}@media(max-width:468px){.hr-hero-wrapper .time-stats-wrapper .stats-grid{grid-template-columns:1fr;gap:0}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box{border-radius:0}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner{flex-direction:row-reverse;justify-content:space-between}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner .card-left{display:flex;align-items:center;gap:10px;text-align:right}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner .card-left h2,.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner .card-left p{margin:0}}.status-select{padding:4px 8px;border-radius:8px;font-weight:500;border:none;outline:none;cursor:pointer}.status-green{background-color:#e6f5ec;color:#01a601}.status-orange{background-color:#fff4e5;color:#ff4c51}.status-red{background-color:#fdecea;color:#ff4c51}.pay-slip-container .page-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.pay-slip-container .page-header h1{font-size:28px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:12px;margin-bottom:8px}.pay-slip-container .page-header .subtitle{color:#64748b;font-size:16px;font-weight:400}.pay-slip-container .employee-profile-section{background:#fff;border-radius:8px;padding:10px 12px;margin-bottom:20px}.pay-slip-container .employee-profile-section h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.pay-slip-container .employee-profile-section .employee-info-grid{display:flex;flex-wrap:wrap;gap:10px}.pay-slip-container .salary-details-section{background:#fff;border-radius:8px;padding:10px 12px}.pay-slip-container .salary-details-section .section-header{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.pay-slip-container .salary-details-section .section-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.pay-slip-container .salary-details-section .section-header .filter-controls{display:flex;align-items:center;gap:10px}.pay-slip-container .salary-details-section .section-header .filter-controls label{font-weight:500;color:#475569;font-size:14px;white-space:nowrap}.pay-slip-container .salary-details-section .section-header .filter-controls select{padding:5px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:14px;min-width:150px;cursor:pointer;transition:border-color .2s}.pay-slip-container .salary-details-section .section-header .filter-controls select:focus{outline:none;border-color:var(--primary-light)}.pay-slip-container .salary-details-section .salary-stats-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card{display:flex;flex:1 1;flex-direction:column;gap:5px;background:#f8fafc;border-radius:8px;padding:10px;white-space:nowrap}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-label{font-size:14px;color:#64748b}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value{font-size:18px;font-weight:600;color:#1e293b}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value.highlight{color:#16a34a}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value.deduction{color:#dc2626}.pay-slip-container .info-row{display:flex;flex-direction:column;padding:10px;background:#f8fafc;border-radius:8px}.pay-slip-container .info-row .icon-label{display:flex;align-items:center;gap:8px}.pay-slip-container .info-row .icon-label .icon{color:var(--primary);font-size:14px;display:flex;align-items:center}.pay-slip-container .info-row .label{color:#64748b;font-size:13px;font-weight:500}.pay-slip-container .info-row .value{color:#1e293b;font-weight:500;font-size:14px;word-break:break-word;padding-left:22px;margin-top:4px}.pay-slip-container .info-row .value.link{color:var(--primary);text-decoration:none}.pay-slip-container .info-row .value.link:hover{text-decoration:underline}@media(max-width:480px){.pay-slip-container .page-header{margin-bottom:15px}.pay-slip-container .page-header h1{font-size:22px;gap:8px}.pay-slip-container .page-header .subtitle{font-size:14px}.pay-slip-container .employee-profile-section,.pay-slip-container .salary-details-section{padding:8px 10px;margin-bottom:15px}.pay-slip-container .employee-profile-section h2,.pay-slip-container .salary-details-section h2{font-size:18px;margin-bottom:15px}.pay-slip-container .employee-info-grid{gap:8px}.pay-slip-container .info-row{padding:8px}.pay-slip-container .info-row .icon-label{gap:6px}.pay-slip-container .info-row .icon-label .icon,.pay-slip-container .info-row .label{font-size:12px}.pay-slip-container .info-row .value{font-size:13px;padding-left:18px}.pay-slip-container .salary-details-section .section-header{gap:8px;margin-bottom:15px}.pay-slip-container .salary-details-section .section-header .filter-controls{gap:8px}.pay-slip-container .salary-details-section .section-header .filter-controls select{padding:4px 8px;min-width:120px;font-size:13px}.pay-slip-container .salary-details-section .salary-stats-grid{gap:8px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card{padding:8px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-label{font-size:12px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value{font-size:16px}}.edit-user-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.edit-user-container .edit-user-title{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:#222}.edit-user-container .edit-user-form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.edit-user-container .edit-user-form .form-group{display:flex;flex-direction:column}.edit-user-container .edit-user-form .form-group .form-input,.edit-user-container .edit-user-form .form-group .form-select{padding:10px 12px;border:1px solid var(--primary);border-radius:8px;font-size:14px;background:#fff;color:#161616}.edit-user-container .edit-user-form .form-group.full-width{grid-column:span 2}.edit-user-container .edit-user-form-smt-btn{display:flex;justify-content:flex-end}.employee-profile-container{color:#333}.employee-profile-container .employee-profile-nav{display:flex;justify-content:space-between;align-items:center}.employee-profile-container .employee-profile-inner-container{background:#fff;border-radius:8px;padding:30px 20px}.employee-profile-container .employee-profile-inner-container .not-found{text-align:center;padding:40px;font-size:18px;color:#ff4c51}.employee-profile-container .employee-profile-inner-container .profile-header{display:flex;align-items:center;gap:30px;padding:0 15px 25px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(var(--primary),.1)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-initial{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary),.2),rgba(255,76,81,.2));display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:700;color:var(--primary);border:1px solid var(--primary)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content{flex:1 1;display:flex;justify-content:space-between;align-items:center}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title h1{margin:0;font-size:24px;font-weight:600;color:var(--primary)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta{margin-top:10px;display:flex;gap:10px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .employ-view-role{background-color:#ececec!important}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .badge{padding:4px 12px;border-radius:8px;font-size:14px;font-weight:500}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .badge.role{background:rgba(var(--primary),.1);color:var(--primary)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .badge.status{background:rgba(1,166,1,.1);color:#01a601}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions{display:flex;gap:15px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn{padding:8px 12px;border-radius:8px;cursor:pointer;transition:.3s;border:none;font-size:12px;display:flex;align-items:center;gap:5px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.primary{background:var(--primary);color:#fff}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.primary:hover{background:var(--primary-light);box-shadow:0 8px 24px rgba(0,0,0,.1019607843)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.danger{background:rgba(255,76,81,.1);color:#ff4c51}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.danger:hover{background:rgba(255,76,81,.2)}.employee-profile-container .employee-profile-inner-container .profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card{background:#fff;border-radius:8px;padding:10px;border:1px solid #e2e8eb;transition:.3s}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title{display:flex;gap:10px;margin-top:0;margin-bottom:20px;font-size:15px;font-weight:500;color:#2c2b2e;padding-bottom:10px;border-bottom:1px solid #e2e8eb;align-items:center}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title h4,.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title i{color:var(--primary)}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid .info-item .info-label{display:block;font-size:14px;color:#999;margin-bottom:5px;font-weight:500}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid .info-item .info-value{display:block;font-size:15px;font-weight:400;color:#333;word-break:break-word}.employee-profile-container .employee-profile-inner-container .profile-grid .basic-info{border-top:3px solid var(--primary)}.employee-profile-container .employee-profile-inner-container .profile-grid .employment-info{border-top:3px solid #ff4c51}.employee-profile-container .employee-profile-inner-container .profile-grid .personal-info{border-top:3px solid #01a601}.employee-profile-container .employee-profile-inner-container .profile-grid .financial-info{border-top:3px solid #fc0}.employee-profile-container .profile-actions{display:flex;align-items:center;gap:1rem;position:relative}.employee-profile-container .desktop-only{display:flex;gap:15px}.employee-profile-container .mobile-only{display:none}.employee-profile-container .dots-button{cursor:pointer;background:none;border:none;font-size:27px;font-weight:700;color:var(--primary)}.employee-profile-container .dropdown-menu{position:absolute;right:0;top:100%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:10;border-radius:8px;width:150px;padding:10px 0}.employee-profile-container .dropdown-menu button{display:block;width:100%;background:none;border:none;padding:.5rem 1rem;text-align:left;cursor:pointer;font-size:15px;display:flex;gap:5px;align-items:center}.employee-profile-container .dropdown-menu button:active{background-color:#f1f9f9;border-right:2px solid var(--primary)}.employee-profile-container .dropdown-menu button svg{color:#01a601}.employee-profile-container .dropdown-delete-btn{color:#ff4c51}.employee-profile-container .dropdown-delete-btn svg{color:#ff4c51!important}.employee-profile-container .dropdown-edit-btn{border-bottom:1px solid gray;color:green}@media(max-width:668px){.employee-profile-container .desktop-only{display:none!important}.employee-profile-container .mobile-only{display:block}.employee-profile-container .employee-profile-inner-container{padding:10px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-initial{width:60px;height:60px}.employee-profile-container .employee-profile-inner-container .profile-grid{gap:20px}.employee-profile-container .employee-profile-inner-container .profile-header{gap:10px;padding:0 0 20px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title h1{font-size:20px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .badge{font-size:12px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn{padding:10px;font-size:13px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.primary{color:#fff;background:var(--primary)}}@media(max-width:525px){.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content{align-items:self-start}}@media(max-width:425px){.employee-profile-container .employee-profile-inner-container .profile-grid{display:flex;flex-direction:column}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card:hover{transform:unset}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title{flex-direction:column}}.attendamce-t-btns-outer{display:flex;gap:10px}.attendamce-t-btns-outer .approve-btn,.attendamce-t-btns-outer .reject-btn{color:#fff;padding:4px 5px;border-radius:8px;font-size:14px;display:flex;align-items:center}.attendamce-t-btns-outer .approve-btn{background-color:#01a601}.attendamce-t-btns-outer .reject-btn{background-color:#ff4c51}.view-attendance-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:20px}.view-attendance img{width:50px;height:50px;object-fit:cover;border-radius:8px}.attendance-calendar{position:relative;display:inline-block}.attendance-calendar__trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#2c2b2e;outline:none;transition:border-color .15s ease}.attendance-calendar__trigger svg{font-size:16px;color:var(--primary);flex-shrink:0}.attendance-calendar__trigger:hover{border-color:var(--primary)}.attendance-calendar__popup{position:absolute;top:calc(100% + 6px);right:0;z-index:100;width:300px;border:1px solid #e2e8eb;border-radius:10px;overflow:hidden;background:#fff}.attendance-calendar__header{background:var(--primary);color:#fff;display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 16px}.attendance-calendar__select{padding:6px 10px;font-size:14px;font-weight:500;border-radius:8px;border:none;background:hsla(0,0%,100%,.15);color:#fff;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none}.attendance-calendar__select option{background:#fff;color:#2c2b2e}.attendance-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:14px;background:#fff}.attendance-calendar__day-name{font-size:12px;font-weight:600;text-align:center;color:#718096;padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.attendance-calendar__day{height:38px;width:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:400;border-radius:8px;cursor:pointer;color:#2c2b2e;background:#f7fafc;transition:background .15s ease,transform .1s ease,color .15s ease}.attendance-calendar__day:hover:not(.attendance-calendar__day--empty):not(.attendance-calendar__day--selected){background:#e2e8f0;transform:scale(1.06)}.attendance-calendar__day--empty{background:rgba(0,0,0,0);cursor:default;pointer-events:none}.attendance-calendar__day--today{background:#ebf4ff;color:var(--primary);font-weight:600;border:1px solid #e2e8eb}.attendance-calendar__day--selected{background:var(--primary);color:#fff;font-weight:600}.attendance-calendar__day--selected:hover{filter:brightness(.92)}.add-emp-form-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.add-emp-form-wrapper .form-group{margin:0}.add-emp-form-wrapper .w-full{width:100%;grid-column:1/-1}@media(max-width:480px){.add-emp-form-wrapper{grid-template-columns:1fr}}.employee-form-container{display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.employee-form-container .step-progress-container{margin-bottom:24px}.employee-form-container .step-progress-container .step-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:fit-content;margin:0 auto;background:#fff;border:1px solid #e2e8eb;border-radius:8px;overflow:hidden}.employee-form-container .step-progress-container .step-progress .progress-line,.employee-form-container .step-progress-container .step-progress:before{display:none}.employee-form-container .step-progress-container .step-progress .step-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;cursor:pointer;border-right:1px solid #e2e8eb;transition:background .2s ease,color .2s ease;position:relative;overflow:hidden}.employee-form-container .step-progress-container .step-progress .step-item:last-child{border-right:none}.employee-form-container .step-progress-container .step-progress .step-item:hover:not(.active):not(.completed){background:#f9fafb}.employee-form-container .step-progress-container .step-progress .step-item .step-circle{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.employee-form-container .step-progress-container .step-progress .step-item .step-circle .step-number{font-size:13px;font-weight:700;color:#9ca3af;display:flex}.employee-form-container .step-progress-container .step-progress .step-item .step-circle .step-check{display:none}.employee-form-container .step-progress-container .step-progress .step-item .step-circle .step-check svg{width:13px;height:13px}.employee-form-container .step-progress-container .step-progress .step-item .step-label{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap;width:100%;transition:color .2s ease}.employee-form-container .step-progress-container .step-progress .step-item.active{background:var(--primary)}.employee-form-container .step-progress-container .step-progress .step-item.active .step-circle{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.6)}.employee-form-container .step-progress-container .step-progress .step-item.active .step-circle .step-number{color:#fff}.employee-form-container .step-progress-container .step-progress .step-item.active .step-circle .step-check{display:none}.employee-form-container .step-progress-container .step-progress .step-item.active .step-label{color:#fff;font-weight:600}.employee-form-container .step-progress-container .step-progress .step-item.completed{background:#f0fdf4}.employee-form-container .step-progress-container .step-progress .step-item.completed .step-circle{background:#10b981;border-color:#10b981}.employee-form-container .step-progress-container .step-progress .step-item.completed .step-circle .step-number{display:none}.employee-form-container .step-progress-container .step-progress .step-item.completed .step-circle .step-check{display:flex;color:#fff}.employee-form-container .step-progress-container .step-progress .step-item.completed .step-label{color:#059669;font-weight:600}.employee-form-container .step-progress-container .step-progress .step-item.active.completed{background:var(--primary)}.employee-form-container .step-progress-container .step-progress .step-item.active.completed .step-circle{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.6)}.employee-form-container .step-progress-container .step-progress .step-item.active.completed .step-circle .step-number{display:none}.employee-form-container .step-progress-container .step-progress .step-item.active.completed .step-circle .step-check{display:flex;color:#fff}.employee-form-container .step-progress-container .step-progress .step-item.active.completed .step-label{color:#fff;font-weight:600}.employee-form-container .form-card{background:#fff;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden;margin:0}.employee-form-container .form-card .form-card-title{padding:20px;border-bottom:1px solid #e2e8eb}.employee-form-container .form-card .form-card-title h3{color:var(--primary);font-size:18px;font-weight:600;margin:0}.employee-form-container .form-card .form-card-content{padding:30px 20px}.employee-form-container .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 20px}.employee-form-container .form-grid .react-datepicker-wrapper{width:100%}.employee-form-container .form-grid .employee-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#2c2b2e}.employee-form-container .form-grid .employee-field label .required{color:#ff4c51;margin-left:2px}.employee-form-container .form-grid .employee-field input,.employee-form-container .form-grid .employee-field select,.employee-form-container .form-grid .employee-field textarea{width:100%;padding:12px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px;color:#2c2b2e;transition:all .3s ease;background:#fff}.employee-form-container .form-grid .employee-field input::placeholder,.employee-form-container .form-grid .employee-field select::placeholder,.employee-form-container .form-grid .employee-field textarea::placeholder{color:#ccc;font-size:13px}.employee-form-container .form-grid .employee-field input:focus,.employee-form-container .form-grid .employee-field select:focus,.employee-form-container .form-grid .employee-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.employee-form-container .form-grid .employee-field input:disabled,.employee-form-container .form-grid .employee-field select:disabled,.employee-form-container .form-grid .employee-field textarea:disabled{background:#f5f5f5;cursor:not-allowed}.employee-form-container .form-grid .employee-field .select-field{cursor:pointer}.employee-form-container .form-grid .employee-field .select-field.common-placeholder{color:#999}.employee-form-container .form-grid .employee-field .select-field option{color:#2c2b2e}.employee-form-container .form-grid .employee-field .select-field option[value=""]{color:#999}.employee-form-container .form-grid .employee-field .textarea-field{resize:vertical;min-height:100px}.employee-form-container .form-grid .employee-field .password-wrapper{position:relative;display:flex;align-items:center}.employee-form-container .form-grid .employee-field .password-wrapper input{flex:1 1;padding-right:40px}.employee-form-container .form-grid .employee-field .password-wrapper .password-toggle-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#999}.employee-form-container .image-upload-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8eb}.employee-form-container .image-upload-card h3{margin:0 0 15px;font-size:16px;color:var(--primary);display:flex;align-items:center;gap:8px}.employee-form-container .image-upload-card .image-preview{width:100%;height:200px;border:2px dashed #ccc;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafafa}.employee-form-container .image-upload-card .image-preview img{max-width:100%;max-height:100%;object-fit:contain}.employee-form-container .image-upload-card .image-preview .placeholder{display:flex;flex-direction:column;align-items:center;color:#999;gap:8px;font-size:14px}.employee-form-container .image-upload-card .upload-controls{display:flex;flex-direction:column}.employee-form-container .image-upload-card .upload-controls .file-input{display:none}.employee-form-container .image-upload-card .upload-controls .upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#f0f0f0;color:var(--primary);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.employee-form-container .image-upload-card .upload-controls .upload-button:hover{background:var(--primary);color:#fff}.employee-form-container .tab-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px 0;margin-top:20px;border-top:1px solid #e2e8eb}@media(max-width:768px){.employee-form-container .step-progress-container .step-progress{width:100%}.employee-form-container .step-progress-container .step-progress .step-item{padding:6px 10px;gap:8px}.employee-form-container .step-progress-container .step-progress .step-item .step-circle{width:18px;height:18px}.employee-form-container .step-progress-container .step-progress .step-item .step-circle .step-number{font-size:12px}.employee-form-container .step-progress-container .step-progress .step-item .step-circle .step-check svg{width:11px;height:11px}.employee-form-container .step-progress-container .step-progress .step-item .step-label{font-size:12px}.employee-form-container .form-grid{grid-template-columns:1fr}.employee-form-container .form-card .form-card-content{padding:20px 15px}.employee-form-container .tab-actions{gap:8px;padding:15px 0}}@media(max-width:480px){.employee-form-container .step-progress-container .step-progress .step-item{flex:1 1;flex-direction:column;gap:4px}.employee-form-container .step-progress-container .step-progress .step-item .step-circle{width:16px;height:16px}.employee-form-container .step-progress-container .step-progress .step-item .step-circle .step-number{font-size:11px}.employee-form-container .step-progress-container .step-progress .step-item .step-circle .step-check svg{width:10px;height:10px}.employee-form-container .step-progress-container .step-progress .step-item .step-label{font-size:10px;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.employee-form-container .form-card .form-card-title{padding:14px}.employee-form-container .form-card .form-card-title h3{font-size:15px}.employee-form-container .form-card .form-card-content{padding:15px 12px}.employee-form-container .form-grid{gap:14px}.employee-form-container .form-grid .employee-field label{font-size:13px}.employee-form-container .form-grid .employee-field input,.employee-form-container .form-grid .employee-field select,.employee-form-container .form-grid .employee-field textarea{padding:10px;font-size:13px}.employee-form-container .image-upload-card{padding:14px}.employee-form-container .image-upload-card .image-preview{height:150px}.employee-form-container .tab-actions{gap:6px}}.attendance-container .calendar-container{background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.attendance-container .calendar-container,.attendance-container .calendar-container .calendar{height:100%;display:flex;flex-direction:column}.attendance-container .calendar-container .calendar .not-logged-in{text-align:center;font-size:12px;color:#999;margin-top:auto;margin-bottom:auto;width:100%}.attendance-container .calendar-container .calendar .calendar-header{display:flex;justify-content:center;align-items:center;padding:12px 0;margin-bottom:10px;border-bottom:1px solid #eee}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav{display:flex;align-items:center;gap:10px}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .nav-button{background:#384b70;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;transition:background .2s ease}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .nav-button:hover{background:#174bb5}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container{position:relative}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container .dropdown-toggle{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:6px 10px;min-width:100px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container .dropdown-toggle:hover{background:#eaeaea}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container .dropdown-menu{position:absolute;top:110%;left:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10;max-height:200px;overflow-y:auto}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container .dropdown-menu .dropdown-item{padding:8px 12px;cursor:pointer;font-size:14px;transition:background .2s ease}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container .dropdown-menu .dropdown-item:hover{background:#f1f1f1}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container .dropdown-menu .Month_selected{background:#384b70;color:#fff}.attendance-container .calendar-container .calendar .calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding-bottom:5px;font-size:14px}.attendance-container .calendar-container .calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;flex-grow:1}.attendance-container .calendar-container .calendar .calendar-grid .day{border:1px solid #ddd;border-radius:6px;padding:5px;min-height:80px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;cursor:pointer;transition:background-color .2s}.attendance-container .calendar-container .calendar .calendar-grid .day:hover{background-color:#f1f1f1}.attendance-container .calendar-container .calendar .calendar-grid .day .day-number{font-weight:700;margin-bottom:5px}.attendance-container .calendar-container .calendar .calendar-grid .day.today .day-number{color:#384b70}.attendance-container .calendar-container .calendar .calendar-grid .day.holiday{background-color:#e0f7fa}.attendance-container .calendar-container .calendar .calendar-grid .day.offday{background-color:#f3e5f5}.attendance-container .calendar-container .calendar .calendar-grid .day.selected{border:2px solid #384b70}.attendance-container .calendar-container .calendar .calendar-grid .day .attendance-status{margin-top:auto;font-size:12px;text-align:center}.attendance-container .calendar-container .calendar .calendar-grid .day .holiday-indicator{margin-top:auto;font-size:12px;text-align:center;background-color:#384b70;color:#fff;padding:2px 6px;border-radius:4px}.attendance-container .calendar-container .calendar .calendar-grid .day .offday-indicator{margin-top:auto;font-size:12px;text-align:center;background-color:gray;color:#fff;padding:2px 6px;border-radius:4px}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators{display:flex;gap:4px;margin-top:auto;display:none}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators .indicator-dot{width:8px;height:8px;border-radius:50%}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators .indicator-dot.holiday{background:blue}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators .indicator-dot.offday{background:gray}.attendance-container .calendar-container .calendar .calendar-legend{display:none;justify-content:space-around;margin-top:15px;font-size:12px}.attendance-container .calendar-container .calendar .calendar-legend .legend-item{display:flex;align-items:center;gap:5px}.attendance-container .calendar-container .calendar .calendar-legend .legend-item .legend-dot{width:10px;height:10px;border-radius:50%}.attendance-container .calendar-container .calendar .calendar-legend .legend-item .legend-dot.present{background:green}.attendance-container .calendar-container .calendar .calendar-legend .legend-item .legend-dot.leave{background:#ff9800}.attendance-container .calendar-container .calendar .calendar-legend .legend-item .legend-dot.absent{background:#f44336}.attendance-container .calendar-container .calendar .calendar-legend .legend-item .legend-dot.holiday{background:blue}.attendance-container .calendar-container .calendar .calendar-legend .legend-item .legend-dot.offday{background:gray}@media(max-width:768px){.attendance-container .calendar-container .calendar .calendar-grid .day .indicators{display:flex}.attendance-container .calendar-container .calendar .calendar-header{padding:12px}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav{gap:6px}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .nav-button{padding:6px 8px;min-width:36px}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-toggle{padding:6px 8px;min-width:70px;font-size:12px}.attendance-container .calendar-container .calendar .calendar-grid .day{min-height:40px;padding:2px}.attendance-container .calendar-container .calendar .calendar-grid .day .day-number{font-size:12px}.attendance-container .calendar-container .calendar .calendar-grid .day.today .day-number{width:20px;height:20px}.attendance-container .calendar-container .calendar .calendar-grid .day .attendance-status,.attendance-container .calendar-container .calendar .calendar-grid .day .holiday-indicator,.attendance-container .calendar-container .calendar .calendar-grid .day .mobile-hiddenn,.attendance-container .calendar-container .calendar .calendar-grid .day .offday-indicator{display:none}.attendance-container .calendar-container .calendar .calendar-legend{font-size:9px;gap:6px;display:flex}.attendance-container .calendar-container .calendar .calendar-legend .legend-dot{width:8px;height:8px}}@media(max-width:468px){.attendance-container .calendar-container .calendar .dropdown-container{flex-direction:column;gap:5px}.attendance-container .calendar-container .calendar .dropdown-toggle{min-width:60px;font-size:11px}.attendance-container .calendar-container .calendar .calendar-grid{grid-template-columns:repeat(7,1fr)}.attendance-container .calendar-container .calendar .calendar-grid .day{min-height:36px}.attendance-container .calendar-container .calendar .calendar-grid .day .day-number{font-size:11px}.attendance-container .calendar-container .calendar .calendar-grid .day.today .day-number{width:18px;height:18px}.attendance-container .calendar-container .calendar .calendar-legend{font-size:8px;gap:4px}}@media(min-width:769px){.attendance-container .calendar-legend,.attendance-container .mobile-only{display:none}}.supervisor-page{position:relative}.supervisor-page .attendance-management{display:grid;grid-template-columns:300px 1fr;gap:20px}@media(max-width:1200px){.supervisor-page .attendance-management{grid-template-columns:1fr;height:auto}}.supervisor-page .attendance-management .employee-selection-panel{position:sticky;top:80px;align-self:start;height:fit-content;background:#fff;border-radius:8px;border:1px solid #e2e8eb;display:flex;flex-direction:column;transition:all .3s ease}@media(max-width:1200px){.supervisor-page .attendance-management .employee-selection-panel{position:relative;top:auto}}.supervisor-page .attendance-management .employee-selection-panel .panel-header{padding:10px 12px;border-bottom:1px solid #e2e8eb;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-direction:column}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container{flex:1 1;padding:10px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid{display:flex;flex-direction:column;gap:10px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2e8eb;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card:hover{border-color:var(--primary-light)}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card.selected{border-color:var(--primary-light);background:linear-gradient(135deg,#f8faff,#f0f4ff)}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-avatar{width:30px;height:30px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid #e2e8eb;transition:all .3s ease}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-avatar.small{width:30px;height:30px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-avatar .avatar-icon{color:#6b7280;font-size:16px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-info{flex:1 1}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-info .employee-name{margin:0;font-size:12px;font-weight:500;color:#2c2b2e;line-height:1.3}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .selection-status .status-icon{font-size:14px;transition:all .3s ease}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .selection-status .status-icon.selected{color:#01a601}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .selection-status .status-icon.not-selected{color:#d1d5db}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .load-more-section{padding:20px 0;text-align:center;display:flex;justify-content:center}.supervisor-page .attendance-management .attendance-form-panel{background:#fff;border-radius:8px;border:1px solid #e2e8eb;display:flex;flex-direction:column;transition:all .3s ease}.supervisor-page .attendance-management .attendance-form-panel .panel-header{padding:10px 12px;border-bottom:1px solid #e2e8eb;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content{display:flex;align-items:flex-start;gap:12px;flex:1 1}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content .icon-wrapper{width:32px;height:32px;background:var(--primary-light-rgb);border-radius:8px;display:flex;align-items:center;justify-content:center}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content .icon-wrapper svg{color:var(--primary);font-size:16px}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c2b2e}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content p{margin:0;font-size:14px;color:#6b7280}.supervisor-page .attendance-management .attendance-form-panel .panel-header .selection-count .count-badge{background:var(--primary);color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600}.supervisor-page .attendance-management .attendance-form-panel .attendance-form{flex:1 1;display:flex;flex-direction:column;overflow-y:auto}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section{padding:20px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields{display:flex;flex-direction:column;gap:16px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card{border:1px solid var(--primary-light);border-radius:8px;padding:10px;background:#fff}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8eb}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info{display:flex;align-items:center;gap:12px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info .avatar{width:32px;height:32px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8eb}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info .avatar svg{color:#6b7280;font-size:16px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info h4{margin:0;font-size:14px;font-weight:500;color:#2c2b2e}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info span{font-size:12px;color:#6b7280}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .remove-btn{font-size:16px;color:#ff4c51}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:768px){.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs{grid-template-columns:repeat(2,1fr)}}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group{display:flex;flex-direction:column}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group label{display:flex;align-items:center;gap:5px;font-size:12px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group label .field-icon{color:#6b7280;font-size:12px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .status-select,.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .time-input{width:100%;padding:10px 12px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .status-select:focus,.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .time-input:focus{outline:none;border-color:var(--primary)}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .status-select:disabled,.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .time-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .time-fields{display:flex;flex-direction:column;gap:8px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .file-upload{position:relative}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .file-upload .file-input{display:none}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .file-upload .upload-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px dashed #e2e8eb;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;color:#6b7280;font-weight:500;justify-content:center}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .file-upload .upload-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light-rgb)}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .file-upload .file-preview{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:#01a601;color:#fff;border-radius:8px;font-size:12px;font-weight:500}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .file-upload .file-preview svg{font-size:14px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-actions{padding:20px;border-top:1px solid #e2e8eb;display:flex;justify-content:flex-end;gap:12px}.supervisor-page .supervisor-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:20px}@media(max-width:768px){.supervisor-page .attendance-management{gap:16px;grid-template-columns:1fr}.supervisor-page .attendance-management .attendance-form-panel .panel-header{flex-direction:column}}.navigation .invoice-nav-section .invoice-nav-buttons{list-style-type:none;padding-left:0;display:flex;gap:20px}.navigation .invoice-nav-section .invoice-nav-buttons a{text-decoration:none}.invoice-form{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:5px}.form-label{display:block;font-size:14px;font-weight:600;color:#2c2b2e;margin-bottom:8px}.form-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:8px}.item-group{position:relative;background-color:#f9f9f9;padding:16px;margin-bottom:16px;border-radius:8px;border:1px solid #e0e0e0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.autocomplete-list{position:absolute;z-index:10;background-color:#fff;border:1px solid #ddd;width:100%;max-height:150px;overflow-y:auto}.autocomplete-item{padding:8px;cursor:pointer}.autocomplete-item:hover{background-color:#f1f1f1}.flex-between{display:flex;justify-content:space-between;align-items:center}.subtotal{font-size:14px;color:#666}.remove-item{color:red;position:absolute;top:0;right:0}.add-item-btn,.remove-item{font-size:14px;cursor:pointer}.add-item-btn{background-color:var(--primary);color:#fff;padding:8px 16px;border-radius:8px;border:none}.add-item-btn:hover{background-color:#01a601}.submit-btn{background-color:var(--primary);color:#fff;padding:10px 20px;border-radius:8px;border:none;font-size:15px;cursor:pointer}.submit-btn:disabled{background-color:#6c757d}.quantity-controls{display:flex;align-items:center;gap:8px}.quantity-btn{background-color:#f1f1f1;border:1px solid #ccc;border-radius:8px;width:30px;height:30px;font-size:18px;color:#333;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.quantity-btn:hover{background-color:#e0e0e0}.quantity-btn:disabled{background-color:#dcdcdc;cursor:not-allowed}.quantity-display{font-size:16px;font-weight:600;color:#333}.item-field{display:flex;flex-direction:column}.item-field input{margin-top:4px;padding:8px;border-radius:8px;border:1px solid #ddd;font-size:14px}.item-field label{margin-bottom:6px;font-size:14px;color:#666}.all-invoice-table-container .invoice-v-d-button-container{display:flex;gap:10px;justify-content:center}.quotation-form{padding:1rem;background:#fff;border-radius:8px;font-family:DMSans,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.05)}.quotation-form .form-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary)}.quotation-form .form-body{display:flex;flex-direction:column;gap:1rem}.quotation-form .form-body .quotation-form-wrapper{display:flex;justify-content:space-between;gap:10px}.quotation-form .form-group{width:100%}.quotation-form .form-group label{letter-spacing:.4px;color:#333;font-size:13px;font-weight:400;display:block}.quotation-form .form-group input{width:100%;padding:8px 12px;border:1px solid #e2e8eb;border-radius:8px;outline:none;transition:border-color .2s}.quotation-form .form-group input:focus{border-color:var(--primary-light)}.quotation-form .item-row{gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.quotation-form .item-row input{padding:10px 12px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.quotation-form .remove-btn{grid-column:span 3;text-align:right;font-size:.85rem;color:#e74c3c;background:none;border:none;cursor:pointer}.quotation-form .add-item-btn{color:var(--primary);background:none;border:1px solid var(--primary);width:fit-content;padding:8px 12px;font-weight:500;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;justify-content:center}.quotation-form .quotation-total,.quotation-form .tax-amount{color:#01a601}.quotation-form .summary{text-align:right;color:#2c2b2e;display:flex;font-weight:600;letter-spacing:.4px;flex-direction:column;gap:10px}.quotation-form .total{margin-top:15px;padding-bottom:5px}.quotation-form .quotation-submit-btn-outer{display:flex;justify-content:flex-end}.quotation-form .quotation-submit-btn-outer .submit-btn{background:var(--primary);color:#fff;padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;width:fit-content}.quotation-form .quotation-submit-btn-outer .submit-btn:hover{background-color:var(--primary-light);color:#fff}.quotation-form .submit-btn:disabled{background:#ccc;cursor:not-allowed}.quotation-form .success-msg{color:#2ecc71;font-weight:500;margin-top:1rem}.quotation-form .quotion-item-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:10;margin:0;padding:0;list-style:none}.quotation-form .quotion-item-dropdown li{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;font-size:14px}.quotation-form .quotion-item-dropdown li:hover{background-color:#f5f8ff}.quotation-form .quotion-item-dropdown li:last-child{border-bottom:none}.quotation-form .item-row .form-group,.quotation-form .item-row.relative{position:relative}@media(max-width:1568px){.quotation-form .form-body .quotation-form-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;display:grid}}@media(max-width:1024px){.quotation-form .form-body{gap:1rem}.quotation-form .item-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quotation-form .remove-btn{grid-column:span 2;text-align:left}}@media(max-width:768px){.quotation-form{padding:.8rem}.quotation-form .form-body{gap:1rem}.quotation-form .form-group{width:100%}.quotation-form .remove-btn{grid-column:span 1;text-align:left}.quotation-form .summary{text-align:left;font-size:.95rem}.quotation-form .quotation-submit-btn-outer{justify-content:center}.quotation-form .quotation-submit-btn-outer .submit-btn{width:100%}}@media(max-width:480px){.quotation-form .form-title{font-size:1.25rem}.quotation-form .item-row{display:flex;flex-direction:column}.quotation-form .submit-btn,.quotation-form .summary{font-size:.9rem}}.quotation-container{position:relative;overflow:hidden}.quotation-container .quotation-card{background:#fff;border-radius:8px;padding:20px}@media(max-width:480px){.quotation-container .quotation-card{padding:10px}}.quotation-container .quotation-card .quotation-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary);margin-bottom:10px;padding-bottom:10px}.quotation-container .quotation-card .quotation-header h1{color:var(--primary);margin:0;display:flex;align-items:center;gap:5px;font-size:22px}.quotation-container .quotation-card .quotation-header .quotation-dates span{display:block;font-size:15px;color:var(--primary)}.quotation-container .quotation-card .client-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.quotation-container .quotation-card .client-info .info-item{display:flex;align-items:center;gap:5px;font-size:15px;background-color:var(--primary-light-rgb);color:#2c2b2e;padding:5px 10px;border-radius:8px}.quotation-container .quotation-card .client-info .info-item span{display:flex;align-items:center;gap:5px;width:100%}@media(max-width:480px){.quotation-container .quotation-card .client-info .info-item{width:100%;font-size:14px}.quotation-container .quotation-card .client-info .info-item span{justify-content:space-between}}.quotation-container .quotation-card .quotation-items{width:100%;overflow:auto}.quotation-container .quotation-card .quotation-summary{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.quotation-container .quotation-card .quotation-summary .summary-row{flex:1 1;display:flex;align-items:center;gap:10px;justify-content:space-between;white-space:nowrap;padding:10px;border:1px dashed var(--primary);border-radius:8px}.quotation-container .quotation-card .quotation-summary .summary-row span .tax{color:#01a601}.quotation-container .quotation-card .quotation-summary .summary-row.total{font-weight:700}.quotation-container .quotation-card .quotation-summary .summary-row.total .quotation-grand-total{color:#01a601}@media(max-width:480px){.quotation-container .quotation-card .quotation-summary{margin-top:10px;gap:10px}.quotation-container .quotation-card .quotation-summary .summary-row{padding:5px 8px;font-size:14px}}.quotation-container .quotation-card .quotation-footer{padding-top:10px;margin-top:20px;border-top:1px solid #f0f0f0;text-align:center;font-weight:700;color:var(--primary)}.quotations-download-btn{background-color:rgba(0,0,0,0);color:var(--primary);padding:5px 15px;border:2px solid var(--primary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px}.quotations-download-btn:hover{background-color:var(--primary);color:#fff}.invoices-page table tr td:nth-child(5){text-transform:capitalize}.invoice-view-container{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative;overflow:hidden;padding:20px;border-radius:8px}.invoice-view-container:after,.invoice-view-container:before{content:"";position:absolute;width:100%;height:120px;left:0;background-repeat:no-repeat;background-size:cover;z-index:0;opacity:.05}.invoice-view-container:before{top:0;background-image:url(/assets/headersvg.svg)}.invoice-view-container:after{background-image:url(/assets/bottomsvgtwo.svg);bottom:0;transform:scaleX(-1)}.invoice-view-container .corner{background-color:var(--primary);width:10px;height:20px;box-shadow:0 0 0 2px rgba(var(--primary),.2);position:absolute}.invoice-view-container .corner.top-left{top:-6px;left:-3px;transform:rotate(38deg)}.invoice-view-container .corner.top-right{top:-6px;right:-3px;transform:rotate(-38deg)}.invoice-view-container .corner.bottom-left{bottom:-6px;left:-3px;transform:rotate(-38deg)}.invoice-view-container .corner.bottom-right{bottom:-6px;right:-3px;transform:rotate(38deg)}.invoice-view-container .invoice-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:120px;font-weight:900;color:rgba(var(--primary),.05);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.invoice-view-container .invoice-header{padding:15px 0;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.invoice-view-container .invoice-header .header-left .invoice-title{font-size:24px;font-weight:600;color:var(--primary);margin:0 0 5px;text-transform:uppercase;letter-spacing:1px}.invoice-view-container .invoice-header .header-left .invoice-meta{display:flex;gap:15px;font-size:13px}.invoice-view-container .invoice-header .header-left .invoice-meta .invoice-number{color:#ff4c51;font-weight:600;background:rgba(255,76,81,.1);padding:2px 8px;border-radius:4px}.invoice-view-container .invoice-header .header-left .invoice-meta .invoice-date{color:#666;display:flex;align-items:center}.invoice-view-container .invoice-header .header-right{display:flex;flex-direction:column;align-items:center;gap:10px}.invoice-view-container .invoice-header .header-right img{border-radius:50%;cursor:pointer}.invoice-view-container .invoice-header .header-right .invoice-status-badge{background:#e8f5e9;color:#01a601;padding:2px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:.5px}.invoice-view-container .invoice-header .header-right .pdf-actions{display:flex;align-items:center;gap:6px}.invoice-view-container .invoice-parties{display:flex;padding:20px 0;border-bottom:1px solid #e0e0e0;position:relative;z-index:1}.invoice-view-container .invoice-parties .invoice-client,.invoice-view-container .invoice-parties .invoice-issuer{flex:1 1;padding:0 15px}.invoice-view-container .invoice-parties .invoice-client:first-child,.invoice-view-container .invoice-parties .invoice-issuer:first-child{padding-left:0}.invoice-view-container .invoice-parties .invoice-client:last-child,.invoice-view-container .invoice-parties .invoice-issuer:last-child{padding-right:0}.invoice-view-container .invoice-parties .invoice-client .section-title,.invoice-view-container .invoice-parties .invoice-issuer .section-title{font-size:14px;color:var(--primary);margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #eee;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-view-container .invoice-parties .invoice-client .client-name,.invoice-view-container .invoice-parties .invoice-client .issuer-name,.invoice-view-container .invoice-parties .invoice-issuer .client-name,.invoice-view-container .invoice-parties .invoice-issuer .issuer-name{font-weight:600;margin:0 0 8px;font-size:14px;text-transform:capitalize}.invoice-view-container .invoice-parties .invoice-client .client-detail,.invoice-view-container .invoice-parties .invoice-client .issuer-detail,.invoice-view-container .invoice-parties .invoice-issuer .client-detail,.invoice-view-container .invoice-parties .invoice-issuer .issuer-detail{color:#666;margin:0 0 5px;font-size:13px;display:flex;text-transform:capitalize}.invoice-view-container .invoice-parties .invoice-client .client-detail strong,.invoice-view-container .invoice-parties .invoice-client .issuer-detail strong,.invoice-view-container .invoice-parties .invoice-issuer .client-detail strong,.invoice-view-container .invoice-parties .invoice-issuer .issuer-detail strong{margin-right:5px;font-weight:600}.invoice-view-container .invoice-parties .invoice-client{border-right:1px solid #eee}.invoice-view-container .invoice-items{padding:15px 0;position:relative;z-index:1;overflow-x:auto}.invoice-view-container .invoice-summary{padding:15px 0;display:flex;justify-content:flex-end;position:relative;z-index:1}.invoice-view-container .invoice-summary .summary-totals{width:300px}.invoice-view-container .invoice-summary .summary-totals .total-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;padding:3px 0}.invoice-view-container .invoice-summary .summary-totals .total-row.out-standings{font-weight:500;font-size:14px}.invoice-view-container .invoice-summary .summary-totals .total-row.grand-total{font-weight:600;font-size:15px;margin-top:10px;padding-top:10px;border-top:2px solid #eee}.invoice-view-container .invoice-footer{padding:20px 0 10px;text-align:center;font-size:12px;color:#666;position:relative;z-index:1;border-top:1px solid #eee;margin-top:15px}.invoice-view-container .invoice-footer a{color:#666}.invoice-view-container .invoice-footer .footer-notes p{margin:3px 0;line-height:1.5}@media(max-width:768px){.invoice-view-container{padding:15px}.invoice-view-container .invoice-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0}.invoice-view-container .invoice-header .header-right{width:100%;justify-content:space-between;flex-direction:row;margin-top:10px}.invoice-view-container .invoice-header .header-right img{width:32px;height:32px}.invoice-view-container .invoice-parties{flex-direction:column;gap:20px;padding:15px 0}.invoice-view-container .invoice-parties .invoice-client,.invoice-view-container .invoice-parties .invoice-issuer{padding:0}.invoice-view-container .invoice-parties .invoice-client .invoice-client,.invoice-view-container .invoice-parties .invoice-issuer .invoice-client{border-right:none;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.invoice-view-container .invoice-summary .summary-totals{width:100%}.invoice-view-container .invoice-watermark{font-size:80px}}@media(max-width:480px){.invoice-view-container{padding:10px}.invoice-view-container .invoice-watermark{font-size:60px}}.customer-form .fields-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}@media(max-width:480px){.customer-form .fields-wrapper{gap:10px}}.customer-view-container{background-color:#fff;padding:20px;border-radius:8px}.customer-view-container .customer-card{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px}.customer-view-container .customer-card .customer-info{font-size:15px;color:#555;display:flex;align-items:center;gap:10px}.customer-view-container .customer-card .customer-info .info-icon{color:var(--primary);font-size:18px;min-width:24px}.customer-view-container .invoice-section .section-title{border-bottom:1px solid #e2e8eb;padding-bottom:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:20px}.customer-view-container .action-icon,.customer-view-container .invoice-section .section-title .section-icon{color:var(--primary)}@media(max-width:768px){.customer-view-container{padding:10px}}.pay-credit-container{padding:20px;background-color:#fff;border-radius:8px}.pay-credit-container .payment-method-options{display:flex;gap:1rem;margin-top:.5rem}.pay-credit-container .payment-method-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;cursor:pointer}.pay-credit-container .payment-method-option input[type=radio]{margin-right:.5rem}.pay-credit-container .method-icon{font-size:1.2rem}.pay-credit-container .payment-history-section{margin-top:2rem;padding:1rem;border:1px solid #eee;border-radius:8px}.pay-credit-container .payment-history-section h3{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pay-credit-container .customer-card{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px}.pay-credit-container .customer-card .customer-info{font-size:15px;color:#555;display:flex;align-items:center;gap:10px}.pay-credit-container .customer-card .customer-info .info-icon{color:var(--primary);font-size:18px;min-width:24px}.pay-credit-container .credit-section{margin-bottom:24px}.pay-credit-container .credit-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--primary-dark);display:flex;align-items:center;gap:10px}.pay-credit-container .credit-section h3 .section-icon{color:var(--primary)}.pay-credit-container .credit-section .total-due-row{display:flex;align-items:center;gap:10px;padding:12px;background-color:rgba(145,224,125,.4156862745);border-radius:8px;margin-top:16px;font-weight:700}.pay-credit-container .credit-section .total-due-row .total-icon{color:#01a601;font-size:18px}.pay-credit-container .credit-section .total-due-row .total-due-amount{color:#01a601;font-size:16px;margin-left:auto}.pay-credit-container .payment-form{display:flex;flex-direction:column;gap:16px;background:#f8f9fc;padding:20px;border-radius:6px;border:1px solid #e2e8eb}.pay-credit-container .payment-form .form-group{display:flex;flex-direction:column;gap:6px}.pay-credit-container .payment-form .form-label{font-weight:600;color:#999;font-size:13px}.pay-credit-container .payment-form .form-input,.pay-credit-container .payment-form .form-textarea{width:100%;padding:10px 12px;border:1px solid #e2e8eb;border-radius:4px;font-size:14px;color:#2e2e2e;transition:all .3s;background-color:#fff}.pay-credit-container .payment-form .form-input:focus,.pay-credit-container .payment-form .form-textarea:focus{outline:none;border-color:var(--primary-light)}.pay-credit-container .payment-form .form-textarea{min-height:80px;resize:vertical}.pay-credit-container .Payment-submit-btn-outer{display:flex;justify-content:flex-end;margin-top:12px}@media(max-width:768px){.pay-credit-container,.pay-credit-container .payment-form{padding:10px}}.pay-btn-outer .pay-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;color:#fff;background-color:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.08)}.pay-btn-outer .pay-btn svg{font-size:16px}.pay-btn-outer .pay-btn:hover{background-color:#324365;transform:translateY(-1px)}.pay-btn-outer .pay-btn:active{transform:scale(.97)}.pay-btn-outer .pay-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.credit-users-page{color:#333}.credit-users-page .customer-summary{background-color:#f8fafc;border-radius:8px;padding:10px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;justify-content:space-between;flex-wrap:wrap}.credit-users-page .customer-summary h2{font-size:24px;margin-bottom:12px;color:#1e293b}.credit-users-page .customer-summary p{margin:8px 0;display:flex;gap:8px}.credit-users-page .customer-summary p strong{font-weight:600;color:#475569}.credit-users-page .table-container{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.credit-users-page .status-badge{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;display:inline-block}.credit-users-page .status-paid{background-color:#dcfce7;color:#166534}.credit-users-page .status-pending{background-color:#fef9c3;color:#854d0e}.credit-users-page .status-overdue{background-color:#fee2e2;color:#991b1b}.credit-users-page .currency-value{font-family:Courier New,Courier,monospace;font-weight:600}@media(max-width:768px){.customer-summary{padding:16px}.customer-summary h2{font-size:20px}}.cashflow-container{width:100%}.cashflow-container .cashflow-tabs-container{display:flex;justify-content:center}.cashflow-container .cashflow-tabs-container .cashflow-tabs{display:flex;align-items:center;background:#f0f1f5;border-radius:8px;padding:4px;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button{display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:8px;border:none;background:rgba(0,0,0,0);color:#8a93a8;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s ease}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button:focus{outline:none}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button svg{font-size:14px;flex-shrink:0}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button .tab-label{font-size:13px}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button:hover:not(.active){color:#4b5368;background:hsla(0,0%,100%,.55)}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.04)}@media(max-width:768px){.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button{padding:7px 12px}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button .tab-label{font-size:12px}}.payment-history-container .filters-section{margin-bottom:20px;padding:10px;background-color:#fff;border:1px solid #e2e8eb;border-radius:8px}.payment-history-container .filters-section .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.payment-history-container .filters-section .filters-header .filters-title{font-size:18px;color:var(--primary);margin:0;display:flex;align-items:center}@media(max-width:480px){.payment-history-container .filters-section .filters-header .filters-title{font-size:16px}}.payment-history-container .filters-section .filters-header .filters-title .filter-icon{margin-right:8px;color:var(--primary)}.payment-history-container .filters-section .filters-header .clear-filters-btn{background:none;border:none;color:var(--primary);font-size:14px;cursor:pointer}@media(max-width:480px){.payment-history-container .filters-section .filters-header .clear-filters-btn{font-size:12px}}.payment-history-container .filters-section .filters-header .clear-filters-btn:hover{color:var(--primary-light)}.payment-history-container .filters-section .filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:480px){.payment-history-container .filters-section .filters-grid{gap:10px}}.payment-history-container .filters-section .filters-grid .filter-group .filter-label{display:block;font-size:14px;color:var(--primary);margin-bottom:5px}.payment-history-container .filters-section .filters-grid .filter-group .filter-select{width:100%;padding:8px 12px;border:1px solid #e2e8eb;border-radius:8px;background-color:#fff;color:var(--primary);font-size:14px}@media(max-width:480px){.payment-history-container .filters-section .filters-grid .filter-group .filter-select{padding:4px 8px}}.payment-history-container .filters-section .filters-grid .filter-group .filter-select:disabled{background-color:#f5f5f5;color:#999}.payment-history-container .payment-card{padding:15px;margin-bottom:15px;background-color:#fff;border:1px solid #e2e8eb;border-radius:8px}.payment-history-container .payment-card .card-header{display:flex;justify-content:space-between;margin-bottom:10px}.payment-history-container .payment-card .card-header .invoice-number{font-size:16px;color:var(--primary);margin:0}.payment-history-container .payment-card .card-header .invoice-date{font-size:14px;color:#666;margin:0}.payment-history-container .payment-card .card-body .invoice-amount{font-size:14px;color:var(--primary);margin:0}.payment-history-container .table-container{width:100%;overflow-x:auto}.payment-history-container .table-container .table-header{background-color:var(--primary);color:#fff}.payment-history-container .table-container .table-row:hover{background-color:var(--primary-light)}.payment-history-container .table-container .pay-btn-outer .pay-btn{background-color:var(--primary);color:#fff;border:none;padding:5px 10px;border-radius:8px;cursor:pointer}.payment-history-container .table-container .pay-btn-outer .pay-btn:hover{background-color:var(--primary-light)}.kds{position:fixed;inset:0;display:flex;flex-direction:column;background:#f4f6f9;z-index:99999999}.kds .kds-header{height:56px;background:#fff;border-bottom:1px solid #e2e8eb;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.kds .kds-header-left{display:flex;align-items:center;gap:10px;color:#2c2b2e}.kds .kds-header-left svg{font-size:18px;color:var(--primary)}.kds .kds-header-right{display:flex;align-items:center;gap:20px}.kds .kds-title{font-size:18px;font-weight:600;color:#2c2b2e}.kds .kds-count{font-size:12px;color:#999;background:#f0f0f0;padding:2px 10px;border-radius:999px}.kds .kds-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8eb;background:#fff;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer}.kds .kds-icon-btn:hover:not(:disabled){background:#f0f0f0;color:#2c2b2e}.kds .kds-icon-btn:disabled{opacity:.5;cursor:not-allowed}.kds .kds-icon-btn .spin{animation:spin .7s linear infinite}.kds .kds-exit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid #ffc5c6;background:#fff0f0;color:#ff4c51;font-size:15px;font-weight:500;cursor:pointer}.kds .kds-exit-btn:hover{background:#ffe0e0}.kds .kds-body{flex:1 1;overflow-y:auto;padding:20px}.kds .kds-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999;text-align:center}.kds .kds-center h3{font-size:20px;font-weight:600;color:#2c2b2e;margin:0}.kds .kds-center p{font-size:14px;margin:0}.kds .kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-items:start}.kds .kot-card{background:#fff;border-radius:8px;border:1px solid #e2e8eb;display:flex;flex-direction:column;animation:fadeUp .25s ease both;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kds .kot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 10px}.kds .kot-num{font-size:14px;font-weight:700;color:#2c2b2e;margin:0 0 4px}.kds .kot-sub{font-size:12px;color:#999;margin:0}.kds .kot-badge{font-size:11px;font-weight:600;color:#fff;padding:3px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.kds .kot-items{list-style:none;margin:0;padding:0 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1}.kds .kot-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f8f9fb;border-radius:8px;border:1px solid #e2e8eb}.kds .kot-qty{font-size:15px;font-weight:700;color:var(--primary);min-width:30px}.kds .kot-name{font-size:14px;font-weight:500;color:#2c2b2e;text-transform:capitalize}.kds .kot-actions{display:flex;gap:8px;padding:10px 14px 14px;border-top:1px solid #e2e8eb}.kds .kot-btn{flex:1 1;padding:7px 10px;border-radius:8px;border:1px solid var(--bc);color:var(--bc);background:rgba(0,0,0,0);font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.kds .kot-btn:hover:not(:disabled){background:var(--bc);color:#fff}.kds .kot-btn:disabled{opacity:.4;cursor:not-allowed}.expense-form .form-group{margin-bottom:15px;display:flex;flex-direction:column;gap:0}.expense-form .form-group .file-input{width:100%}.expense-form .form-group input,.expense-form .form-group select,.expense-form .form-group textarea{padding:8px 12px;font-size:14px;font-weight:400;letter-spacing:.3px;border-radius:8px;border:1px solid #e2e8eb}.expense-form .form-group input:focus,.expense-form .form-group select:focus,.expense-form .form-group textarea:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.expense-form .form-group input::placeholder,.expense-form .form-group select::placeholder,.expense-form .form-group textarea::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.expense-form .form-group .common-placeholder,.expense-form .form-group .select-field{font-size:14px;font-weight:400;letter-spacing:.3px}.expense-form .form-group .select-field{background-color:rgba(0,0,0,0)}.expense-form .form-group .select-field option{color:#333}.expense-form .form-group .common-placeholder{color:#ccc}.expense-form .description-file-group{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.expense-form .description-file-group{grid-template-columns:1fr}}.expense-form .description-file-group .upload-card,.expense-form .description-file-group textarea{height:60px}.expense-form .description-file-group .upload-card{position:relative;border-radius:8px;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed #e2e8eb;padding:10px;text-align:center;cursor:pointer;overflow:hidden}.expense-form .description-file-group .upload-card .upload-cart-text{display:flex;align-items:center;justify-content:center;gap:10px}.expense-form .description-file-group .upload-card:hover{border-color:var(--primary-light);background:rgba(0,150,147,.05)}.expense-form .description-file-group .upload-card .upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.expense-form .description-file-group .upload-card .upload-text{font-size:14px;color:#4a4a4a}.expense-form .description-file-group .upload-card .upload-note{font-size:12px;color:#888}.expense-form .description-file-group .image-preview-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.expense-form .description-file-group .image-preview-grid .image-preview-item{position:relative}.expense-form .description-file-group .image-preview-grid .image-preview-item img{border-radius:8px}.expense-form .description-file-group .image-preview-grid .image-preview-item .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;width:15px;height:15px;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.expense-form .description-file-group .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.expense-form .button-group{display:flex;justify-content:flex-end;gap:10px;flex-direction:row}.expense-form .button-group .cancel-btn{background-color:rgba(0,0,0,0);border:1px solid var(--primary);color:var(--primary)}.expense-form .tag-group-input-btn-wrapper{position:relative}.expense-form .tag-group-input-btn-wrapper .add-tag-btn{position:absolute;right:8px;background-color:var(--primary);font-size:13px;border:unset;color:#fff;border-radius:8px;display:flex;top:8px;padding:5px;margin-right:2px}.expense-form .expense-form-header{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.expense-form .expense-form-header textarea{resize:vertical;height:auto}.expense-form .relation-section{margin:20px auto;padding:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.expense-form .relation-section input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.expense-form .relation-section .section-heading{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#2c2b2e;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e2e8eb}.expense-form .relation-section .relation-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.expense-form .relation-section .relation-card-grid .relation-card{background:#fff;border-radius:8px;border:1px solid #e2e8eb;transition:all .2s ease;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05);height:fit-content}.expense-form .relation-section .relation-card-grid .relation-card.active{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-color:var(--primary-light)}.expense-form .relation-section .relation-card-grid .relation-card .card-header{padding:16px;border-bottom:1px solid #e2e8eb;cursor:pointer}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle{display:flex;align-items:center;gap:12px;width:100%;margin:0;cursor:pointer}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle input{margin:0}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .card-icon{color:var(--primary);font-size:16px}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .card-label{flex:1 1;font-weight:500;color:#2c2b2e}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .toggle-icon{color:#999;font-size:14px;transition:transform .2s ease}.expense-form .relation-section .relation-card-grid .relation-card .card-search{padding:12px 16px 0}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper{position:relative}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper input{width:100%;padding:8px 12px 8px 32px;border:1px solid #e2e8eb;border-radius:8px;font-size:14px;transition:border-color .2s ease}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px rgba(var(--primary-light),.1)}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.expense-form .relation-section .relation-card-grid .relation-card .card-body{max-height:300px;overflow-y:auto;padding:10px 0}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-option{display:flex;align-items:center;padding:8px 20px;gap:12px;cursor:pointer;border-radius:8px;transition:background .2s ease}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-option:hover{background:#f4f4f4}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-option span{font-size:14px;color:#2c2b2e}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch{margin-bottom:8px;position:relative}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section{margin-top:8px;padding:12px;border-radius:8px;border:1px solid #e2e8eb}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section.hidden{margin:0;padding:0;border:none}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section .toggle-batch-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);background:none;border:none;cursor:pointer;position:absolute;right:5;top:8px;padding:0}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section .toggle-batch-btn:hover{text-decoration:underline}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section .toggle-batch-btn:focus{outline:none}.relation-item-with-batches .batches-container{margin:.5rem 10px 10px;padding:.5rem;background:#f5f5f5;border-radius:4px}.relation-item-with-batches .batches-header{font-weight:600;margin-bottom:.5rem;font-size:.9rem}.relation-item-with-batches .batch-option{margin-bottom:.5rem;padding:.25rem}.relation-item-with-batches .batch-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.relation-item-with-batches .batch-info{font-size:.85rem}.payables-expance-form-outer .payables-expance-form-inner{display:flex;flex-direction:column;gap:10px}.payables-expance-form-outer .payables-expance-form-inner input,.payables-expance-form-outer .payables-expance-form-inner select,.payables-expance-form-outer .payables-expance-form-inner textarea{border:1px solid #efefef;border-radius:8px;width:100%;padding:10px;font-size:16px}.payables-expance-form-outer .payables-expance-form-inner label{letter-spacing:.4px;color:#333;font-size:13px;font-weight:400}.payables-expance-form-outer .payables-expance-form-inner .payment-methode-outer{display:flex;flex-direction:column}.payables-expance-form-outer .payables-expance-form-inner .expance-form-add-bank-buton{color:var(--primary);border:unset;display:flex;gap:3px;align-items:center;background-color:unset;cursor:pointer}.payables-expance-form-outer .payables-expance-form-inner .expance-form-addbank-action-outer{display:flex;justify-content:space-between;align-items:end}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-checkboxes-outer{display:flex;gap:10px;margin-top:10px}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-checkboxes{display:flex;gap:3px;align-items:center;cursor:pointer}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-payment-actions{display:flex;gap:10px;justify-content:flex-end}.payables-expance-form-outer .payables-expance-form-inner input[type=checkbox]{accent-color:var(--primary)}@media(max-width:768px){.expense-form .expense-form-header{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.expense-form .expense-form-header{grid-template-columns:1fr}.expense-form .relation-section{background-color:rgba(0,0,0,0);box-shadow:none;padding:0;margin:10px auto 20px}.expense-form .relation-section .section-heading{margin-bottom:12px}.expense-form .relation-section .relation-card-grid{gap:12px}.expense-form .relation-section .relation-card-grid .relation-card .card-header{padding:10px 12px}}.select-all-batches{padding:8px;background:#e9e9e9;border-radius:4px;margin-bottom:8px;font-weight:700;display:flex;align-items:center}.select-all-batches input{margin-right:8px}.batch-option{margin:4px 0;padding:4px 8px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center}.batch-option input{margin-right:8px}.expense-page .expense-container .expense-header{background:#fff;padding:6px 12px;border-radius:8px;margin-bottom:12px}.expense-page .expense-container .expense-header .header-content{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px}.expense-page .expense-container .expense-header .header-content .title-wrapper{display:flex;align-items:center;gap:8px}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper{width:28px;height:28px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:8px;display:flex;align-items:center;justify-content:center}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper .header-icon{color:#fff;font-size:15px}.expense-page .expense-container .expense-header .header-content .title-wrapper h1{font-size:16px;color:#2c2b2e;font-weight:700}.expense-page .expense-container .expense-header .header-content .title-wrapper .expense-date{font-size:12px;color:#7f8c8d;font-weight:500}.expense-page .expense-container .expense-header .header-content .badge{padding:3px 8px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.expense-page .expense-container .expense-header .header-content .badge.approved,.expense-page .expense-container .expense-header .header-content .badge.credit,.expense-page .expense-container .expense-header .header-content .badge.paid{background-color:#01a601;color:#fff}.expense-page .expense-container .expense-header .header-content .badge.pending{background-color:#fc0;color:#fff}.expense-page .expense-container .expense-content{display:flex;gap:12px}.expense-page .expense-container .expense-content .details-section{flex:1 1}.expense-page .expense-container .expense-content .details-section .detail-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}@media(max-width:480px){.expense-page .expense-container .expense-content .details-section .detail-cards{grid-template-columns:repeat(2,1fr)}}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card{background:#fff;padding:0;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden;transition:transform .2s ease;height:max-content}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card.full-width{grid-column:1/-1}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card:hover svg{transform:scale(1.3)}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card:hover .vendor-detail-icon svg{transform:none}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e2e8eb}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper .card-icon{font-size:14px;transition:transform .2s ease}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title{flex:1 1}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title label{margin:0;font-weight:600;font-size:14px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title .value-preview{font-size:12px;color:#7f8c8d;font-weight:500;text-transform:capitalize}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content{padding:8px 12px;overflow:auto}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content p{text-transform:capitalize;font-size:14px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content p.amount{font-size:16px;font-weight:700;color:var(--primary)}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table{margin-top:6px;font-size:14px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table thead tr th:first-child{border-top-left-radius:8px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table thead tr th:last-child{border-top-right-radius:8px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table .mono{background:#f8f9fa;padding:4px 8px;border-radius:8px;font-weight:600;font-size:12px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .description{margin-top:5px;font-size:14px;font-weight:500;line-height:1.4;color:#5a6c7d}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;color:var(--primary)}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill .avatar{width:18px;height:18px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .more-users{font-size:12px;color:#7f8c8d;align-self:center;font-weight:600}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll{display:flex;gap:8px;overflow-x:auto;padding:8px 0;margin-top:5px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll .invoice-pill{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid #c8e6c9}.expense-page .expense-container .expense-content .details-section .vendor-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item{display:flex;flex-direction:column;justify-content:center;padding:7px 8px;background:#f8f9fa;border-radius:8px;position:relative}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item .vendor-detail-icon{background-color:var(--primary-light);color:var(--primary);position:absolute;top:0;right:0;width:22px;height:22px;display:flex;justify-content:center;align-items:center;border-radius:50%}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item .vendor-detail-icon svg{font-size:12px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item label{font-weight:600;font-size:12px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item p,.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item span{font-size:14px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:8px;font-size:14px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .total{background:#e7f3ff;border-left-color:var(--primary)}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .due{color:#ff4c51;font-weight:700;font-size:14px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .summary-value{font-weight:700;color:#2c2b2e;font-size:14px}.expense-page .expense-container .expense-content .receipt-sidebar{max-width:300px;width:100%}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card{background:#fff;padding:0;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header{display:flex;align-items:center;gap:8px;padding:7px 12px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:1px solid #e2e8eb}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper{width:30px;height:30px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper .card-icon{font-size:15px;color:#1976d2}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .card-title h3{font-size:15px;margin:0 0 2px;color:#1976d2;font-weight:700}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .card-title .value-preview{font-size:12px;color:#5c6bc0;font-weight:600}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .image-container{padding:12px;background:#fafafa;display:flex;justify-content:center;align-items:center;max-height:220px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .image-container img{height:100%;width:100%;object-fit:cover;border-radius:8px}@media(max-width:900px){.expense-page .expense-container .expense-content{flex-direction:column;gap:10px}.expense-page .expense-container .expense-content .details-section .detail-cards{gap:8px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header{padding:4px 8px;gap:5px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper{width:22px;height:22px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title .value-preview,.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title label,.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper .card-icon{font-size:12px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content{padding:5px 8px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content p.amount{font-size:15px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .description{font-size:12px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid{gap:5px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill{padding:3px 8px;font-size:12px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill .avatar{width:16px;height:16px;font-size:10px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .more-users{font-size:12px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll{padding:6px 0}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll .invoice-pill{padding:3px 8px;font-size:12px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid{grid-template-columns:1fr;gap:8px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item{padding:6px 8px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item label{font-size:12px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item .vendor-detail-icon{width:20px;height:20px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item .vendor-detail-icon svg{font-size:11px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards{grid-template-columns:1fr;gap:8px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card{padding:7px 10px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .due,.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .summary-value{font-size:14px}.expense-page .expense-container .expense-content .receipt-sidebar{max-width:100%;margin-top:10px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header{padding:7px 10px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper{width:26px;height:26px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .card-title h3,.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper .card-icon{font-size:14px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .card-title .value-preview{font-size:12px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .image-container{padding:10px;max-height:180px}.expense-page .expense-container .expense-header{padding:4px 8px}.expense-page .expense-container .expense-header .header-content{gap:8px}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper{width:24px;height:24px}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper .header-icon{font-size:14px}.expense-page .expense-container .expense-header .header-content .title-wrapper h1{font-size:15px}.expense-page .expense-container .expense-header .header-content .title-wrapper .expense-date{font-size:12px}.expense-page .expense-container .expense-header .header-content .badge{font-size:12px;padding:3px 7px}}.payables-expense-container .payment-history{margin-top:16px}.payables-expense-container .payment-history h3{color:var(--primary);font-weight:700;margin-bottom:8px;font-size:16px}.payables-expense-container .expance-add-payment-button-outer{display:flex;justify-content:flex-end;margin-top:12px}.table-actions-wrapper{justify-content:flex-start;display:flex;gap:15px}.table-actions-wrapper .table-e-d-v-buttons{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background-color .3s;display:inline-flex;width:28px;height:28px;padding:5px;border:unset;background-color:unset}.table-actions-wrapper svg{width:15px;height:15px}.table-actions-wrapper .edit-button{color:#01a601}.table-actions-wrapper .edit-button:hover{background-color:rgba(0,128,0,.1)}.table-actions-wrapper .delete-button{color:#ff4c51}.table-actions-wrapper .delete-button:hover{background-color:rgba(255,0,0,.1)}.task-form{width:100%}.task-form .add-task-form{display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;row-gap:10px}.task-form .add-task-form .form-group{position:relative}.task-form .add-task-form .form-group select,.task-form .add-task-form .form-group textarea{width:100%;padding:10px 12px;border:1px solid #e2e8eb;border-radius:8px;transition:all .2s;font-size:16px}.task-form .add-task-form .form-group select:focus,.task-form .add-task-form .form-group textarea:focus{border-color:var(--primary-light);outline:none}.task-form .add-task-form .form-group .upload-card{position:relative;border-radius:8px;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px dashed var(--primary-light);padding:5px 10px;text-align:center;cursor:pointer;overflow:hidden}.task-form .add-task-form .form-group .upload-card:hover{border-color:var(--primary);background:rgba(0,150,147,.05)}.task-form .add-task-form .form-group .upload-card .upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.task-form .add-task-form .form-group .upload-card .upload-text{font-size:14px;color:#2c2b2e;margin-bottom:5px}.task-form .add-task-form .form-group .upload-card .upload-note{font-size:12px;color:#999}.task-form .add-task-form .image-preview-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.task-form .add-task-form .image-preview-grid .image-preview-item{position:relative;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid #e2e8eb}.task-form .add-task-form .image-preview-grid .image-preview-item img{border:1px solid #e2e8eb;border-radius:8px}.task-form .add-task-form .image-preview-grid .image-preview-item .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;width:16px;height:16px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.task-form .add-task-form .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.task-form .add-task-form .task-field-hide{display:none!important}.task-form .add-task-form .form-group{display:flex;flex-direction:column;gap:0}.task-form .add-task-form .form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.task-form .add-task-form .form-group .react-datepicker-wrapper{width:100%}.task-form .add-task-form .form-group button{padding:6px 12px;font-size:13px}.task-form .add-task-form .form-group button.off,.task-form .add-task-form .form-group button.on{width:fit-content}.task-form .add-task-form .update-outer{display:flex;justify-content:flex-end}.task-form .add-task-form .form-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:1rem;margin-bottom:20px}.view-task-actions-container{display:flex;justify-content:space-between}.view-task-actions-container .view-task-check-icon,.view-task-actions-container .view-times-check-icon{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background-color .3s;display:inline-flex;width:28px;height:28px;padding:5px}.view-task-actions-container .view-task-check-icon:hover{background-color:rgba(0,128,0,.1)}.view-task-actions-container .view-times-check-icon:hover{background-color:rgba(255,0,0,.1)}.view-task-actions-container button{background-color:unset;border:unset}.view-task-actions-container .view-task-check-icon{color:#01a601}.view-task-actions-container .view-times-check-icon{color:#ff4c51}@media(max-width:768px){.empty-state-icon{font-family:44px!important}.tasks_list{margin-top:10px}.add-task-form{grid-column:span 1}.add-task-form .add-task-form .form-actions{flex-direction:column;align-items:stretch}}@media(max-width:568px){.task-form .add-task-form{display:flex;flex-direction:column;gap:15px}.task-form .form-group{margin-bottom:0}}.leave-application-container .application-header h1{color:#2d3436;font-size:2rem;margin-bottom:1.5rem}.leave-application-container .application-header .timeline-indicator{display:flex;gap:1rem;margin-bottom:2rem}.leave-application-container .application-header .timeline-indicator .step{padding:.6rem 1.2rem;border-radius:8px;background:#f8f9fa;color:#7f8c8d;font-size:.9rem}.leave-application-container .application-header .timeline-indicator .step.active{background:var(--primary);color:#fff;box-shadow:0 4px 6px rgba(9,132,227,.2)}.leave-application-container .application-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.leave-application-container .application-body .calendar-card{padding:20px;background:#fff;border-radius:8px;border:1px solid #f0f0f0}.leave-application-container .application-body .calendar-card .calendar-header h2{color:var(--primary);margin-bottom:.5rem;font-size:18px}.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__header{padding:0}.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__header .react-datepicker__current-month{border-bottom:1px solid #efefef}.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected:not(.selected-green),.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__day.react-datepicker__day--selected:not(.selected-green){background-color:rgba(0,0,0,0)!important;color:inherit!important}.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__month{margin:0}.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__week{padding:5px 0;border-bottom:1px solid #efefef}.leave-application-container .application-body .calendar-card .modern-calendar .selected-green{background-color:var(--primary)!important;color:#fff!important;border-radius:8px}.leave-application-container .application-body .calendar-card .modern-calendar .selected-green:hover{background-color:var(--primary-light)!important}.leave-application-container .application-body .calendar-card .modern-calendar .current-date{border-radius:8px;font-weight:700;color:#fff}.leave-application-container .application-body .calendar-card .modern-calendar .sunday-date{color:#ff4c51!important}.leave-application-container .application-body .details-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #f0f0f0}.leave-application-container .application-body .details-card .input-group{margin-bottom:1.5rem}.leave-application-container .application-body .details-card .input-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.leave-application-container .application-body .details-card .input-group .type-chips{display:flex;gap:.8rem}.leave-application-container .application-body .details-card .input-group .type-chips .chip{padding:10px 12px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;transition:all .2s}.leave-application-container .application-body .details-card .input-group .type-chips .chip:hover{border-color:var(--primary);color:var(--primary)}.leave-application-container .application-body .details-card .input-group .modern-input{width:100%;padding:8px 12px;border:1px solid #e2e8eb;border-radius:8px;transition:all .2s;font-size:16px}.leave-application-container .application-body .details-card .input-group .modern-input:focus{border-color:var(--primary-light);outline:none}.leave-application-container .application-body .details-card .input-group .modern-textarea{width:100%;padding:1rem;border:2px solid #e2e8eb;border-radius:8px;min-height:120px;resize:vertical;transition:all .2s;font-size:16px}.leave-application-container .application-body .details-card .input-group .modern-textarea:focus{border-color:var(--primary-light);outline:none}.leave-application-container .application-body .details-card .input-group .file-upload-box{border:2px dashed var(--primary);padding:20px;border-radius:8px;text-align:center;cursor:pointer;background:var(--input-bg);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.leave-application-container .application-body .details-card .input-group .file-upload-box:hover{background:var(--input-hover-bg);border-color:var(--primary)}.leave-application-container .application-body .details-card .input-group .file-upload-box p{color:var(--text-secondary);font-size:14px}.leave-application-container .application-body .details-card .input-group .file-upload-box svg{color:var(--primary)!important}.leave-application-container .application-body .details-card .input-group .file-preview{margin-top:10px;position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper{position:relative;width:150px;height:150px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .preview-link{display:block;width:100%;height:100%;cursor:pointer}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .remove-button{position:absolute;top:4px;right:4px;background:hsla(0,0%,100%,.8);border:none;border-radius:50%;font-size:16px;cursor:pointer;padding:2px 6px;z-index:2}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .remove-button:hover{background-color:#ff4c51;color:#fff}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper img{object-fit:contain}.leave-application-container .application-body .details-card .input-group .file-preview span{font-size:12px;color:#666}.leave-application-container .application-body .details-card .submit-button{width:100%;padding:8px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;margin:0}.leave-application-container .application-body .details-card .submit-button:hover{background:var(--primary-light)}.leave-application-container .application-body .details-card .submit-button:disabled{background:var(--primary-light);cursor:not-allowed}.leave-application-container .application-body .details-card .submit-button .loading-dots:after{content:".";animation:dots 1s steps(5) infinite}.leave-application-container .application-body .date-range-display{color:#fff;display:flex;flex-direction:column;gap:5px}.leave-application-container .application-body .date-range-display .date-range-badge{background:var(--primary);padding:.6rem 1rem;border-radius:8px;font-size:.9rem}.leave-application-container .react-datepicker{color:var(--primary-light);font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;background-color:#fff;border:1px solid #aeaeae;border-radius:8px;display:inline-block;position:relative;width:100%}.leave-application-container .react-datepicker__week{white-space:nowrap;width:100%;display:flex;justify-content:space-between}.leave-application-container .react-datepicker__day-names{display:flex;justify-content:space-between;font-size:14px;padding-bottom:5px}.leave-application-container h2.react-datepicker__current-month{font-size:18px;padding:5px 0}.leave-application-container .react-datepicker__day--keyboard-selected,.leave-application-container .react-datepicker__day--selected{background-color:var(--primary);color:#fff}.leave-application-container .react-datepicker__day--keyboard-selected:hover,.leave-application-container .react-datepicker__day--selected:hover{background-color:var(--primary-light)}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@media(max-width:768px){.leave-application-container .application-header{margin-bottom:1rem}.application-body{grid-template-columns:1fr!important}.timeline-indicator{flex-wrap:wrap}}@media(max-width:468px){.leave-application-container .application-body .details-card{padding:10px}.leave-application-container .application-body .details-card .input-group .type-chips .chip{padding:5px 10px}.leave-application-container .application-body .calendar-card{padding:10px}}.attendance-page{max-width:800px;margin:auto;color:#2c2b2e}.attendance-page .capture-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.attendance-page .capture-options .option-card{background:#fff;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:.3s;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid #e2e8eb}.attendance-page .capture-options .option-card:hover{transform:translateY(-5px);box-shadow:#f0f0f0}.attendance-page .capture-options .option-card .option-icon{width:80px;height:80px;margin:0 auto 1rem;background:rgba(var(--primary),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary)}.attendance-page .capture-options .option-card h3{font-size:18px;margin-bottom:.5rem;color:#2c2b2e}.attendance-page .capture-options .option-card p{color:#999;margin:0;font-size:14px}.attendance-page .capture-options .option-card input[type=file]{display:none}.attendance-page .capture-options .option-card label{cursor:pointer}.attendance-page .preview-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.049);margin-top:2rem}.attendance-page .preview-section .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.attendance-page .preview-section .preview-header h3{font-size:18px;margin:0;color:#2c2b2e}.attendance-page .preview-section .preview-header .clear-button{background:none;border:none;color:#ff4c51;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:.3s;display:flex;align-items:center}.attendance-page .preview-section .preview-header .clear-button:hover{background:rgba(255,76,81,.1)}.attendance-page .preview-section .image-preview{position:relative;width:100%;height:400px;border-radius:8px;overflow:hidden;border:1px solid var(--primary)}.attendance-page .webcam-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(44,43,46,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.attendance-page .webcam-modal .webcam-container{width:90%;max-width:800px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725);display:flex;flex-direction:column}.attendance-page .webcam-modal .webcam-container .react-webcam{width:100%;display:block}.attendance-page .webcam-modal .webcam-container .webcam-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:10px;background:#fff}.attendance-page .submit-form{margin-top:2rem;text-align:center}.attendance-page .submit-form .submit-button{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.049)}.attendance-page .submit-form .submit-button:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725)}.attendance-page .submit-form .submit-button:disabled{opacity:.7;cursor:not-allowed}.attendance-page .submit-form .submit-button.loading{position:relative}.attendance-page .submit-form .submit-button.loading:after{content:"";width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.attendance-page .attendance-header{margin:8px}.attendance-page .current-time{font-size:20px;font-weight:600;color:var(--primary);text-align:center}.attendance-page .current-date{font-size:14px;font-weight:500;color:var(--primary);margin-bottom:.75rem;text-align:center}.attendance-page .attendance-details{background:#fff;border:1px solid #efefef;border-radius:8px;padding:10px;transition:all .3s;box-shadow:0 4px 6px rgba(0,0,0,.0470588235)}.attendance-page .detail-value-name{color:var(--primary)}.attendance-page .detail-item{display:flex;margin-bottom:3px;font-size:14px;justify-content:space-between;border-bottom:1px solid #efefef;padding-bottom:3px}.attendance-page .detail-item:last-child{margin-bottom:0}.attendance-page .detail-label{font-weight:500;color:#555;min-width:100px}.attendance-page .detail-value{color:#222;font-weight:400}@keyframes spin{to{transform:rotate(1turn)}}.chip-active{background-color:var(--primary);color:#fff}@media(max-width:768px){.attendance-page{padding:.5rem}.attendance-page .attendance-header{margin-bottom:1rem}.attendance-page .attendance-header h1{font-size:18px}.attendance-page .capture-options{grid-template-columns:1fr;gap:1rem}.attendance-page .preview-section .image-preview{height:300px}.attendance-page .webcam-modal .webcam-container{width:95%}}@media(max-width:991px){.aply-for-leave-form-outer{gap:20px}.aply-for-leave-form-outer .aply-for-leave-input-wrapper,.aply-for-leave-form-outer .datepicker-container{width:100%}.react-datepicker__week{white-space:nowrap;display:flex;justify-content:space-between}.form-card{margin:0 15px}}@media(max-width:576px){.page-title{font-size:22px;padding:20px 0}.aply-for-leave-form-outer{flex-direction:column}.aply-for-leave-form-outer .input-group input,.aply-for-leave-form-outer .input-group textarea{font-size:14px;padding:9px 14px;height:auto}.apply-button{font-size:15px;padding:8px 12px}}.recurring-wrapper .recurring-task-header{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-bottom:20px}.recurring-wrapper .back-button{margin:0}.recurring-wrapper .toggle-button{padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;width:fit-content!important;transition:all .3s ease;border:none;cursor:pointer}.recurring-wrapper .toggle-button.on{background-color:var(--primary);color:#fff}.recurring-wrapper .toggle-button.off{background-color:#e0e0e0;color:#555}.recurring-wrapper .toggle-button:hover{opacity:.9}.recurring-wrapper .edit-button{color:#01a601}.recurring-wrapper form{display:flex;flex-direction:column;gap:10px}.recurring-wrapper .employee-fields-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.recurring-wrapper .employee-field{display:flex;flex-direction:column;gap:0}.recurring-wrapper .employee-field .date-input,.recurring-wrapper .employee-field input,.recurring-wrapper .employee-field select{padding:8px 12px;font-size:16px;border-radius:8px;border:1px solid #e2e8eb;width:100%}.recurring-wrapper .employee-field .date-input:focus,.recurring-wrapper .employee-field input:focus,.recurring-wrapper .employee-field select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.recurring-wrapper .employee-field .date-input::placeholder,.recurring-wrapper .employee-field input::placeholder,.recurring-wrapper .employee-field select::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.recurring-wrapper .form-group{display:flex;flex-direction:column;gap:0}.recurring-wrapper .form-group .toggle-button{padding:8px 16px;font-size:14px;border:none;border-radius:8px;background-color:var(--primary);color:#2c2b2e;font-weight:600;cursor:pointer;transition:background-color .3s}.recurring-wrapper .form-group .toggle-button:hover{background-color:#2d3e5d}.recurring-wrapper .form-group .toggle-button.on{color:#fff}.recurring-wrapper .form-group .toggle-button.off{background-color:var(--primary-light);color:#fff}.recurring-wrapper .select-field{border-radius:8px;width:100%;padding:8px 12px;font-size:16px;background-color:rgba(0,0,0,0);color:#3c3939}.recurring-wrapper .select-field.common-placeholder{color:#ccc}.recurring-wrapper .select-field option{color:#000}.recurring-wrapper .select-field option[value=""]{color:#ccc}.recurring-wrapper .create-employess-action{display:flex;justify-content:flex-end}.recurring-wrapper .create-employess-action .form-button{padding:10px 24px;font-size:16px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.recurring-wrapper .create-employess-action .form-button:hover{background-color:var(--primary-light)}.recurring-wrapper .create-employess-action .form-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.recurring-wrapper .text-red-500{color:#ff4c51;font-size:12px;padding-top:2px}.task-status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.task-status-badge.approved{background-color:#d1fae5;color:#065f46}.task-status-badge.submitted{background-color:#dbeafe;color:#1e40af}.task-status-badge.in_progress,.task-status-badge.pending{background-color:#fef3c7;color:#92400e}.task-status-badge.rejected{background-color:rgba(238,100,15,.2470588235);color:#920e15}.task-details-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px}@media(max-width:768px){.task-details-section{padding:10px}}.task-details-section .task-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.task-details-section .task-details-header h3{font-size:18px;font-weight:600;margin:0}.task-details-section .task-description{color:#4b5563;margin-bottom:15px}.task-details-section .task-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:15px}.task-details-section .task-meta .meta-item{font-size:14px;color:#4b5563}.task-details-section .task-attachments h4{font-size:15px;margin-bottom:10px}.task-details-section .task-attachments .attachment-list{display:flex;gap:10px;flex-wrap:wrap}.task-details-section .task-attachments .attachment-item{position:relative;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.task-details-section .task-attachments .attachment-item button{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.timeline-container{background-color:#fff;border-radius:8px;margin-bottom:20px;width:100%;overflow:hidden}.timeline-container .timeline-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding:15px}@media(min-width:768px){.timeline-container .timeline-header{flex-direction:row;align-items:center;padding:10px 20px}}.timeline-container .timeline-header h2{font-size:18px;font-weight:600}@media(min-width:768px){.timeline-container .timeline-header h2{font-size:20px}}.timeline-container .timeline-header .new-task-action{display:flex;align-items:center;gap:10px;width:100%}@media(min-width:768px){.timeline-container .timeline-header .new-task-action{width:auto}}.timeline-container .timeline-header button{background-color:var(--primary);color:#fff;padding:5px 10px;border:none;border-radius:8px;cursor:pointer;font-size:14px;width:100%}@media(min-width:768px){.timeline-container .timeline-header button{width:auto}}.timeline-container .timeline-header button:hover{background-color:var(--primary-light)}.timeline-container .reminder-form{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.timeline-container .reminder-form .reminder-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;box-shadow:0 10px 25px rgba(0,0,0,.2)}@media(min-width:480px){.timeline-container .reminder-form .reminder-content{width:400px}}.timeline-container .reminder-form .reminder-content h4{margin-bottom:20px;font-size:18px}.timeline-container .reminder-form .reminder-content input[type=datetime-local]{display:block;width:100%;padding:.6rem;margin-top:.3rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px}.timeline-container .reminder-form .reminder-content button{background-color:var(--primary);color:#fff;padding:8px 10px;width:100%;border:none;border-radius:8px;cursor:pointer;font-size:14px}.timeline-container .reminder-form .reminder-content button:hover{background-color:var(--primary-light)}.timeline-container .timeline-submit-task-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.timeline-container .timeline-submit-task-wrapper .timeline-submit-task-inner{background:#fff;padding:15px;border-radius:8px;width:90%;max-width:600px;box-shadow:0 10px 25px rgba(0,0,0,.2)}@media(min-width:768px){.timeline-container .timeline-submit-task-wrapper .timeline-submit-task-inner{padding:20px}}.timeline-container .timeline-item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px;position:relative;gap:15px;padding:15px}@media(min-width:768px){.timeline-container .timeline-item{flex-direction:row;align-items:flex-start;padding:10px 20px;gap:20px}}.timeline-container .timeline-left{display:flex;align-items:center;gap:10px;width:100%}@media(min-width:768px){.timeline-container .timeline-left{width:auto}}.timeline-container .time-block{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;width:100%}@media(min-width:768px){.timeline-container .time-block{width:auto;justify-content:flex-start;gap:10px}}.timeline-container .avatar-wrapper{position:relative;display:inline-block;cursor:pointer}.timeline-container .avatar-wrapper .avatar{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background-color:rgba(241,249,249,.9764705882);margin-right:10px;flex-shrink:0;cursor:pointer}@media(min-width:768px){.timeline-container .avatar-wrapper .avatar{margin-right:16px}}.timeline-container .avatar-wrapper .avatar h3{color:var(--primary);font-size:14px}.timeline-container .avatar-wrapper .av-tooltip{visibility:hidden;opacity:0;width:fit-content;background-color:#fff;color:#2c2b2e;text-align:left;border-radius:8px;padding:10px;position:absolute;z-index:9999;top:100%;left:0;transform:translateX(-10%);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .2s ease-in-out;text-decoration:none}.timeline-container .avatar-wrapper .av-tooltip p,.timeline-container .avatar-wrapper .av-tooltip strong{font-size:13px}.timeline-container .avatar-wrapper .avatar:hover .av-tooltip{visibility:visible;opacity:1}.timeline-container .timeline-content{background-color:rgba(241,249,249,.9764705882);border-radius:8px;padding:15px;width:100%;position:relative;z-index:1}@media(min-width:768px){.timeline-container .timeline-content{padding:16px 20px;flex:1 1}}.timeline-container .timeline-content:before{content:"";position:absolute;top:10px;left:-6px;width:15px;height:15px;background-color:rgba(241,249,249,.9764705882);transform:rotate(140deg);z-index:-1}@media(max-width:767px){.timeline-container .timeline-content:before{display:none}}.timeline-container .timeline-content .task-timeline-downloadall-btn{border:unset;color:var(--primary);font-weight:500;cursor:pointer;background-color:unset;text-decoration:none;font-size:14px}.timeline-container .timeline-content .task-timeline-downloadall-btn:hover{text-decoration:underline}.timeline-container .t-date{font-size:13px;font-weight:700;color:#2c2b2e;display:inline-block}@media(min-width:768px){.timeline-container .t-date{font-size:14px}}.timeline-container .t-status{font-size:12px;font-weight:500;color:#6b7280}.timeline-container .card-content strong{display:block;font-size:14px;font-weight:600;color:#2c2b2e;margin-bottom:4px}.timeline-container .description{font-size:16px;color:#2c2b2e;margin-top:6px;line-height:1.6}@media(min-width:768px){.timeline-container .description{font-size:15px}}.timeline-container .attachment-list{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}@media(max-width:480px){.timeline-container .attachment-list{display:grid;grid-template-columns:repeat(3,1fr)}}.timeline-container .attachment-image{width:100%;height:100px;max-width:100px;border-radius:8px;object-fit:cover;border:1px solid #e2e8eb}@media(max-width:480px){.timeline-container .attachment-image{height:80px}}.timeline-container .attachment-image img{width:100%;height:auto}.timeline-container .time{margin-top:12px;display:flex;align-items:center;font-size:12px;color:#6b7280;font-weight:500}.timeline-container .time svg{margin-right:6px}.timeline-container .action-buttons{display:flex;justify-content:flex-end;gap:10px;padding:15px;border-top:1px solid #e2e8eb}.reminder-form-group{display:flex;flex-direction:column;margin-bottom:20px}.reminder-form-group .react-datepicker-wrapper{width:100%}.reminder-form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.reminder-form-group input{width:100%}.reminder-form-action{display:flex;justify-content:flex-end;align-items:center;gap:10px}.attachment-images-popup{width:100%;position:relative}.attachment-images-popup .timeline-images-control{display:flex;justify-content:center;align-items:center;gap:10px;position:sticky;bottom:0;background-color:#fff;padding:10px}.attachment-images-popup img{width:100%;height:100%;object-fit:contain}.timeline-dawnload-imaeg-btn-outer{display:flex;justify-content:center;padding:15px}@media(min-width:768px){.timeline-dawnload-imaeg-btn-outer{padding:20px}}.submit-task-form{gap:5px}.submit-task-form,.submit-task-form .form-group{display:flex;flex-direction:column}.submit-task-form .form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;font-weight:500;letter-spacing:.4px;color:#333}.submit-task-form .form-group textarea{padding:10px;border-radius:8px;border:1px solid #e2e8eb;font-size:16px;resize:vertical}.submit-task-form .form-group .upload-card{position:relative;border-radius:8px;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed var(--primary-light);padding:10px;text-align:center;cursor:pointer;overflow:hidden}.submit-task-form .form-group .upload-card:hover{border-color:var(--primary);background:rgba(0,150,147,.05)}.submit-task-form .form-group .upload-card .upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.submit-task-form .form-group .upload-card .upload-text{font-size:14px;color:#4a4a4a}.submit-task-form .form-group .upload-card .upload-note{font-size:12px;color:#888}.submit-task-form .image-preview-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.submit-task-form .image-preview-grid .image-preview-item{position:relative;box-shadow:0 4px 6px rgba(0,0,0,.049)}.submit-task-form .image-preview-grid .image-preview-item img{border-radius:8px}.submit-task-form .image-preview-grid .image-preview-item .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;width:18px;height:18px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.submit-task-form .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.submit-task-form .task-timeline-btn-wrapper{display:flex;justify-content:flex-end}.task-page-toolbar .right-group,.task-page-toolbar .right-group .action-icons-horizontal{width:100%}.task-page-toolbar .right-group .action-icons-horizontal button:first-child{margin-left:0}.task-page-toolbar .right-group .action-icons-horizontal button:nth-child(2){margin-right:auto}.task-view-page{position:relative}.task-view-page .overview-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.task-view-page .overview-grid-container .card{background:#fff;padding:10px;border-radius:8px;border:1px solid #e2e8eb;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;cursor:pointer;text-decoration:none}.task-view-page .overview-grid-container .card:hover{box-shadow:0 4px 6px rgba(0,0,0,.049);border-color:var(--primary-light)}.task-view-page .overview-grid-container .card:hover .card-content .card-header .icon-shell{transform:scale(1.05);background-color:var(--primary)}.task-view-page .overview-grid-container .card:hover .card-content .card-header .icon-shell svg{color:#fff}.task-view-page .overview-grid-container .card .card-content{display:flex;flex-direction:column;height:100%}.task-view-page .overview-grid-container .card .card-content .card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:5px}.task-view-page .overview-grid-container .card .card-content .card-header .icon-shell{background-color:var(--primary-light-rgb);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;transition:all .3s ease;flex-shrink:0}.task-view-page .overview-grid-container .card .card-content .card-header .icon-shell svg{color:var(--primary);transition:color .3s ease}.task-view-page .overview-grid-container .card .card-content .card-header .card-values{flex:1 1}.task-view-page .overview-grid-container .card .card-content .card-header .card-values .card-label{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.task-view-page .overview-grid-container .card .card-content .card-header .card-values .value-count{font-size:16px;font-weight:600;color:var(--primary);line-height:1.2}.task-view-page .overview-grid-container .card .card-content .card-header .trend-indicator{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.task-view-page .overview-grid-container .card .card-content .card-header .trend-indicator svg{font-size:10px}.task-view-page .overview-grid-container .card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f3f4f6}.task-view-page .overview-grid-container .card .card-content .card-footer .view-all{color:#9ca3af;font-size:14px;font-weight:500}.task-view-page .overview-grid-container .card .card-content .card-footer .view-link{color:var(--primary);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.task-view-page .stat-performance-container .stats-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #e2e8eb;transition:all .3s ease}.task-view-page .stat-performance-container .stats-card .card-header-section{margin-bottom:20px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section{display:flex;align-items:flex-start;gap:10px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper{background:var(--primary-light-rgb);padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper svg{color:var(--primary);font-size:20px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#2c2b2e}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section p{margin:0;font-size:14px;color:#6b7280}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats{display:flex;gap:20px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item{display:flex;flex-direction:column;align-items:flex-end}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-label{font-size:14px;color:#6b7280;margin-bottom:4px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-value{font-size:16px;font-weight:600;color:#2c2b2e}.task-view-page .stat-performance-container .stats-card .card-header-section .controls-section{display:flex;justify-content:flex-end;align-items:center;gap:10px}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}@media(max-width:768px){.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid{grid-template-columns:1fr}}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item{display:flex;flex-direction:column;gap:8px}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item.full-width{grid-column:1/-1}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item .detail-label{font-size:14px;color:#6b7280;font-weight:600;display:flex;align-items:center;gap:8px}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item .detail-label .field-icon{color:var(--primary);font-size:14px}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item .detail-value{font-size:14px;color:#2c2b2e;font-weight:400;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8eb;display:flex;align-items:center}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item .detail-value.description-text{line-height:1.5}.task-view-page .stat-performance-container .stats-card .task-details-content .action-buttons{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e2e8eb}.task-view-page .stat-performance-container .stats-card .task-details-content .action-buttons button{display:flex;align-items:center;gap:5px;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff}.task-view-page .stat-performance-container .stats-card .task-details-content .action-buttons button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.task-view-page .stat-performance-container .stats-card .task-details-content .action-buttons button.reject{background:#ff4c51;border:1px solid rgba(239,68,68,.3)}.task-view-page .stat-performance-container .stats-card .task-details-content .action-buttons button.approve{background:#01a601;border:1px solid rgba(16,185,129,.3)}.task-view-page .stat-performance-container .stats-card .attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item{cursor:pointer;border-radius:8px;border:1px solid #e2e8eb;overflow:hidden;transition:all .3s ease}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item:hover .attachment-image-wrapper .image-overlay{opacity:1}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-image-wrapper{position:relative;aspect-ratio:1}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-image-wrapper .attachment-image{width:100%;height:100%;object-fit:cover}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-image-wrapper .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-image-wrapper .image-overlay .overlay-icon{color:#fff;font-size:24px}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-info{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-info .attachment-name{font-size:12px;font-weight:500;color:#6b7280}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-info .download-single-btn{background:none;border:none;color:var(--primary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-info .download-single-btn:hover{background:var(--primary-light-rgb)}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline{display:flex;flex-wrap:wrap;gap:10px}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item{background:#f8fafc;border-radius:8px;padding:10px;border:1px solid #e2e8eb;transition:all .3s ease}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item:hover{border-color:var(--primary-light)}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header .history-date{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;font-weight:500}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header .history-date .date-icon{font-size:12px;color:var(--primary)}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header .history-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header .history-status .status-icon{font-size:10px}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-description{color:#2c2b2e;line-height:1.5;font-size:14px;margin-bottom:12px}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .attachments-label{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;color:#6b7280;font-weight:500}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .attachments-label .attachments-icon{font-size:10px;color:var(--primary)}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .history-attachments-list{display:flex;gap:8px;flex-wrap:wrap}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .history-attachments-list .history-attachment .history-attachment-img{border-radius:4px;cursor:pointer;transition:transform .3s ease}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .history-attachments-list .history-attachment .history-attachment-img:hover{transform:scale(1.05)}@media(max-width:1024px){.task-view-page .overview-grid-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.task-view-page .overview-grid-container{grid-template-columns:1fr}.task-view-page .stat-performance-container .stats-card{padding:10px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content{flex-direction:column;gap:10px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats{width:100%;justify-content:space-between}}@media(max-width:1024px){.task-view-outer{grid-template-columns:1fr}.task-view-outer .task-view-wrapper .task-grid .description-span-two-columns{grid-column:span 4}.task-view-outer .task-attachment-outer{padding-top:0}.task-view-outer .task-attachment-outer .task-images-outer{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.task-view-outer .task-view-wrapper .task-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.task-view-outer .task-view-wrapper .task-grid .description-span-two-columns{grid-column:span 4}.task-view-outer .task-view-wrapper .task-grid .description-field p{padding:10px;font-size:14px}.task-view-outer .task-view-wrapper .task-card{gap:10px;padding:10px}.task-view-outer .task-view-wrapper .task-card .Status-wrapper{flex-wrap:wrap}.task-view-outer .task-view-wrapper .action-buttons{margin-top:10px}.task-view-outer .task-view-wrapper .action-buttons button{padding:7px 15px}.task-view-outer .task-attachment-outer .task-attachment-header{margin-bottom:5px;padding-bottom:5px}.task-view-outer .task-attachment-outer .task-attachment-header h2{font-size:20px}.task-view-outer .task-attachment-outer .task-images-outer{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.task-view-outer .task-attachment-outer .task-images-outer{grid-template-columns:repeat(2,1fr)}.task-view-outer .task-view-wrapper .task-grid{display:flex;flex-direction:column;gap:10px}.task-view-outer .task-view-wrapper .task-grid .task-grid-values{flex-direction:row;justify-content:space-between}.task-view-outer .task-view-wrapper .task-grid .task-grid-values strong{font-size:12px}.task-view-outer .task-view-wrapper .task-grid .description-field p{padding:10px;font-size:12px}.task-view-outer .task-view-wrapper .status-badge{padding:3px 10px;font-size:12px}.task-view-outer .task-view-wrapper .action-buttons{margin-top:0}.task-view-outer .task-histories__list{display:flex;flex-direction:column}}.myTask-table-calender-wrapper{display:flex;gap:20px;flex-wrap:wrap}.myTask-table-calender-wrapper .myTask-table-wrapper{flex:1 1}.my-tasks-show-all-btn-wrapper{margin-bottom:10px}.my-task-modern-calendar{width:320px;max-width:100%;color:#2e2e2e;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);margin:0 auto;-webkit-user-select:none;user-select:none}.my-task-modern-calendar .calendar-header{display:flex;justify-content:center;gap:12px;border-bottom:1px solid var(--primary);padding:6px 0;background-color:var(--primary)}.my-task-modern-calendar .calendar-header select.calendar-select{padding:5px 12px;font-size:14px;font-weight:500;border:1.5px solid #e2e8eb;border-radius:8px;background-color:#fff;color:#333;cursor:pointer;transition:border-color .3s,box-shadow .3s}.my-task-modern-calendar .calendar-header select.calendar-select:focus{border-color:var(--primary);box-shadow:0 0 8px rgba(var(--primary),.35);outline:none;background-color:#f8f9fc}.my-task-modern-calendar .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-weight:700;font-size:12px;color:#333;margin-bottom:8px;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--primary);padding:3px 0}.my-task-modern-calendar .calendar-weekdays .calendar-weekday{text-align:center;padding:4px 0;text-transform:uppercase}.my-task-modern-calendar .calendar-weekdays .calendar-weekday:first-child,.my-task-modern-calendar .calendar-weekdays .calendar-weekday:last-child{color:#999}.my-task-modern-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;justify-content:center;padding:5px 10px}.my-task-modern-calendar .calendar-grid .calendar-cell{position:relative;padding:8px 4px 6px;border-radius:8px;background-color:#f0f0f0;color:#2e2e2e;font-weight:400;font-size:14px;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease;outline-offset:2px}.my-task-modern-calendar .calendar-grid .calendar-cell.empty{background-color:rgba(0,0,0,0);border:none;cursor:default;pointer-events:none}.my-task-modern-calendar .calendar-grid .calendar-cell.clickable{cursor:pointer}.my-task-modern-calendar .calendar-grid .calendar-cell.clickable:focus-visible,.my-task-modern-calendar .calendar-grid .calendar-cell.clickable:hover{background-color:#dee9f2;box-shadow:0 3px 6px rgba(0,0,0,.1);outline:none}.my-task-modern-calendar .calendar-grid .calendar-cell .calendar-day-number{font-size:15px;line-height:1.1;-webkit-user-select:none;user-select:none}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-green .calendar-day-number{color:#01a601;font-weight:700}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-green .calendar-indicator{background-color:#01a601}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-red .calendar-day-number{color:#ff4c51;font-weight:700}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-red .calendar-indicator{background-color:#ff4c51}.my-task-modern-calendar .calendar-grid .calendar-cell .calendar-indicator{margin-top:4px;width:8px;height:8px;border-radius:50%;display:inline-block}.my-task-modern-calendar .calendar-legend{color:#333;-webkit-user-select:none;user-select:none;justify-content:center;gap:10px;margin:10px 0;font-size:12px;display:flex;border-top:1px solid var(--primary);padding:10px 0}.my-task-modern-calendar .calendar-legend .calendar-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.my-task-modern-calendar .calendar-legend .indicator-orange{background-color:orange}.my-task-modern-calendar .calendar-legend .indicator-green{background-color:#01a601}.my-task-modern-calendar .calendar-legend .indicator-red{background-color:#ff4c51}.my-task-modern-calendar .calendar-cell.highlight-orange{background-color:orange;color:#fff}.my-task-modern-calendar .calendar-cell.highlight-orange:hover{color:#333}.my-task-modern-calendar .calendar-cell.highlight-green{background-color:#01a601;color:#fff}.my-task-modern-calendar .calendar-cell.highlight-green:hover{color:#333}.my-task-modern-calendar .calendar-cell.highlight-red{background-color:#ff4c51;color:#fff}.my-task-modern-calendar .calendar-cell.highlight-red:hover{color:#333}.chat-attachments{position:absolute;overflow:hidden;width:100%;bottom:70px;left:0;background-color:#fff;z-index:9;padding:0 10px;border-radius:8px 8px 0 0;box-shadow:0 -4px 6px -2px rgba(0,0,0,.1)}.chat-attachments .attachment-previews{width:100%;margin-top:10px;border-top:1px solid #eee;padding-top:10px;position:relative;overflow:hidden}.chat-attachments .attachment-previews .attachment-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chat-attachments .attachment-previews .attachment-preview-header h4{font-size:12px;color:#666;margin:0;font-weight:500}.chat-attachments .attachment-previews .attachment-preview-header .clear-all-btn{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.chat-attachments .attachment-previews .attachment-preview-header .clear-all-btn:hover{background-color:rgba(0,150,147,.1)}.chat-attachments .attachment-previews .preview-grid{display:flex;white-space:nowrap;overflow:auto;width:100%;gap:8px;margin-bottom:12px;padding-bottom:4px}.chat-attachments .attachment-previews .preview-grid .preview-item{position:relative;border-radius:8px;overflow:hidden;height:80px;max-width:100px;box-shadow:0 2px 6px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08);flex-shrink:0}.chat-attachments .attachment-previews .preview-grid .preview-item .image-preview,.chat-attachments .attachment-previews .preview-grid .preview-item .video-preview{width:100%;height:100%;object-fit:cover}.chat-attachments .attachment-previews .preview-grid .preview-item .remove-preview{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;padding:0}.chat-attachments .attachment-previews .document-list{display:flex;white-space:nowrap;overflow:auto;width:100%;gap:8px;margin-bottom:12px;padding-bottom:4px}.chat-attachments .attachment-previews .document-list .document-item{display:flex;align-items:center;padding:8px;background:#f9f9f9;border-radius:4px;gap:8px;font-size:13px}.chat-attachments .attachment-previews .document-list .document-item .document-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachments .attachment-previews .document-list .document-item .document-size{color:#666;font-size:11px}.chat-attachments .attachment-previews .document-list .document-item .remove-document{background:none;border:none;color:#999;cursor:pointer;padding:0}.chat-attachments .attachment-previews .document-list .document-item .remove-document:hover{color:#ff4d4f}.chat-app{display:flex;height:calc(100vh - 100px);overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.chat-app.fullView{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999999;border-radius:0}.chat-app.autoView{position:relative}.chat-app .chat-sidebar{width:350px;border-right:1px solid rgba(0,150,147,.1607843137);display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.chat-app .chat-sidebar .chat-users-list{height:calc(100vh - 100px);overflow-y:auto;padding-bottom:120px}.chat-app .sidebar-header{display:flex;align-items:center;padding:16px;gap:12px;background-color:#fff;border-bottom:1px solid #e2e8eb}.chat-app .search-container{flex:1 1;display:flex;align-items:center;background-color:#f4f4f4;border-radius:8px;padding:8px 16px;gap:8px;position:relative}.chat-app .search-container .chat-action-btn{display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;right:5px;top:auto;background-color:rgba(0,0,0,0);border:none}.chat-app .search-container .chat-action-btn:focus{outline:none}.chat-app .search-icon{color:var(--primary);font-size:14px;display:flex;justify-content:center;align-items:center}.chat-app .search-input{flex:1 1;border:none;background:rgba(0,0,0,0);outline:none;font-size:14px;color:var(--primary);padding:0}.chat-app .search-input::placeholder{color:var(--primary)}.chat-app .toggle-users-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:var(--primary);color:#fff;border:none;cursor:pointer;transition:all .2s}.chat-app .toggle-users-btn:hover{transform:scale(1.01)}.chat-app .chat-list-container{flex:1 1;overflow-y:auto}.chat-app .all-users-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e2e8eb}.chat-app .all-users-header h4{font-size:14px;font-weight:600;color:#999}.chat-app .badge{background-color:#f4f4f4;color:var(--primary);font-size:12px;font-weight:600;padding:2px 8px;border-radius:8px}.chat-app .chat-item{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;transition:all .2s;position:relative;border-bottom:1px solid rgba(0,150,147,.1607843137)}.chat-app .chat-item:hover{background-color:#f4f4f4}.chat-app .chat-item.selected{background-color:rgba(var(--primary),.08);box-shadow:inset 3px 0 0 var(--primary)}.chat-app .chat-item .message-time{font-size:11px;color:#999;font-weight:500}.chat-app .user-avatar{position:relative}.chat-app .avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.chat-app .status-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.chat-app .status-indicator.online{background-color:#4ade80}.chat-app .status-indicator.offline{background-color:#94a3b8}.chat-app .user-info{flex:1 1;min-width:0}.chat-app .user-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.chat-app .unread-count{background-color:var(--primary);color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:8px}.chat-app .user-role{font-size:12px;color:#999}.chat-app .last-message{font-size:13px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-app .message-time{font-size:12px;color:hsla(0,0%,100%,.7);align-self:flex-start}.chat-app .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#999;gap:12px}.chat-app .clear-search-btn,.chat-app .start-chat-btn{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.chat-app .clear-search-btn:hover,.chat-app .start-chat-btn:hover{background-color:var(--primary-light)}.chat-app .chat-main{flex:1 1;display:flex;flex-direction:column;background-color:#f4f4f4;overflow:hidden}.chat-app .chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#fff;border-bottom:1px solid rgba(0,150,147,.1607843137);z-index:1}.chat-app .header-left{display:flex;align-items:center;gap:12px}.chat-app .user-details h3{font-size:16px;font-weight:600}.chat-app .user-status{font-size:13px;color:#999}.chat-app .header-right{display:flex;align-items:center;gap:8px}.chat-app .header-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:none;border:none;color:#999;cursor:pointer;transition:all .2s;position:relative}.chat-app .header-action-btn input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.chat-app .header-action-btn .delete-count{position:absolute;top:-2px;right:-2px;background-color:#ff4d4f;color:#fff;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.1);pointer-events:none}.chat-app .header-action-btn:hover{background-color:#f4f4f4;color:var(--primary)}.chat-app .messages-container{flex:1 1;padding:16px;overflow-y:auto;background-color:#f9fafb;background-image:linear-gradient(rgba(var(--primary),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary),.03) 1px,transparent 1px);background-size:20px 20px;display:flex;flex-direction:column;gap:12px;position:relative}.chat-app .messages-container::-webkit-scrollbar{display:block!important;width:5px;height:5px}.chat-app .messages-container::-webkit-scrollbar-track{background:rgba(var(--primary),.04);border-radius:8px}.chat-app .messages-container::-webkit-scrollbar-thumb{background:rgba(var(--primary),.2);border-radius:8px}.chat-app .messages-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary),.4)}.chat-app .messages-container .scroll-to-bottom-btn{color:var(--primary);cursor:pointer;z-index:10;background-color:#fff;border:none;border-radius:50%;width:30px;height:30px;padding:8px;position:sticky;bottom:0;margin:auto 10px 10px auto;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,150,147,.3333333333)}.chat-app .date-label{text-align:center;margin:16px 0;position:relative}.chat-app .date-label span{display:inline-block;padding:6px 14px;background-color:rgba(var(--primary),.1);color:var(--primary);font-size:12px;font-weight:600;border-radius:8px;position:relative;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-app .date-label:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:rgba(226,232,235,.5);z-index:0}.chat-app .message{display:flex;width:100%;cursor:pointer}.chat-app .message,.chat-app .message p,.chat-app .message span{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.chat-app .message p,.chat-app .message span{cursor:auto}.chat-app .message.sent{align-self:flex-end;justify-content:flex-end}.chat-app .message.received{align-self:flex-start}.chat-app .message-content{padding:12px 16px;border-radius:8px;position:relative;word-wrap:break-word;line-height:1.5;font-size:14px;max-width:80%}.chat-app .message-content .message-text{margin-bottom:4px}.chat-app .message-content .message-time{font-size:11px;display:flex;justify-content:flex-end;align-items:center;gap:5px;text-align:right;opacity:.8;margin-top:4px}.chat-app .message-content .message-status{position:absolute;right:-20px;bottom:0;font-size:14px;color:var(--primary)}.chat-app .message-content .message-status.read{color:#999}.chat-app .message.sent .message-content{background-color:var(--primary);color:#fff;border-top-right-radius:4px}.chat-app .message.received .message-content{background-color:#fff;color:#333;border-top-left-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.chat-app .message.received .message-time{color:hsla(0,0%,60%,.8)}.chat-app .empty-chat{flex:1 1;flex-direction:column;text-align:center;color:#999;gap:8px}.chat-app .empty-chat,.chat-app .no-chat-selected{display:flex;align-items:center;justify-content:center}.chat-app .no-chat-selected{flex:1 1;background-color:#f4f4f4;box-shadow:0 4px 6px rgba(0,0,0,.049)}.chat-app .no-chat-content{text-align:center;max-width:300px;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-app .no-chat-content h3{font-size:18px;font-weight:600;color:#333}.chat-app .no-chat-content p{font-size:14px;color:#999}.chat-app .new-chat-btn{padding:10px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.chat-app .new-chat-btn:hover{background-color:var(--primary-light);transform:translateY(-1px)}.chat-app .message-input-container{display:flex;align-items:center;padding:16px;background-color:#fff;border-top:1px solid #e2e8eb;gap:8px;position:relative}.chat-app .attachment-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--primary);cursor:pointer;transition:all .2s}.chat-app .attachment-btn:hover{color:var(--primary);background-color:#f4f4f4}.chat-app .attachment-panel{position:absolute;bottom:70px;left:20px;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:10px;z-index:10;display:flex;flex-direction:column;min-width:200px;transform-origin:bottom left;animation:fadeIn .2s ease-out}.chat-app .attachment-panel:after{content:"";position:absolute;bottom:-6px;left:20px;width:12px;height:12px;background-color:#fff;transform:rotate(45deg);box-shadow:3px 3px 5px rgba(0,0,0,.05)}.chat-app .attachment-option{display:flex;align-items:center;padding:8px 12px;border-radius:8px;background:none;border:none;color:#2c2b2e;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-align:left;gap:10px}.chat-app .attachment-option:hover{background-color:rgba(var(--primary),.08);color:var(--primary)}.chat-app .attachment-option .icon{font-size:18px;color:var(--primary)}.chat-app .input-wrapper{flex:1 1;display:flex;align-items:center;background-color:#f4f4f4;border-radius:8px;padding:0 10px;height:40px}.chat-app .message-input{flex:1 1;border:none;background:rgba(0,0,0,0);outline:none;padding:12px 0;font-size:14px;color:var(--primary)}.chat-app .message-input::placeholder{color:var(--primary)}.chat-app .emoji-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--primary);cursor:pointer;transition:all .2s}.chat-app .emoji-panel{position:absolute;bottom:70px;right:70px;z-index:10;box-shadow:0 10px 15px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.chat-app .send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:auto;border-radius:8px;background:var(--primary);color:#fff;border:none;cursor:pointer}.chat-app .send-btn:disabled{background:hsla(0,0%,80%,.5098039216);color:#666;cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.chat-app .chat-list-skeleton{display:flex;flex-direction:column;gap:12px;padding:12px 16px}.chat-app .chat-item-skeleton{display:flex;align-items:center;gap:12px}.chat-app .chat-info-skeleton{flex:1 1;display:flex;flex-direction:column;gap:8px}.chat-app .messages-skeleton{display:flex;flex-direction:column;gap:12px;padding:16px}.chat-app .message-skeleton{max-width:80%}.chat-app .message-skeleton.left{align-self:flex-start}.chat-app .message-skeleton.right{align-self:flex-end}.action-popup{position:absolute;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);min-width:160px;z-index:999999;overflow:hidden}.action-popup .popup-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;transition:background-color .2s}.action-popup .popup-item:hover{background-color:#f5f5f5}.action-popup .popup-item input[type=checkbox]{margin-left:8px;accent-color:var(--primary)}.message.selected{background-color:rgba(0,119,255,.1);border-radius:8px;position:relative}.message.selected:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,119,255,.1);z-index:9999}@media(min-width:769px){.chat-sidebar{width:350px;border-right:1px solid #e0e0e0}.mobile-hidden{display:block!important}.chatback-button{display:none}}@media(max-width:768px){.chat-app{flex-direction:column;height:calc(100vh - 140px)}.chat-app .chat-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8eb}.chat-app .chat-sidebar .chat-users-list{height:calc(100vh - 140px)}.chat-app .chat-item.selected,.chat-app .chat-item:hover{box-shadow:none;background-color:rgba(0,0,0,0)}.chat-app .emoji-panel{right:0}.chat-app .input-wrapper{height:35px}.chat-app .attachment-btn,.chat-app .avatar,.chat-app .send-btn{width:35px;height:35px}.chat-app .user-details h3{font-size:15px}.chat-app .header-left{gap:8px}.chat-app .header-action-btn{width:30px;height:30px}.chat-app .message-content{padding:5px 10px;max-width:90%}.chat-app .message-content .message-time{margin-top:2px;font-size:10px}.chat-app .date-label{margin:10px 0}.chat-main{flex:1 1}.chat-list-container{z-index:10}.chat-list-container,.chat-main{position:relative;top:0;left:0;width:100%;transition:transform .3s ease}.chat-main{height:100%;transform:translateX(100%)}.mobile-hidden{transform:translateX(-100%);height:0}.mobile-hidden .chat-item{background:none}.mobile-hidden .chat-item:after,.mobile-hidden .chat-item:before{content:""}.chat-main:not(.mobile-hidden){transform:translateX(0)}.chatback-button{background:none;border:none;margin-right:10px;font-size:1.2rem;cursor:pointer;color:#333;display:flex;justify-content:center;align-items:center}}.settings-container{display:flex;height:100%;gap:20px;align-items:flex-start}.settings-container .settings-navigation{width:250px;min-width:250px;position:sticky;top:80px}.settings-container .settings-content{flex:1 1;padding:0;overflow-y:auto;width:100%}.settings-container .settings-nav{position:relative;background-color:#fff;border-radius:8px;border:1px solid #e2e8eb}.settings-container .settings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.settings-container .settings-item{border-bottom:1px solid #f0f0f0}.settings-container .settings-item:hover .settings-label,.settings-container .settings-item:hover svg{color:var(--primary)}.settings-container .settings-item.active{background-color:#dee9f2}.settings-container .settings-item.active .settings-label{color:var(--primary);font-weight:600}.settings-container .settings-item.active svg{color:var(--primary)}.settings-container .settings-button{display:flex;align-items:center;width:100%;padding:1rem;border:none;background:none;cursor:pointer;text-align:left;transition:background .2s}.settings-container .settings-button:hover{background-color:#fafafa}.settings-container .settings-item-content{display:flex;align-items:center}.settings-container .settings-icon{font-size:20px;margin-right:15px;color:#999}.settings-container .settings-text{display:flex;flex-direction:column;align-items:flex-start}.settings-container .settings-text .settings-label{font-size:14px}.settings-container .settings-text .settings-sublabel{font-size:12px;color:#999}@media(max-width:1024px){.settings-container{flex-direction:column;padding:0;gap:1rem}.settings-container .settings-navigation{width:100%;order:-1}.settings-container .settings-content{padding:1rem .5rem}.settings-container .settings-nav{border-bottom:2px solid #e0e0e0;overflow-x:auto;scroll-snap-type:x mandatory}.settings-container .settings-nav::-webkit-scrollbar{height:3px}.settings-container .settings-nav::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:2px}.settings-container .settings-nav::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.settings-container .settings-list{display:grid;grid-template-columns:repeat(6,1fr)}.settings-container .settings-item{display:inline-block;border:1px solid #eee}.settings-container .settings-button{flex-direction:column;min-width:20px;padding:.75rem 1rem;text-align:center;height:100%}.settings-container .settings-button:focus{background-color:#dee9f2;border-bottom:2px solid var(--primary)}.settings-container .settings-button:active{background-color:#dee9f2}.settings-container .settings-item-content{flex-direction:column;align-items:center}.settings-container .settings-text{align-items:center}.settings-container .settings-text .settings-label{font-size:12px}.settings-container .settings-text .settings-sublabel{display:none;font-size:10px}}@media(max-width:768px){.settings-container .settings-content{padding:10px 0 0}.settings-container .settings-text{display:none}.settings-container .settings-list{display:grid;grid-template-columns:repeat(6,1fr)}}@media(max-width:468px){.settings-container{gap:5px}.settings-container .settings-button{padding:.3rem .5rem;min-width:50px}.settings-container .settings-icon{margin-right:0;margin-bottom:0}}.department-form-wrapper{display:flex;flex-direction:column;gap:20px}.shift-page .responsive-table .table-view .table-actions{display:flex;justify-content:flex-start;gap:10px}.shift-page .responsive-table .table-view .table-actions button{background-color:unset;border:none;outline:none}.shift-page .responsive-table .table-view .table-actions button svg{font-size:16px}.shift-page .responsive-table .table-view .table-actions .edit-btn{color:var(--primary)}.shift-page .responsive-table .table-view .table-actions .delete-btn{color:#ff4c51}.shift-form-inner label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.shift-form-inner input{width:100%;padding:8px 12px;border:1px solid #e2e8eb;border-radius:8px;outline:none;transition:border-color .2s}@media(max-width:768px){.shift-page .navigation-buttons{margin-bottom:20px}}.tax-page .action-buttons{display:flex;gap:.5rem;justify-content:flex-start}.tax-page .action-buttons svg{font-size:16px}.tax-page .update-add-btn{background-color:var(--primary);color:#fff;display:flex;gap:5px}.tax-page .update-add-btn .MuiButton-icon{margin:0}.tax-page .edit-btn{color:var(--primary)}.tax-page .delete-btn{color:#ff4c51}.tax-page__tabs-container{display:flex;justify-content:center;margin-bottom:20px}.tax-page__tabs{background:#f0f1f5;padding:4px;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tax-page__tab-pill,.tax-page__tabs{display:flex;align-items:center;border-radius:8px}.tax-page__tab-pill{gap:6px;padding:7px 16px;border:none;background:rgba(0,0,0,0);color:#8a93a8;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s ease}.tax-page__tab-pill:focus{outline:none}.tax-page__tab-pill:hover:not(.active){color:#4b5368;background:hsla(0,0%,100%,.55)}.tax-page__tab-pill.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.04)}@media(max-width:768px){.tax-page__tab-pill{padding:7px 12px;font-size:12px}}.tax-form-wrapper{display:flex;flex-direction:column;gap:15px}.tax-form-wrapper label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.tax-form-wrapper input{border:1px solid #efefef;border-radius:8px;width:100%;padding:10px 12px;font-size:16px;transition:all .2s}.tax-form-wrapper input:focus{border-color:var(--primary-light);outline:none}.tax-form-wrapper .create-tax-action-wrapper{display:flex;gap:10px;justify-content:flex-end}.permissions-form-outer td{text-transform:capitalize}.permissions-page{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);border-radius:8px;padding:20px}.permissions-page h5{font-size:24px;font-weight:700;color:#2c2b2e}.permissions-page .role-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:center;gap:20px}.permissions-page .role-cards-container .add-role-card,.permissions-page .role-cards-container .role-card{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);border-radius:8px;cursor:pointer}.permissions-page .role-cards-container .role-card{padding:10px;display:flex;flex-direction:column;gap:10px}.permissions-page .role-cards-container .role-card .role-card-actions .role-action{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.permissions-page .role-cards-container .add-role-card{display:flex;justify-content:center;align-items:center;gap:10px}.permissions-page .role-cards-container .add-role-card .add-role-body{padding:10px}.permissions-form-actions-icons-outer{display:flex;gap:10px;justify-content:center;border:none}.role-details-container{display:flex;flex-wrap:wrap;gap:10px}.role-details-container .role-detail-item{flex:1 1;display:flex;align-items:flex-start;gap:10px;border-radius:8px;white-space:nowrap}.role-details-container .role-detail-item .detail-icon{color:var(--primary);margin-top:5px}.role-details-container .role-detail-item .detail-content h4{margin:0 0 5px;font-size:14px;font-weight:600;color:#2c2b2e;text-transform:uppercase;letter-spacing:.5px}.role-details-container .role-detail-item .detail-content p{margin:0;font-size:13px;color:#2c2b2e}.role-details-container .permissions-badge{display:flex;align-items:center;gap:8px;font-size:13px}.role-details-container .permissions-badge .permission-icon{font-size:13px}.role-details-container .permissions-badge .permission-icon.all{color:#01a601}.role-details-container .permissions-badge .permission-icon.some{color:#fc0}.role-details-container .permissions-badge .permission-icon.none{color:#ff4c51}.sop-wrapper{margin:20px 0}.sop-wrapper .sop-heading{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;color:#2c2b2e;text-transform:uppercase;letter-spacing:.5px}.sop-wrapper .sop-heading svg{font-size:14px;color:var(--primary)}.sop-wrapper .sop-content{font-size:13px;line-height:20px;color:#2c2b2e;background:#fff;border:1px solid #e2e8eb;border-radius:6px;padding:10px 20px;overflow-wrap:break-word;white-space:normal}.sop-wrapper .sop-content *{max-width:100%;word-wrap:break-word;word-break:break-word}.sop-wrapper .sop-content h1,.sop-wrapper .sop-content h2,.sop-wrapper .sop-content h3,.sop-wrapper .sop-content h4,.sop-wrapper .sop-content h5,.sop-wrapper .sop-content h6{font-size:14px;font-weight:600;margin:8px 0 4px}.sop-wrapper .sop-content div,.sop-wrapper .sop-content p,.sop-wrapper .sop-content span{font-size:13px;line-height:20px}.sop-wrapper .sop-content ol,.sop-wrapper .sop-content ul{padding-left:18px;margin:6px 0}.sop-wrapper .sop-content img{width:100%;height:200px;border-radius:8px;object-fit:contain}.sop-wrapper .sop-content table{width:100%;border-collapse:collapse;margin-top:8px}.sop-wrapper .sop-content table td,.sop-wrapper .sop-content table th{border:1px solid #ccc;padding:6px;font-size:12px;text-align:left}.sop-wrapper .sop-content table th{background-color:#f1f1f1}.bank-account-form-wrapper .bank-account-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bank-account-form-wrapper .bank-account-form input,.bank-account-form-wrapper .bank-account-form select{border:1.5px solid #efefef;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:16px;transition:border-color .3s}.bank-account-form-wrapper .bank-account-form input:focus,.bank-account-form-wrapper .bank-account-form select:focus{border-color:var(--primary-light);outline:none}.bank-account-form-wrapper .bank-account-form input.no-spinner::-webkit-inner-spin-button,.bank-account-form-wrapper .bank-account-form input.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bank-account-form-wrapper .bank-account-form input.no-spinner{appearance:textfield}.bank-account-form-wrapper .bank-account-form .form-input-lable-wrapper label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.bank-account-form-wrapper .bank-form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}.bank-account-list .add-bank-btn-outer{display:flex;justify-content:flex-end;margin-bottom:1rem;gap:5px}@media(max-width:468px){.bank-account-form-wrapper .bank-account-form{display:flex;flex-direction:column}}.holiday-form-wrapper .form-input-lable-wrapper,.leave-form-wrapper .form-input-lable-wrapper{display:flex;flex-direction:column;gap:5px}.holiday-form-wrapper .form-input-lable-wrapper label,.leave-form-wrapper .form-input-lable-wrapper label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.holiday-form-wrapper .holiday-form,.holiday-form-wrapper s .leave-form,.leave-form-wrapper .holiday-form,.leave-form-wrapper s .leave-form{display:flex;flex-direction:column;gap:1rem}.holiday-form-wrapper .leave-form,.leave-form-wrapper .leave-form{display:flex;flex-direction:column;gap:10px}.holiday-form-wrapper .leave-form label,.leave-form-wrapper .leave-form label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.holiday-form-wrapper .holiday-form input,.holiday-form-wrapper .holiday-form select,.holiday-form-wrapper .leave-form input,.holiday-form-wrapper .leave-form select,.leave-form-wrapper .holiday-form input,.leave-form-wrapper .holiday-form select,.leave-form-wrapper .leave-form input,.leave-form-wrapper .leave-form select{padding:9px 12px;font-size:16px;border:1.5px solid #e2e8eb;border-radius:6px;transition:border-color .3s ease;outline:none;width:100%}.holiday-form-wrapper .holiday-form input:focus,.holiday-form-wrapper .holiday-form select:focus,.holiday-form-wrapper .leave-form input:focus,.holiday-form-wrapper .leave-form select:focus,.leave-form-wrapper .holiday-form input:focus,.leave-form-wrapper .holiday-form select:focus,.leave-form-wrapper .leave-form input:focus,.leave-form-wrapper .leave-form select:focus{border-color:var(--primary-light)}.holiday-form-wrapper .holiday-form-actions,.holiday-form-wrapper .leave-form-actions,.leave-form-wrapper .holiday-form-actions,.leave-form-wrapper .leave-form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}@media(max-width:480px){.holiday-form-wrapper .holiday-form-wrapper,.holiday-form-wrapper .leave-form-wrapper,.leave-form-wrapper .holiday-form-wrapper,.leave-form-wrapper .leave-form-wrapper{padding:1rem;max-width:100%}}.action-buttons{display:flex;gap:10px}.action-buttons .icon-button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:6px}.action-buttons .icon-button.edit-button{color:var(--primary)}.action-buttons .icon-button.delete-button{color:#ff4c51}.action-buttons .icon-button:hover{opacity:.8}.leave-holiday-container .tabs{display:flex;border-bottom:1px solid #e1e4e8;margin-bottom:20px;position:relative}.leave-holiday-container .add-holiday-leave-btn-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.leave-holiday-container .tab{display:flex;align-items:center;justify-content:center;padding:12px 24px;margin-right:8px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#586069;transition:all .3s ease;border-radius:6px 6px 0 0;position:relative;gap:8px}.leave-holiday-container .tab:hover{color:var(--primary);background-color:#f6f8fa}.leave-holiday-container .tab.active{color:var(--primary);background-color:#fff}.leave-holiday-container .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--primary);border-radius:3px 3px 0 0}.leave-holiday-container .setting-tab-content{padding:20px;border-radius:6px}.leave-holiday-container .setting-tab-content>*{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.leave-holiday-container .setting-tab-content{padding:0}}@media(max-width:325px){.leave-holiday-container .tab{padding:10px}}.Sdash-container .overview-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.Sdash-container .s-card{position:relative;overflow:hidden;padding:8px 10px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:none;cursor:pointer;text-decoration:none}.Sdash-container .s-card.clickable{transition:all .2s ease}.Sdash-container .s-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .2s ease;cursor:pointer}.Sdash-container .s-card .card-content{display:flex;align-items:center;gap:10px}.Sdash-container .s-card .icon-shell{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:rgba(var(--primary),.1)}.Sdash-container .s-card .icon-shell .card-icon{font-size:16px;color:var(--primary)}.Sdash-container .s-card .card-title{font-size:13px;font-weight:500;color:#999;margin-bottom:2px}.Sdash-container .s-card .card-value{font-size:24px;font-weight:700;color:var(--primary);margin:2px 0}.Sdash-container .s-card .progress-tag .trend{font-size:10px;padding:2px 6px;border-radius:8px}.Sdash-container .s-card .progress-tag .trend.up{background:rgba(1,166,1,.1);color:#01a601}.Sdash-container .s-card .progress-tag .trend.down{background:rgba(255,76,81,.1);color:#ff4c51}.Sdash-container .s-card.admin-card{background:#fff;box-shadow:0 4px 6px -1px rgba(66,153,225,.1),0 2px 4px -1px rgba(66,153,225,.06)}.Sdash-container .s-card.admin-card .card-icon,.Sdash-container .s-card.admin-card .card-value,.Sdash-container .s-card.admin-card .icon-shell{color:#4299e1}.Sdash-container .s-card.company-card{background:#fff;box-shadow:0 4px 6px -1px rgba(72,187,120,.1),0 2px 4px -1px rgba(72,187,120,.06)}.Sdash-container .s-card.company-card .card-icon,.Sdash-container .s-card.company-card .card-value,.Sdash-container .s-card.company-card .icon-shell{color:#48bb78}.Sdash-container .s-card.verified-card{background:#fff;box-shadow:0 4px 6px -1px rgba(159,122,234,.1),0 2px 4px -1px rgba(159,122,234,.06)}.Sdash-container .s-card.verified-card .card-icon,.Sdash-container .s-card.verified-card .card-value,.Sdash-container .s-card.verified-card .icon-shell{color:#9f7aea}.Sdash-container .s-card.pending-card{background:#fff;box-shadow:0 4px 6px -1px rgba(237,137,54,.1),0 2px 4px -1px rgba(237,137,54,.06)}.Sdash-container .s-card.pending-card .card-icon,.Sdash-container .s-card.pending-card .card-value,.Sdash-container .s-card.pending-card .icon-shell{color:#ed8936}.location-form{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.location-form .map-group{grid-column:1/-1}.admin-avatar-placeholder{width:80px;height:80px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff}.allAdmin-table-outer input,.allAdmin-table-outer select{padding:3px 11px;border-radius:8px;font-size:14px}.allAdmin-table-outer select{cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.049)}.allAdmin-table-outer .status-select{padding:6px 10px;border-radius:8px;font-weight:500}.allAdmin-table-outer .status-select.active{color:#22c55e;border:1px solid #22c55e;background-color:#f0fdf4}.allAdmin-table-outer .status-select.blocked{color:#ef4444;border:1px solid #ef4444;background-color:#fef2f2}.company-table-outer select{cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.049)}.company-table-outer input,.company-table-outer select{padding:3px 11px;border-radius:8px;font-size:14px}.company-table-outer .verification-select.verified{color:#28a745;border:1px solid #28a745}.company-table-outer .verification-select.pending,.company-table-outer .verification-select.under_review{color:#fd7e14;border:1px solid #fd7e14}.company-table-outer .verification-select.block,.company-table-outer .verification-select.rejected{color:#d93025;border:1px solid #d93025}.company-table-outer .verification-select:not(.verified):not(.pending):not(.under_review):not(.rejected):not(.block){color:#333;border:1px solid #333}.company-table-outer .payment-select.pending{color:#fd7e14;border:1px solid #fd7e14}.company-table-outer .payment-select.processing{color:#17a2b8;border:1px solid #17a2b8}.company-table-outer .payment-select.completed{color:#28a745;border:1px solid #28a745}.company-table-outer .payment-select.failed{color:#d93025;border:1px solid #d93025}.company-table-outer .payment-select:not(.pending):not(.processing):not(.completed):not(.failed){color:#333;border:1px solid #333}.Scompany-nav-outer ul{display:flex;gap:15px;margin-bottom:20px}.Scompany-nav-outer ul a{text-decoration:none;color:#fff;font-weight:500}.Scompany-nav-outer .content-area{width:100%;margin:0 50px}.Scompany-nav-outer .company-table td:last-child{display:flex;align-items:center;justify-content:center;gap:10px;border:none}.Scompany-nav-outer .action-buttons{display:flex;gap:10px;align-items:center}.Scompany-nav-outer .action-buttons button{border:none;font-size:14px;background-color:var(--primary);padding:5px 10px;font-weight:600;border-radius:8px;color:#fff}.Scompany-nav-outer .action-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.058);border-color:rgba(var(--primary),.2);cursor:pointer}.vc-modern-container{padding:0}.vc-modern-container .vc-logo-fallback{width:64px;height:64px;border-radius:50%;background:#f9f9f9;border:2px solid #e2e8eb;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--primary);flex-shrink:0}.vc-modern-container .vc-modern-header{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:16px;border:1px solid #e2e8eb}.vc-modern-container .vc-modern-header .vc-header-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.vc-modern-container .vc-modern-header .vc-company-logo{display:flex;align-items:center;gap:14px}.vc-modern-container .vc-modern-header .vc-header-text{display:flex;flex-direction:column;gap:4px}.vc-modern-container .vc-modern-header .vc-company-name{font-size:20px;font-weight:700;color:var(--primary);margin:0}.vc-modern-container .vc-modern-header .vc-company-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:13px;color:#999}.vc-modern-container .vc-modern-header .vc-company-meta span{padding:0 10px;position:relative}.vc-modern-container .vc-modern-header .vc-company-meta span:first-child{padding-left:0}.vc-modern-container .vc-modern-header .vc-company-meta span:not(:last-child):after{content:"|";position:absolute;right:-2px;color:#e2e8eb}.vc-modern-container .vc-modern-header .vc-status-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:capitalize;white-space:nowrap}.vc-modern-container .vc-modern-header .vc-status-badge.vc-status-success{background:rgba(1,166,1,.1);color:#01a601}.vc-modern-container .vc-modern-header .vc-status-badge.vc-status-warning{background:rgba(255,204,0,.12);color:#fc0}.vc-modern-container .vc-modern-header .vc-status-badge.vc-status-danger{background:rgba(255,76,81,.1);color:#ff4c51}.vc-modern-container .vc-modern-header .vc-status-badge.vc-status-default{background:#f9f9f9;color:#999}.vc-modern-container .vc-modern-grid{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}.vc-modern-container .vc-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e2e8eb}.vc-modern-container .vc-section-title .vc-title-icon{font-size:14px;color:var(--primary);flex-shrink:0}.vc-modern-container .vc-details-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;border:1px solid #e2e8eb}.vc-modern-container .vc-details-card .vc-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item{background:#f9f9f9;border-radius:8px;padding:12px 14px}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item .vc-detail-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:4px}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item .vc-detail-value{display:block;font-size:14px;color:#2c2b2e;font-weight:500;text-transform:capitalize}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item .vc-detail-value.vc-status{font-size:13px;font-weight:600}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item .vc-detail-value.vc-status.vc-status-success{color:#01a601}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item .vc-detail-value.vc-status.vc-status-warning{color:#fc0}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item .vc-detail-value.vc-status.vc-status-danger{color:#ff4c51}.vc-modern-container .vc-details-card .vc-detail-grid .vc-detail-item .vc-detail-value.vc-status.vc-status-default{color:#999}.vc-modern-container .vc-details-card .vc-terms-block{border-top:1px dashed #e2e8eb;padding-top:14px;margin-top:4px}.vc-modern-container .vc-details-card .vc-terms-block .vc-terms-label{display:block;font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.vc-modern-container .vc-details-card .vc-terms-block .vc-terms-content{font-size:13px;line-height:1.6;color:#2c2b2e}.vc-modern-container .vc-details-card .vc-terms-block .toggle-btn{font-size:12px;font-weight:600;color:var(--primary);background:none;border:none;cursor:pointer;padding:4px 0 0;text-decoration:underline;display:inline-block;margin-top:4px}.vc-modern-container .vc-details-card .vc-terms-block .toggle-btn:hover{opacity:.8}.vc-modern-container .subscribed-package-card{position:relative;background:#fff;border:1px solid #e2e8eb;border-radius:8px;padding:20px;overflow:hidden}.vc-modern-container .subscribed-package-card .ribbon{position:absolute;top:14px;right:-26px;background:var(--primary);color:#fff;padding:3px 32px;font-size:11px;font-weight:700;transform:rotate(45deg);letter-spacing:.5px}.vc-modern-container .subscribed-package-card .vc-package-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.vc-modern-container .subscribed-package-card .vc-package-meta .vc-package-meta-item{background:#f9f9f9;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.vc-modern-container .subscribed-package-card .vc-package-meta .vc-package-meta-item .vc-package-meta-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999}.vc-modern-container .subscribed-package-card .vc-package-meta .vc-package-meta-item .vc-package-meta-value{font-size:13px;font-weight:500;color:#2c2b2e;text-transform:capitalize}.vc-modern-container .subscribed-package-card .vc-package-meta .vc-package-meta-item .vc-package-meta-value.vc-pkg-status-active{color:#01a601;font-weight:600}.vc-modern-container .subscribed-package-card .vc-package-meta .vc-package-meta-item .vc-package-meta-value.vc-pkg-status-expired,.vc-modern-container .subscribed-package-card .vc-package-meta .vc-package-meta-item .vc-package-meta-value.vc-pkg-status-inactive{color:#ff4c51}.vc-modern-container .subscribed-package-card .vc-modules-block{border-top:1px dashed #e2e8eb;padding-top:14px}.vc-modern-container .subscribed-package-card .vc-modules-block .vc-modules-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:0 0 10px}.vc-modern-container .subscribed-package-card .vc-modules-block .vc-modules-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.vc-modern-container .subscribed-package-card .vc-modules-block .vc-modules-list .vc-module-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px}.vc-modern-container .subscribed-package-card .vc-modules-block .vc-modules-list .vc-module-tag.vc-module-active{background:rgba(1,166,1,.1);color:#01a601}.vc-modern-container .subscribed-package-card .vc-modules-block .vc-modules-list .vc-module-tag.vc-module-inactive{background:rgba(255,76,81,.08);color:#ff4c51}.vc-modern-container .subscribed-package-card .vc-modules-block .vc-modules-list .vc-module-tag .vc-module-icon{font-size:11px}.vc-modern-container .vc-documents-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8eb;position:sticky;top:20px}.vc-modern-container .vc-documents-card .vc-documents-grid{display:grid;gap:14px}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card{border:1px solid #e2e8eb;border-radius:8px;overflow:hidden;cursor:pointer}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card.vc-document-empty{cursor:default}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-header{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;padding:10px 14px;font-size:13px;font-weight:600;color:#2c2b2e}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-header .vc-download-btn{font-size:13px;color:var(--primary);cursor:pointer;flex-shrink:0}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-header .vc-download-btn:hover{opacity:.75}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-preview{position:relative;height:180px;background:#f3f3f3;display:flex;align-items:center;justify-content:center}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-preview .vc-document-image{transition:transform .2s ease}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-preview .vc-document-image:hover{transform:scale(1.04)}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-preview .vc-doc-link{font-size:13px;color:var(--primary);text-decoration:underline}.vc-modern-container .vc-documents-card .vc-documents-grid .vc-document-card .vc-document-missing{display:flex;align-items:center;justify-content:center;height:120px;font-size:13px;color:#999;font-style:italic;background:#f9f9f9}@media(max-width:1100px){.vc-modern-container .vc-modern-grid{grid-template-columns:1fr}.vc-modern-container .vc-documents-card{position:static}}@media(max-width:768px){.vc-modern-container .vc-modern-header .vc-header-main{flex-wrap:wrap;gap:10px}.vc-modern-container .subscribed-package-card .vc-package-meta,.vc-modern-container .vc-details-card .vc-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.vc-modern-container .vc-modern-header .vc-header-main{flex-direction:column;align-items:flex-start}.vc-modern-container .vc-modern-header .vc-company-logo{flex-direction:column;align-items:flex-start;gap:10px}.vc-modern-container .vc-modern-header .vc-company-meta{flex-direction:column;gap:2px}.vc-modern-container .vc-modern-header .vc-company-meta span:after{display:none}.vc-modern-container .subscribed-package-card .vc-package-meta,.vc-modern-container .vc-details-card .vc-detail-grid{grid-template-columns:1fr}}.edit-company-wrapper{padding:32px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.05);margin:32px auto;font-family:Segoe UI,sans-serif}.edit-company-wrapper h1{font-size:24px;font-weight:700;margin-bottom:24px}.edit-company-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.edit-company-form .form-group{display:flex;flex-direction:column}.edit-company-form .form-group label{font-size:16px;font-weight:500;margin-bottom:6px;color:#2c2b2e}.edit-company-form .form-group input,.edit-company-form .form-group select{width:100%;padding:10px;font-size:16px;border:1px solid rgba(0,150,147,.34);border-radius:8px}.edit-company-form .form-group input:focus,.edit-company-form .form-group select:focus{border-color:var(--primary);outline:none}.edit-company-form .form-group select{cursor:pointer}.edit-company-form .image-preview{position:relative;width:100%;height:200px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#f9f9f9}.va-container{padding:0}.va-container .va-avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover}.va-container .va-avatar-fallback{width:64px;height:64px;border-radius:50%;background:#f9f9f9;border:2px solid #e2e8eb;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--primary);flex-shrink:0}.va-container .va-header{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:16px;border:1px solid #e2e8eb}.va-container .va-header .va-header-main{display:flex;align-items:center;gap:14px}.va-container .va-header .va-avatar-wrap{flex-shrink:0}.va-container .va-header .va-header-text{flex:1 1;display:flex;flex-direction:column;gap:4px}.va-container .va-header .va-name{font-size:20px;font-weight:700;color:var(--primary);margin:0}.va-container .va-header .va-meta{display:flex;align-items:center;flex-wrap:wrap;font-size:13px;color:#999}.va-container .va-header .va-meta span{padding:0 10px;position:relative}.va-container .va-header .va-meta span:first-child{padding-left:0}.va-container .va-header .va-meta span:not(:last-child):after{content:"|";position:absolute;right:-2px;color:#e2e8eb}.va-container .va-header .va-status-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.va-container .va-header .va-status-badge.va-status-active{background:rgba(1,166,1,.1);color:#01a601}.va-container .va-header .va-status-badge.va-status-blocked,.va-container .va-header .va-status-badge.va-status-inactive{background:rgba(255,76,81,.1);color:#ff4c51}.va-container .va-header .va-status-badge.va-status-pending{background:rgba(255,204,0,.12);color:#fc0}.va-container .va-grid{display:grid;grid-template-columns:1fr 420px;gap:16px;align-items:start}.va-container .va-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e2e8eb}.va-container .va-section-title .va-title-icon{font-size:14px;color:var(--primary);flex-shrink:0}.va-container .va-details-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8eb}.va-container .va-details-card .va-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}.va-container .va-details-card .va-detail-grid .va-detail-item{background:#f9f9f9;border-radius:8px;padding:12px 14px}.va-container .va-details-card .va-detail-grid .va-detail-item .va-detail-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:5px}.va-container .va-details-card .va-detail-grid .va-detail-item .va-detail-label .va-detail-icon{display:flex;align-items:center;color:var(--primary);font-size:11px}.va-container .va-details-card .va-detail-grid .va-detail-item .va-detail-value{display:block;font-size:14px;color:#2c2b2e;font-weight:500;text-transform:capitalize}.va-container .va-details-card .va-roles-block{border-top:1px dashed #e2e8eb;padding-top:14px}.va-container .va-details-card .va-roles-block .va-roles-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:0 0 10px}.va-container .va-details-card .va-roles-block .va-roles-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.va-container .va-details-card .va-roles-block .va-roles-list .va-role-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px;background:rgba(1,166,1,.1);color:#01a601;text-transform:capitalize}.va-container .va-companies-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8eb;position:sticky;top:20px}.va-container .va-companies-card .va-companies-list{display:flex;flex-direction:column;gap:10px}.va-container .va-companies-card .va-companies-list .va-company-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9f9f9;border-radius:8px;border:1px solid #e2e8eb;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.va-container .va-companies-card .va-companies-list .va-company-item:hover{box-shadow:0 4px 6px rgba(0,0,0,.049);transform:translateY(-1px)}.va-container .va-companies-card .va-companies-list .va-company-item .va-company-logo-img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.va-container .va-companies-card .va-companies-list .va-company-item .va-company-logo-fallback{width:32px;height:32px;border-radius:50%;background:#f3f3f3;border:1px solid #e2e8eb;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--primary);flex-shrink:0}.va-container .va-companies-card .va-companies-list .va-company-item .va-company-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.va-container .va-companies-card .va-companies-list .va-company-item .va-company-info .va-company-name{font-size:13px;font-weight:600;color:#2c2b2e}.va-container .va-companies-card .va-companies-list .va-company-item .va-company-arrow{font-size:18px;color:var(--primary);line-height:1}.va-container .va-companies-card .va-no-data{font-size:13px;color:#999;text-align:center;padding:20px 0;font-style:italic}@media(max-width:1100px){.va-container .va-grid{grid-template-columns:1fr}.va-container .va-companies-card{position:static}}@media(max-width:768px){.va-container .va-header .va-header-main{flex-wrap:wrap;gap:10px}.va-container .va-details-card .va-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.va-container .va-header .va-header-main{flex-direction:column;align-items:flex-start}.va-container .va-header .va-meta{flex-direction:column;gap:2px}.va-container .va-header .va-meta span:after{display:none}.va-container .va-details-card .va-detail-grid{grid-template-columns:1fr}}.business-categories{margin:0 auto;padding:20px 0}.business-categories .section-header{margin-bottom:24px}.business-categories .section-header h2{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.business-categories .section-header p{color:#666;font-size:14px}.business-categories .category-form{display:flex;gap:12px;margin-bottom:24px}.business-categories .category-form input,.business-categories .category-form select{max-width:250px;width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.business-categories .category-form input:focus,.business-categories .category-form select:focus{outline:none;border-color:var(--primary)}.business-categories .category-form .form-buttons{display:flex;gap:8px}.business-categories .categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.business-categories .categories-list .category-item{background:#fff;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.049)}.business-categories .categories-list .category-item span{font-weight:500;white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.business-categories .categories-list .category-item .item-actions{display:flex;gap:8px}.business-categories .categories-list .category-item .item-actions button{font-size:14px;border:none;background:rgba(0,0,0,0)}.business-categories .categories-list .error,.business-categories .categories-list .loader{padding:20px;text-align:center;grid-column:1/-1}.business-categories .categories-list .error{color:#d32f2f}.business-categories .view-more{width:100%;margin-top:16px;background:#f5f5f5}.business-types-page .add-business-type-btn-wrapper{display:flex;justify-content:flex-end;margin-bottom:10px}.busness-type-form-wrapper .busness-type-input-wrapper{display:flex;flex-direction:column;gap:10px}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group{display:flex;flex-direction:column}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group input{border:1px solid #e2e8eb}.busness-type-form-wrapper .busness-type-form-action-wrapper{display:flex;gap:10px;justify-content:flex-end;margin-top:21px}.payment-methods-page{padding:10px 0}.payment-methods-page .page-header{margin-bottom:20px}.payment-methods-page .page-header h2{font-size:22px;font-weight:600;margin-bottom:4px}.payment-methods-page .page-header p{color:#333;font-size:14px}@media(max-width:768px){.payment-methods-page .page-header h2{font-size:18px}.payment-methods-page .page-header p{font-size:12px}}.payment-methods-page .payment-methods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}@media(max-width:768px){.payment-methods-page .payment-methods-grid{grid-template-columns:repeat(2,1fr)}}.payment-methods-page .payment-card{border:1px solid #e2e8eb;border-radius:8px;background:#fff;padding:18px;cursor:pointer;transition:.2s ease;box-shadow:0 4px 6px rgba(0,0,0,.049);display:flex;justify-content:space-between;align-items:center}.payment-methods-page .payment-card:hover{border-color:var(--primary)}.payment-methods-page .payment-card.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.payment-methods-page .payment-card .payment-icon{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.payment-methods-page .payment-card .payment-icon img{width:100%;height:100%;object-fit:contain}.payment-methods-page .payment-card .payment-content{display:flex;align-items:center;justify-content:space-between;gap:5px}.payment-methods-page .payment-card .payment-content h4{font-size:15px;font-weight:600}.payment-methods-page .payment-card .payment-content .selected-icon{color:#16a34a;font-size:18px}@media(max-width:768px){.payment-methods-page .payment-card{padding:10px}.payment-methods-page .payment-card .payment-icon{width:30px;height:30px}.payment-methods-page .payment-card .payment-content h4{font-size:12px}.payment-methods-page .payment-card .payment-content .selected-icon{font-size:14px}}.payment-methods-page .payment-actions{margin-top:20px;display:flex;justify-content:flex-end}.add-package-form{display:flex;flex-direction:column;gap:20px}.add-package-form .form-group-outer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.add-package-form .form-group-outer .form-group .multi-select{position:relative}.add-package-form .form-group-outer .form-group .multi-select .dropdown-toggle{width:100%;padding:10px;background:#fff;border:1px solid #cbd5e0;border-radius:8px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .2s}.add-package-form .form-group-outer .form-group .multi-select .dropdown-toggle:hover{border-color:#a0aec0}.add-package-form .form-group-outer .form-group .multi-select .dropdown-toggle svg{color:var(--primary);font-size:12px}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:10;margin-top:.25rem}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu .dropdown-item{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;text-transform:capitalize}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu .dropdown-item:hover{background:#f7fafc}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu .dropdown-item span{font-size:14px;color:var(--primary);font-weight:600}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu .dropdown-item input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px}.add-package-form .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.add-package-form .plans-grid .plan-card{flex:1 1;border-radius:8px;background:var(--primary);overflow:hidden}.add-package-form .plans-grid .plan-card h3{padding:10px 12px 5px;text-align:center;color:#fff}.add-package-form .plans-grid .plan-card-content{padding:10px 12px;border-radius:8px;margin:1px;background-color:#fff}.add-package-form .plans-grid .plan-card .rules-section{margin:20px 0}.add-package-form .plans-grid .plan-card .rules-section .rules-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.add-package-form .plans-grid .plan-card .rules-section .rules-header button{display:flex;justify-content:space-between;align-items:center;gap:5px;cursor:pointer;padding:4px 10px;font-size:12px;border-radius:8px;background-color:var(--primary);color:#fff}.add-package-form .plans-grid .plan-card .rules-section .rule-row{display:flex;align-items:center;gap:10px;margin-top:8px}.add-package-form .plans-grid .plan-card .rules-section .rule-row input{flex:1 1}.add-package-form .plans-grid .plan-card .rules-section .rule-row svg{color:#ff4c51}.add-package-form .plans-grid .plan-card .modules{display:flex;flex-direction:column;gap:6px;margin-top:10px}.add-package-form .plans-grid .plan-card .modules label{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize;cursor:pointer}.add-package-form .plans-grid .plan-card .modules input{accent-color:var(--primary);width:16px;height:16px}.plan-config{display:flex;flex-direction:column;gap:5px}.plan-config strong{font-size:13px;color:#4a5568}.pricing-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:2rem}@media(max-width:768px){.pricing-cards-container{grid-template-columns:1fr}}.pricing-cards-container .pricing-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s}.pricing-cards-container .pricing-card .card-header{background:var(--primary);color:#fff;padding:10px 20px;position:relative;display:flex;justify-content:space-between;align-items:center}.pricing-cards-container .pricing-card .card-header .clear-card-btn{background:none;border:none;color:#ff4c51;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.pricing-cards-container .pricing-card .card-header h3{margin:0;font-size:1.2rem}.pricing-cards-container .pricing-card .card-body{padding:20px}.limit-input-group,.price-input-group{margin-bottom:15px}.limit-input-group label,.price-input-group label{display:block;margin-bottom:5px;font-weight:500;color:#333;display:flex;align-items:center;gap:8px}.limit-input-group input,.price-input-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.limit-checkbox-group{display:flex;flex-direction:column;gap:10px;margin-top:10px;grid-column:1/-1}.limit-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:#4a5568;transition:color .2s}.limit-checkbox-group label:hover{color:#2d3748}.limit-checkbox-group label input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px}.price-input-group input{font-weight:700;color:var(--primary)}@media(max-width:1440px){.package-form-modal{width:80%!important}}@media(max-width:1024px){.package-form-modal{width:100%!important}.add-package-form .form-group-outer{grid-template-columns:repeat(2,1fr)}.add-package-form .plans-grid{grid-template-columns:1fr}}.refund_view_outer{background:#f9fafb;min-height:100vh;font-family:Inter,sans-serif;color:#1f2937}.refund_view_outer .refund_view_title{font-size:22px;font-weight:600;margin-bottom:20px;color:#111827}.refund_view_outer .refund_view_card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 20px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,.04)}.refund_view_outer .refund_view_card .refund_view_section_title{color:#374151;margin-bottom:12px;font-size:20px;font-weight:600;justify-content:space-between;flex-wrap:wrap;display:flex}.refund_view_outer .refund_view_card p{margin-bottom:6px;font-size:14px;display:flex;flex-direction:column;gap:5px}.refund_view_outer .refund_view_card p strong{color:#111827;font-weight:500}.refund_view_outer .refund_view_records_list{list-style:none;padding:0;margin:0}.refund_view_outer .refund_view_records_list .refund_view_record_item{border-bottom:1px solid #f3f4f6;padding:10px 0;display:flex;justify-content:space-between;flex-wrap:wrap}.refund_view_outer .refund_view_records_list .refund_view_record_item:last-child{border-bottom:none}.refund_view_outer .refund_view_records_list .refund_view_record_item p{margin:4px 0;font-size:14px}.refund_view_outer .refund_view_record_status,.refund_view_outer .refund_view_refund_status,.refund_view_outer .refund_view_status{padding:3px 8px;border-radius:6px;font-size:13px;font-weight:500;display:inline-block}.refund_view_outer .refund_view_status{background:#dbeafe;color:#1e40af}.refund_view_outer .refund_view_refund_status{background:#fef3c7;color:#92400e}.refund_view_outer .refund_view_record_status.approved{background:#dcfce7;color:#166534}.refund_view_outer .refund_view_record_status.completed{background:#dbeafe;color:#1e3a8a}.refund_view_outer .refund_view_record_status.declined{background:#fee2e2;color:#991b1b}.refund_view_outer .refund_view_record_status.pending{background:#fef3c7;color:#92400e}.refund_view_outer .refund_view_actions{display:flex;gap:12px;margin-top:20px}.refund_view_outer .refund_view_actions .refund_view_btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease}.refund_view_outer .refund_view_actions .refund_view_btn_approve{background:#22c55e;color:#fff}.refund_view_outer .refund_view_actions .refund_view_btn_approve:hover{background:#16a34a}.refund_view_outer .refund_view_actions .refund_view_btn_complete{background:#3b82f6;color:#fff}.refund_view_outer .refund_view_actions .refund_view_btn_complete:hover{background:#2563eb}.refund_view_outer .refund_view_actions .refund_view_btn_decline{background:#ef4444;color:#fff}.refund_view_outer .refund_view_actions .refund_view_btn_decline:hover{background:#dc2626}.refund_view_status_modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.refund_view_status_list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.refund_view_status_item{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:12px;border-left:4px solid #007bff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.refund_view_status_item:last-child{margin-bottom:0}.refund_view_status_item p{margin:8px 0;color:#333;font-size:14px;line-height:1.4}.refund_view_status_item strong{color:#495057;font-weight:600;min-width:120px;display:inline-block}.refund_view_status_item [data-status=pending]{border-left-color:#ffc107}.refund_view_status_item [data-status=approved]{border-left-color:#17a2b8}.refund_view_status_item [data-status=refunded]{border-left-color:#28a745}.refund_view_status_item [data-status=declined]{border-left-color:#dc3545}.refund_status_badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.refund_status_badge.pending{background-color:#fff3cd;color:#856404}.refund_status_badge.approved{background-color:#d1ecf1;color:#0c5460}.refund_status_badge.refunded{background-color:#d4edda;color:#155724}.refund_status_badge.declined{background-color:#f8d7da;color:#721c24}.refund_modal_header{border-bottom:1px solid #e9ecef;padding-bottom:16px;margin-bottom:20px}.refund_modal_footer{border-top:1px solid #e9ecef;padding-top:16px;margin-top:20px;text-align:right}.refund_modal_close_btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.refund_modal_close_btn:hover{background:#5a6268}.refund_view_empty_state{text-align:center;padding:40px 20px;color:#6c757d}.refund_view_empty_state p{font-size:16px;margin:0}@media(max-width:600px){.refund_view_status_item{padding:12px}.refund_view_status_item strong{min-width:100px;font-size:13px}.refund_view_status_item p{font-size:13px}}.refund_view_decline_form{display:flex;flex-direction:column;gap:12px}.refund_view_decline_form .refund_view_decline_textarea{border:1px solid #efefef;border-radius:8px;width:100%;padding:8px 12px;font-size:16px}.refund_view_decline_form .refund_view_decline_textarea:focus{border-color:var(--primary-light);background:none}.refund_view_decline_form .refund_view_decline_actions{display:flex;justify-content:flex-end;gap:10px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}svg{cursor:pointer}::selection{background:var(--primary);color:#fff}a{text-decoration:none}ul{list-style:none}::-moz-selection{background:var(--primary);color:#fff}label{letter-spacing:.4px;color:#2c2b2e;margin-bottom:10px;font-size:14px;font-weight:500;display:block}@media(max-width:480px){label{margin-bottom:6px;font-size:12px}}.Toastify__toast-container{z-index:999999999999999!important}.Toastify__toast{opacity:1!important}.MuiTypography-root,body,button,input,textarea{font-family:Sora,sans-serif!important}.drag-scroll{cursor:grab;-webkit-user-select:auto;user-select:auto}.drag-scroll.dragging,.drag-scroll.dragging th,.drag-scroll.dragging tr{cursor:grabbing;-webkit-user-select:none;user-select:none}body{background-color:#f8f7fa}::-webkit-scrollbar{display:none}.buttons,.cancel-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--primary);font-size:14px;letter-spacing:.3px;display:flex;justify-content:center;text-align:center;align-items:center;gap:5px;cursor:pointer}.buttons{background-color:var(--primary);color:#fff}.buttons:hover{background-color:var(--primary-light-rgb);color:var(--primary)}.cancel-btn{background-color:rgba(0,0,0,0);color:var(--primary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input,select,textarea{background-color:#fff}input:focus,select:focus,textarea:focus{outline:none}.hr-attendance-table .user-status .status{text-transform:capitalize;padding:5px 12px;color:#fff;border-radius:8px;text-align:center}.hr-attendance-table .approval-status .status{text-transform:capitalize;padding:5px 12px;color:#fff;border-radius:50px;text-align:center}.datetime-local-input:hover{cursor:pointer}.employee-attendance-view .approval-status .status,.employee-attendance-view .user-status .status{text-transform:capitalize;padding:5px 12px;color:#fff;border-radius:8px;text-align:center}.single-item-images{height:200px}.main{display:flex;overflow:hidden;width:100%}.main .main-content{flex:1 1;overflow-y:auto;width:100%;min-height:0;height:100vh}.main .main-content .page-content{padding:20px 0;margin:0 50px}.login-container{align-items:center;gap:20px}.login-card,.login-card form,.login-container{display:flex;flex-direction:column}.login-card form{gap:20px}.login-card form input{padding:10px;font-size:18px}.login-card form button{padding:10px;cursor:pointer}.react-datepicker-popper{z-index:999999!important;box-shadow:0 4px 6px rgba(0,0,0,.049)}.react-datepicker-popper .react-datepicker{border:1px solid var(--primary);border-radius:8px;background-color:#fff}.react-datepicker-popper .react-datepicker__popper{background-color:#fff;z-index:99999}.react-datepicker-popper .react-datepicker__week{text-align:center;cursor:pointer;border-bottom:1px solid #f4f4f4;grid-template-columns:repeat(7,1fr);padding:5px 0;display:grid}.react-datepicker-popper .react-datepicker__day-names{text-align:center;border-bottom:.5px solid var(--primary);grid-template-columns:repeat(7,1fr);display:grid}.react-datepicker-popper .react-datepicker__month{padding:5px}.react-datepicker-popper .react-datepicker__month:last-child{border-bottom:none}.react-datepicker-popper .react-datepicker__header--custom{background-color:var(--primary);color:#fff}.react-datepicker-popper .react-datepicker span.react-datepicker__aria-live{font-size:20px;display:flex;justify-content:center}.react-datepicker-popper .react-datepicker .react-datepicker__day-name{color:#fff;font-size:15px;font-weight:500}.react-datepicker-popper .date-p-header{display:flex;gap:2px;padding:10px 5px}.react-datepicker-popper .date-p-btn{font-size:29px;color:#fff;cursor:pointer;background-color:hsla(0,0%,100%,0);border:none}.react-datepicker-popper .date-p-header-month,.react-datepicker-popper .date-p-year,.react-datepicker-popper select.mr-2.p-1.bg-white.border.rounded,.react-datepicker-popper select.p-1.bg-white.border.rounded{padding:5px}.react-datepicker-popper .datepicker-sunday{color:red!important}svg.react-datepicker__triangle{color:var(--primary)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{color:#fff;background-color:#216ba5;border-radius:8px}.react-datepicker__day--keyboard-selected.datepicker-sunday,.react-datepicker__day--selected.datepicker-sunday{color:#fff!important;background-color:#216ba5;border-radius:8px}.react-datepicker__day{padding:0;font-size:14px;font-weight:500;color:var(--primary)}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem;background-color:var(--primary)}.react-datepicker__day-name,h2.react-datepicker__current-month{color:#fff!important}.react-datepicker__month-container{float:left;width:100%}.react-datepicker__tab-loop{position:absolute}.react-datepicker__month-dropdown-container--select,.react-datepicker__year-dropdown-container--select{margin:0!important}.react-datepicker__header__dropdown.react-datepicker__header__dropdown--select{display:flex;gap:10px;justify-content:space-around}.form-group.select-wrapper{position:relative;width:100%}.select-container{position:relative}.select-container select{width:100%;padding:8px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(0,0,0,0);font-size:15px;font-weight:500;border:1px solid #efefef;border-radius:8px;transition:all .2s}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.select-arrow svg{color:#ccc}.placeholder-selected{color:#ccc;font-size:16px;font-weight:500;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.value-selected{color:#000}.placeholder-selected+.select-arrow svg{color:#ccc}.value-selected+.select-arrow svg,select option{color:#000}select option[value=""]{color:#ccc;font-size:14px;font-weight:500}input::placeholder,textarea::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}@media(max-width:1024px){.main .main-content{margin:0}.main .main-content .header{padding:10px}.main .main-content .header .header-inner{margin:0}.main .main-content .page-content{padding:10px;margin:0}}@media screen and (max-width:767px){.main .main-content{padding-bottom:80px}}@media(max-width:468px){.buttons,.cancel-btn{padding:5px 10px;font-size:12px}}