@font-face{font-family:DMSans;src:url(../media/DMSans-Regular.01i_9negox7_n.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DMSans;src:url(../media/DMSans-Medium.00_ahqzxkcv48.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:DMSans;src:url(../media/DMSans-SemiBold.0s2izet0m20yd.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:DMSans;src:url(../media/DMSans-Bold.10qbwpqmtlnd2.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:DMSans;src:url(../media/DMSans-ExtraBold.178~3sodqob~m.ttf)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:DMSans;src:url(../media/DMSans-Black.07djzsyzw938v.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Montserrat;src:url(../media/Montserrat-Regular.0bo7e9v9754vn.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(../media/Montserrat-Medium.07ipgfkh2bsqt.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(../media/Montserrat-SemiBold.00nb~spmxvz.h.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(../media/Montserrat-Bold.0~7wshzu60itr.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(../media/Montserrat-ExtraBold.0gyxvoju55o-y.ttf)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Montserrat;src:url(../media/Montserrat-Black.0oyy9eqm2otlk.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-Regular.0ig-i.~71684d.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-Medium.12-z_vx4-38mq.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-SemiBold.0shmft~o533r1.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-Bold.0gr-kbgsqtcpo.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-ExtraBold.036m1n_p.liwa.ttf)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-Black.0-sjwg_b1b_0t.ttf)format("truetype");font-weight:900;font-style:normal}body.light{--primary-color:#384b70;--primary-light:#9cb9d0;--primary-light-rgb:#dee9f2;--primary-color-rgb:0, 150, 147;--primary-color-dark-rgb:0, 106, 104;--primary-color-dark:#006a68;--body-color:#f1f9f9;--color:#333;--box-color:#fff}body.dark{--primary-color:#000;--primary-light:#333;--primary-light-rgb:#46505a;--primary-color-rgb:0, 0, 0;--primary-color-dark-rgb:0, 0, 0;--primary-color-dark:#000;--body-color:#f1f9f9;--color:#fff;--box-color:#000}body.green{--primary-color:#28a745;--primary-light:#5cd68a;--primary-light-rgb:#d2f0dc;--primary-color-rgb:40, 167, 69;--primary-color-dark-rgb:33, 137, 60;--primary-color-dark:#21893c;--body-color:#f8f9fc;--color:#333;--box-color:#fff}body.blue{--primary-color:#007bff;--primary-light:#66b2ff;--primary-light-rgb:#c8e6ff;--primary-color-rgb:0, 123, 255;--primary-color-dark-rgb:0, 105, 209;--primary-color-dark:#0069d1;--body-color:#f8f9fc;--color:#333;--box-color:#fff}.notification-popup-container{display:flex;position:relative}.notification-popup-container .notification-trigger{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-popup-container .notification-trigger .notification-badge{color:#fff;background:#e02424;border-radius:50%;padding:2px 5px;font-size:10px;font-weight:600;line-height:1;position:absolute;top:-4px;right:-4px}.notification-popup-container .notification-overlay{z-index:9;background:0 0;position:fixed;inset:0}.notification-popup-container .notification-popup{z-index:10;background:#fff;border:1px solid #eaeaea;border-radius:8px;flex-direction:column;width:320px;max-height:400px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}.notification-popup-container .popup-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-popup-container .popup-header h3{color:#333;margin:0;font-size:15px;font-weight:600}.notification-popup-container .popup-header .mark-all-button{color:#4a90e2;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.notification-popup-container .popup-header .mark-all-button:hover{text-decoration:underline}.notification-popup-container .popup-content{flex:1;padding:8px 0;overflow-y:auto}.notification-popup-container .loading,.notification-popup-container .error,.notification-popup-container .empty{text-align:center;color:#666;padding:20px}.notification-popup-container .loading .empty-icon,.notification-popup-container .error .empty-icon,.notification-popup-container .empty .empty-icon{color:#ccc;margin-bottom:8px;font-size:24px}.notification-popup-container .notification-list{flex-direction:column;gap:5px;padding:0 8px;display:flex}.notification-popup-container .notification-list .notification-item{cursor:pointer;border-radius:4px;gap:12px;margin:0 8px;padding:12px;display:flex}.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{background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.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;min-width:0}.notification-popup-container .notification-list .notification-item .notification-content .notification-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.notification-popup-container .notification-list .notification-item .notification-content .notification-header h4{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.notification-popup-container .notification-list .notification-item .notification-content .notification-header .unread-dot{background:#4a90e2;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notification-popup-container .notification-list .notification-item .notification-content .notification-message{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;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{color:#666;margin-top:4px;font-size:12px;display:flex}.notification-popup-container .notification-list .notification-item .notification-content .attachments .attachment .file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notification-popup-container .notification-list .notification-item .notification-content .attachments .attachment .file-size{color:#999;flex-shrink:0;margin-left:8px}.notification-popup-container .notification-list .notification-item .notification-content .notification-time{color:#999;margin-top:8px;font-size:11px}.notification-popup-container .popup-footer{text-align:center;border-top:1px solid #f0f0f0;padding:12px 16px}.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;gap:12px;margin-bottom:8px;padding:16px;display:flex}.notification-skeleton .skeleton-indicator{background:#f0f0f0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.notification-skeleton .skeleton-content{flex-direction:column;flex:1;gap:12px;display:flex}.notification-skeleton .skeleton-content .skeleton-title,.notification-skeleton .skeleton-content .skeleton-message,.notification-skeleton .skeleton-content .skeleton-time{background:#f0f0f0;border-radius:4px;animation:1.5s ease-in-out infinite pulse}.notification-skeleton .skeleton-content .skeleton-title{width:60%;height:16px}.notification-skeleton .skeleton-content .skeleton-message{width:90%;height:14px}.notification-skeleton .skeleton-content .skeleton-footer .skeleton-time{width:40%;height:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.notifications-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.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{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.notifications-error .retry-button:hover{background:#ff7875}.modal-overlay{z-index:2147483647;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{background-color:#00000080;position:fixed;inset:0}.modal-container{z-index:1001;background-color:#fff;border-radius:5px;max-height:90vh;margin:0 10px;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-maximized{border-radius:0;width:100vw;height:100vh;max-height:100vh;margin:0}.modal-header{z-index:9999;background-color:#e2e8f0;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.modal-header .modal-title{align-items:center;gap:10px;margin:0;font-size:20px;font-weight:500;display:flex}.modal-header .modal-close-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-header .modal-close-btn:hover{color:#2c2b2e}.modal-content h6{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.modal-content{padding:20px}.modal-content input,.modal-content textarea,.modal-content select{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:var(--primary-light)}.modal-content input[type=radio],.modal-content input[type=checkbox]{width:auto}.modal-content .form-actions{justify-content:flex-end;align-items:center;gap:20px;display:flex}.bulk-delete-popup{flex-direction:column;gap:1rem;padding:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}#bulk-type-select{border:1px solid #ccc;border-radius:6px;padding:.5rem;font-size:1rem}.selection-info{color:#555;font-size:.95rem}.popup-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.delete{color:#fff;background-color:#e53935}.btn.cancel{color:#333;background-color:#e0e0e0}.btn.delete:hover{background-color:#c62828}.btn.cancel:hover{background-color:#ccc}@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}}.privacy-policy-page,.terms-service-page,.refund-policy-page,.return-policy-page,.shipping-policy-page,.about-page,.about-us-page,.archives-page,.careers-page,.contact-page,.disclosures-page,.research-page,.manual-page,.newsroom-page,.calculators-page,.security-page,.team-page,.listed-companies,.listed-company-view{color:#333;background-color:#f9f9f9;min-height:100vh;font-family:Rubik,sans-serif}.privacy-policy-page-inner,.terms-service-page-inner,.refund-policy-page-inner,.return-policy-page-inner,.shipping-policy-page-inner,.about-page-inner,.about-us-page-inner,.archives-page-inner,.careers-page-inner,.contact-page-inner,.disclosures-page-inner,.research-page-inner,.manual-page-inner,.newsroom-page-inner,.calculators-page-inner,.security-page-inner,.team-page-inner,.listed-companies-inner,.listed-company-view-inner{width:100%;max-width:85%;margin:auto;padding:20px}.privacy-policy-page-inner h1,.terms-service-page-inner h1,.refund-policy-page-inner h1,.return-policy-page-inner h1,.shipping-policy-page-inner h1,.about-page-inner h1,.about-us-page-inner h1,.archives-page-inner h1,.careers-page-inner h1,.contact-page-inner h1,.disclosures-page-inner h1,.research-page-inner h1,.manual-page-inner h1,.newsroom-page-inner h1,.calculators-page-inner h1,.security-page-inner h1,.team-page-inner h1,.listed-companies-inner h1,.listed-company-view-inner h1{color:var(--primary-color);text-align:center;margin-bottom:1rem;font-size:40px;font-weight:700}.privacy-policy-page-inner p,.terms-service-page-inner p,.refund-policy-page-inner p,.return-policy-page-inner p,.shipping-policy-page-inner p,.about-page-inner p,.about-us-page-inner p,.archives-page-inner p,.careers-page-inner p,.contact-page-inner p,.disclosures-page-inner p,.research-page-inner p,.manual-page-inner p,.newsroom-page-inner p,.calculators-page-inner p,.security-page-inner p,.team-page-inner p,.listed-companies-inner p,.listed-company-view-inner p{margin-bottom:1rem;font-size:16px;line-height:1.6}.privacy-policy-page-inner section,.privacy-policy-page-inner .policy-content,.terms-service-page-inner section,.terms-service-page-inner .policy-content,.refund-policy-page-inner section,.refund-policy-page-inner .policy-content,.return-policy-page-inner section,.return-policy-page-inner .policy-content,.shipping-policy-page-inner section,.shipping-policy-page-inner .policy-content,.about-page-inner section,.about-page-inner .policy-content,.about-us-page-inner section,.about-us-page-inner .policy-content,.archives-page-inner section,.archives-page-inner .policy-content,.careers-page-inner section,.careers-page-inner .policy-content,.contact-page-inner section,.contact-page-inner .policy-content,.disclosures-page-inner section,.disclosures-page-inner .policy-content,.research-page-inner section,.research-page-inner .policy-content,.manual-page-inner section,.manual-page-inner .policy-content,.newsroom-page-inner section,.newsroom-page-inner .policy-content,.calculators-page-inner section,.calculators-page-inner .policy-content,.security-page-inner section,.security-page-inner .policy-content,.team-page-inner section,.team-page-inner .policy-content,.listed-companies-inner section,.listed-companies-inner .policy-content,.listed-company-view-inner section,.listed-company-view-inner .policy-content{margin-top:2rem}.privacy-policy-page-inner section h2,.privacy-policy-page-inner .policy-content h2,.terms-service-page-inner section h2,.terms-service-page-inner .policy-content h2,.refund-policy-page-inner section h2,.refund-policy-page-inner .policy-content h2,.return-policy-page-inner section h2,.return-policy-page-inner .policy-content h2,.shipping-policy-page-inner section h2,.shipping-policy-page-inner .policy-content h2,.about-page-inner section h2,.about-page-inner .policy-content h2,.about-us-page-inner section h2,.about-us-page-inner .policy-content h2,.archives-page-inner section h2,.archives-page-inner .policy-content h2,.careers-page-inner section h2,.careers-page-inner .policy-content h2,.contact-page-inner section h2,.contact-page-inner .policy-content h2,.disclosures-page-inner section h2,.disclosures-page-inner .policy-content h2,.research-page-inner section h2,.research-page-inner .policy-content h2,.manual-page-inner section h2,.manual-page-inner .policy-content h2,.newsroom-page-inner section h2,.newsroom-page-inner .policy-content h2,.calculators-page-inner section h2,.calculators-page-inner .policy-content h2,.security-page-inner section h2,.security-page-inner .policy-content h2,.team-page-inner section h2,.team-page-inner .policy-content h2,.listed-companies-inner section h2,.listed-companies-inner .policy-content h2,.listed-company-view-inner section h2,.listed-company-view-inner .policy-content h2{color:#2c2b2e;margin-bottom:.5rem;font-size:24px;font-weight:600}.privacy-policy-page-inner section ul,.privacy-policy-page-inner section ol,.privacy-policy-page-inner .policy-content ul,.privacy-policy-page-inner .policy-content ol,.terms-service-page-inner section ul,.terms-service-page-inner section ol,.terms-service-page-inner .policy-content ul,.terms-service-page-inner .policy-content ol,.refund-policy-page-inner section ul,.refund-policy-page-inner section ol,.refund-policy-page-inner .policy-content ul,.refund-policy-page-inner .policy-content ol,.return-policy-page-inner section ul,.return-policy-page-inner section ol,.return-policy-page-inner .policy-content ul,.return-policy-page-inner .policy-content ol,.shipping-policy-page-inner section ul,.shipping-policy-page-inner section ol,.shipping-policy-page-inner .policy-content ul,.shipping-policy-page-inner .policy-content ol,.about-page-inner section ul,.about-page-inner section ol,.about-page-inner .policy-content ul,.about-page-inner .policy-content ol,.about-us-page-inner section ul,.about-us-page-inner section ol,.about-us-page-inner .policy-content ul,.about-us-page-inner .policy-content ol,.archives-page-inner section ul,.archives-page-inner section ol,.archives-page-inner .policy-content ul,.archives-page-inner .policy-content ol,.careers-page-inner section ul,.careers-page-inner section ol,.careers-page-inner .policy-content ul,.careers-page-inner .policy-content ol,.contact-page-inner section ul,.contact-page-inner section ol,.contact-page-inner .policy-content ul,.contact-page-inner .policy-content ol,.disclosures-page-inner section ul,.disclosures-page-inner section ol,.disclosures-page-inner .policy-content ul,.disclosures-page-inner .policy-content ol,.research-page-inner section ul,.research-page-inner section ol,.research-page-inner .policy-content ul,.research-page-inner .policy-content ol,.manual-page-inner section ul,.manual-page-inner section ol,.manual-page-inner .policy-content ul,.manual-page-inner .policy-content ol,.newsroom-page-inner section ul,.newsroom-page-inner section ol,.newsroom-page-inner .policy-content ul,.newsroom-page-inner .policy-content ol,.calculators-page-inner section ul,.calculators-page-inner section ol,.calculators-page-inner .policy-content ul,.calculators-page-inner .policy-content ol,.security-page-inner section ul,.security-page-inner section ol,.security-page-inner .policy-content ul,.security-page-inner .policy-content ol,.team-page-inner section ul,.team-page-inner section ol,.team-page-inner .policy-content ul,.team-page-inner .policy-content ol,.listed-companies-inner section ul,.listed-companies-inner section ol,.listed-companies-inner .policy-content ul,.listed-companies-inner .policy-content ol,.listed-company-view-inner section ul,.listed-company-view-inner section ol,.listed-company-view-inner .policy-content ul,.listed-company-view-inner .policy-content ol{margin-left:1.5rem;list-style-type:disc}.privacy-policy-page-inner section ul li,.privacy-policy-page-inner section ol li,.privacy-policy-page-inner .policy-content ul li,.privacy-policy-page-inner .policy-content ol li,.terms-service-page-inner section ul li,.terms-service-page-inner section ol li,.terms-service-page-inner .policy-content ul li,.terms-service-page-inner .policy-content ol li,.refund-policy-page-inner section ul li,.refund-policy-page-inner section ol li,.refund-policy-page-inner .policy-content ul li,.refund-policy-page-inner .policy-content ol li,.return-policy-page-inner section ul li,.return-policy-page-inner section ol li,.return-policy-page-inner .policy-content ul li,.return-policy-page-inner .policy-content ol li,.shipping-policy-page-inner section ul li,.shipping-policy-page-inner section ol li,.shipping-policy-page-inner .policy-content ul li,.shipping-policy-page-inner .policy-content ol li,.about-page-inner section ul li,.about-page-inner section ol li,.about-page-inner .policy-content ul li,.about-page-inner .policy-content ol li,.about-us-page-inner section ul li,.about-us-page-inner section ol li,.about-us-page-inner .policy-content ul li,.about-us-page-inner .policy-content ol li,.archives-page-inner section ul li,.archives-page-inner section ol li,.archives-page-inner .policy-content ul li,.archives-page-inner .policy-content ol li,.careers-page-inner section ul li,.careers-page-inner section ol li,.careers-page-inner .policy-content ul li,.careers-page-inner .policy-content ol li,.contact-page-inner section ul li,.contact-page-inner section ol li,.contact-page-inner .policy-content ul li,.contact-page-inner .policy-content ol li,.disclosures-page-inner section ul li,.disclosures-page-inner section ol li,.disclosures-page-inner .policy-content ul li,.disclosures-page-inner .policy-content ol li,.research-page-inner section ul li,.research-page-inner section ol li,.research-page-inner .policy-content ul li,.research-page-inner .policy-content ol li,.manual-page-inner section ul li,.manual-page-inner section ol li,.manual-page-inner .policy-content ul li,.manual-page-inner .policy-content ol li,.newsroom-page-inner section ul li,.newsroom-page-inner section ol li,.newsroom-page-inner .policy-content ul li,.newsroom-page-inner .policy-content ol li,.calculators-page-inner section ul li,.calculators-page-inner section ol li,.calculators-page-inner .policy-content ul li,.calculators-page-inner .policy-content ol li,.security-page-inner section ul li,.security-page-inner section ol li,.security-page-inner .policy-content ul li,.security-page-inner .policy-content ol li,.team-page-inner section ul li,.team-page-inner section ol li,.team-page-inner .policy-content ul li,.team-page-inner .policy-content ol li,.listed-companies-inner section ul li,.listed-companies-inner section ol li,.listed-companies-inner .policy-content ul li,.listed-companies-inner .policy-content ol li,.listed-company-view-inner section ul li,.listed-company-view-inner section ol li,.listed-company-view-inner .policy-content ul li,.listed-company-view-inner .policy-content ol li{margin-bottom:.5rem;font-size:16px}.privacy-policy-page-inner section a,.privacy-policy-page-inner .policy-content a,.terms-service-page-inner section a,.terms-service-page-inner .policy-content a,.refund-policy-page-inner section a,.refund-policy-page-inner .policy-content a,.return-policy-page-inner section a,.return-policy-page-inner .policy-content a,.shipping-policy-page-inner section a,.shipping-policy-page-inner .policy-content a,.about-page-inner section a,.about-page-inner .policy-content a,.about-us-page-inner section a,.about-us-page-inner .policy-content a,.archives-page-inner section a,.archives-page-inner .policy-content a,.careers-page-inner section a,.careers-page-inner .policy-content a,.contact-page-inner section a,.contact-page-inner .policy-content a,.disclosures-page-inner section a,.disclosures-page-inner .policy-content a,.research-page-inner section a,.research-page-inner .policy-content a,.manual-page-inner section a,.manual-page-inner .policy-content a,.newsroom-page-inner section a,.newsroom-page-inner .policy-content a,.calculators-page-inner section a,.calculators-page-inner .policy-content a,.security-page-inner section a,.security-page-inner .policy-content a,.team-page-inner section a,.team-page-inner .policy-content a,.listed-companies-inner section a,.listed-companies-inner .policy-content a,.listed-company-view-inner section a,.listed-company-view-inner .policy-content a{color:var(--primary-color);text-decoration:none}.privacy-policy-page-inner section a:hover,.privacy-policy-page-inner .policy-content a:hover,.terms-service-page-inner section a:hover,.terms-service-page-inner .policy-content a:hover,.refund-policy-page-inner section a:hover,.refund-policy-page-inner .policy-content a:hover,.return-policy-page-inner section a:hover,.return-policy-page-inner .policy-content a:hover,.shipping-policy-page-inner section a:hover,.shipping-policy-page-inner .policy-content a:hover,.about-page-inner section a:hover,.about-page-inner .policy-content a:hover,.about-us-page-inner section a:hover,.about-us-page-inner .policy-content a:hover,.archives-page-inner section a:hover,.archives-page-inner .policy-content a:hover,.careers-page-inner section a:hover,.careers-page-inner .policy-content a:hover,.contact-page-inner section a:hover,.contact-page-inner .policy-content a:hover,.disclosures-page-inner section a:hover,.disclosures-page-inner .policy-content a:hover,.research-page-inner section a:hover,.research-page-inner .policy-content a:hover,.manual-page-inner section a:hover,.manual-page-inner .policy-content a:hover,.newsroom-page-inner section a:hover,.newsroom-page-inner .policy-content a:hover,.calculators-page-inner section a:hover,.calculators-page-inner .policy-content a:hover,.security-page-inner section a:hover,.security-page-inner .policy-content a:hover,.team-page-inner section a:hover,.team-page-inner .policy-content a:hover,.listed-companies-inner section a:hover,.listed-companies-inner .policy-content a:hover,.listed-company-view-inner section a:hover,.listed-company-view-inner .policy-content a:hover{color:rgba(var(--primary-color), 10%)}.listed-company-view .company-header{border-bottom:1px solid #e2e8eb;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex}.listed-company-view .company-header .company-logo-section{position:relative}.listed-company-view .company-header .company-logo-section .company-badge{color:#fff;background:#384b70;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:1px;display:flex;position:absolute;bottom:-8px;right:-8px}.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%}.listed-company-view .company-header .company-info .company-title{color:#2c2b2e;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1.2}.listed-company-view .company-header .company-info .meta-item{align-items:center;gap:8px;font-size:16px;display:flex}.listed-company-view .company-header .company-info .meta-item .meta-icon{color:var(--primary-color);font-size:18px}.listed-company-view .company-header .company-info .meta-item .meta-label{color:#2c2b2e;min-width:100px;font-weight:600}.listed-company-view .company-header .company-info .meta-item .meta-value{color:#333;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{color:#2c2b2e;margin-bottom:10px;font-size:26px}.listed-company-view .navigation-section .section-header .section-subtitle{color:#333;margin:0;font-size:18px}.listed-company-view .navigation-section .navigation-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.listed-company-view .navigation-section .navigation-grid .navigation-card{cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:5px;padding:0;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.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{z-index:2;align-items:center;gap:12px;padding:20px;display:flex;position:relative}.listed-company-view .navigation-section .navigation-grid .navigation-card .icon-wrapper{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex}.listed-company-view .navigation-section .navigation-grid .navigation-card .icon-wrapper .nav-icon{font-size:25px}.listed-company-view .navigation-section .navigation-grid .navigation-card .text-content{flex:1}.listed-company-view .navigation-section .navigation-grid .navigation-card .text-content .card-title{color:#2c2b2e;margin:0 0 5px;font-size:20px;font-weight:600}.listed-company-view .navigation-section .navigation-grid .navigation-card .text-content .card-description{color:#333;margin:0;font-size:14px;line-height:1.4}.listed-company-view .navigation-section .navigation-grid .navigation-card .arrow-icon{color:#6b7280;font-size:16px;transition:transform .2s}.listed-company-view .navigation-section .navigation-grid .navigation-card .hover-indicator{border-radius:5px 0 0 5px;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.listed-company-view .view-other-companies{color:#2c2b2e;justify-content:flex-end;align-items:center;margin-top:20px;display:flex}.listed-company-view .view-other-companies:hover{color:var(--primary-color)}.listed-companies .page-header{border-bottom:1px solid #e2e8eb;margin-bottom:20px;padding-bottom:10px}.listed-companies .page-header .header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.listed-companies .page-header .header-content .title-section{align-items:center;gap:10px;display:flex}.listed-companies .page-header .header-content .title-section .title-icon{color:#384b70;font-size:24px}.listed-companies .page-header .header-content .title-section .page-title{color:#2c2b2e;margin:0;font-size:28px;font-weight:700}.listed-companies .page-header .header-content .title-section .companies-count{color:#6b7280;background:#f3f4f6;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:500}.listed-companies .page-header .header-content .controls-section{align-items:center;gap:10px;display:flex}.listed-companies .page-header .header-content .controls-section .view-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px;display:flex}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button:focus{border:none;outline:none}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button:hover{color:#475569;background:#e2e8f0}.listed-companies .page-header .header-content .controls-section .view-toggle .toggle-button.active{color:#384b70;background:#fff;box-shadow:0 1px 3px #0000001a}.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{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.listed-companies .page-header .header-content .controls-section .per-page-select:focus{border-color:#384b70}.listed-companies .companies-content{margin-bottom:30px}.listed-companies .companies-content .companies-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.listed-companies .companies-content .companies-list .company-card.list-view{cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;justify-content:space-between;align-items:center;padding:15px 20px;text-decoration:none;transition:all .2s;display:flex}.listed-companies .companies-content .companies-list .company-card.list-view:hover{border-color:#9cb9d0}.listed-companies .companies-content .companies-list .company-card.list-view .company-details{align-items:center;gap:16px;display:flex}.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:1px solid #e2e8eb;border-radius:5px;margin:0 auto}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info{flex:1}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-name{color:#2c2b2e;margin:0 0 8px;font-size:18px;font-weight:600}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta{gap:15px;display:flex}.listed-companies .companies-content .companies-list .company-card.list-view .company-details .company-info .company-meta .company-id{color:#6b7280;background:#f9fafb;border-radius:4px;padding:4px 8px;font-size:14px}.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:#6b7280;font-size:16px}.listed-companies .companies-content .companies-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.listed-companies .companies-content .companies-grid .company-card.grid-view{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8eb;border-radius:5px;padding:15px 20px;text-decoration:none;transition:all .2s}.listed-companies .companies-content .companies-grid .company-card.grid-view:hover{border-color:#9cb9d0}.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:1px solid #e2e8eb;border-radius:5px;margin:0 auto}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content{flex-direction:column;gap:10px;display:flex}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-name-grid{color:#2c2b2e;margin:0;font-size:18px;font-weight:600}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-meta{flex-direction:column;gap:6px;display:flex}.listed-companies .companies-content .companies-grid .company-card.grid-view .company-content .company-meta .company-id-grid{color:#6b7280;background:#f9fafb;border-radius:4px;padding:4px 8px;font-size:14px}.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:#6b7280;font-size:16px}.listed-companies .pagination-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.listed-companies .pagination-container .pagination-info{color:#6b7280;font-size:14px;font-weight:500}.listed-companies .pagination-container .pagination-buttons{align-items:center;gap:8px;display:flex}.listed-companies .pagination-container .pagination-buttons .pagination-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.listed-companies .pagination-container .pagination-buttons .pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.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{align-items:center;gap:4px;display:flex}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;min-width:40px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number:hover{background:#f9fafb;border-color:#9ca3af}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number.active{color:#fff;background:#384b70;border-color:#384b70}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-ellipsis{color:#6b7280;padding:8px 4px;font-weight:500}@media (max-width:1024px){.listed-companies .page-header{margin-bottom:16px;padding-bottom:8px}.listed-companies .page-header .header-content{gap:12px}.listed-companies .page-header .header-content .title-section .page-title{padding-bottom:0;font-size:24px}.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{text-align:center;justify-content:center}.listed-companies .page-header .header-content .controls-section{justify-content:center}}@media (max-width:480px){.listed-companies .page-header{margin-bottom:12px;padding-bottom:6px}.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 .title-icon,.listed-companies .page-header .header-content .title-section .page-title{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;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{margin-bottom:6px;font-size:16px}.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{padding:3px 6px;font-size:13px}.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{padding:3px 6px;font-size:13px}}@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{flex-wrap:wrap;justify-content:center;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{margin-bottom:4px;font-size:15px}.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{padding:2px 4px;font-size:12px}.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{padding:2px 4px;font-size:12px}}@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{min-width:36px;padding:6px 10px;font-size:13px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-ellipsis{padding:6px 3px}}@media (max-width:768px){.listed-companies .pagination-container{text-align:center;flex-direction:column;gap:15px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-number{min-width:32px;padding:6px 8px}}@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{min-width:30px;padding:5px 8px;font-size:12px}.listed-companies .pagination-container .pagination-buttons .page-numbers .page-ellipsis{padding:5px 2px;font-size:12px}}@media (max-width:768px){.privacy-policy-page-inner,.terms-service-page-inner,.refund-policy-page-inner,.return-policy-page-inner,.shipping-policy-page-inner,.about-page-inner,.about-us-page-inner,.archives-page-inner,.careers-page-inner,.contact-page-inner,.disclosures-page-inner,.research-page-inner,.manual-page-inner,.newsroom-page-inner,.calculators-page-inner,.security-page-inner,.team-page-inner,.listed-companies-inner,.listed-company-view-inner{max-width:100%;padding:10px}.privacy-policy-page-inner h1,.terms-service-page-inner h1,.refund-policy-page-inner h1,.return-policy-page-inner h1,.shipping-policy-page-inner h1,.about-page-inner h1,.about-us-page-inner h1,.archives-page-inner h1,.careers-page-inner h1,.contact-page-inner h1,.disclosures-page-inner h1,.research-page-inner h1,.manual-page-inner h1,.newsroom-page-inner h1,.calculators-page-inner h1,.security-page-inner h1,.team-page-inner h1,.listed-companies-inner h1,.listed-company-view-inner h1{font-size:22px}.privacy-policy-page-inner p,.privacy-policy-page-inner ul li,.privacy-policy-page-inner ol li,.terms-service-page-inner p,.terms-service-page-inner ul li,.terms-service-page-inner ol li,.refund-policy-page-inner p,.refund-policy-page-inner ul li,.refund-policy-page-inner ol li,.return-policy-page-inner p,.return-policy-page-inner ul li,.return-policy-page-inner ol li,.shipping-policy-page-inner p,.shipping-policy-page-inner ul li,.shipping-policy-page-inner ol li,.about-page-inner p,.about-page-inner ul li,.about-page-inner ol li,.about-us-page-inner p,.about-us-page-inner ul li,.about-us-page-inner ol li,.archives-page-inner p,.archives-page-inner ul li,.archives-page-inner ol li,.careers-page-inner p,.careers-page-inner ul li,.careers-page-inner ol li,.contact-page-inner p,.contact-page-inner ul li,.contact-page-inner ol li,.disclosures-page-inner p,.disclosures-page-inner ul li,.disclosures-page-inner ol li,.research-page-inner p,.research-page-inner ul li,.research-page-inner ol li,.manual-page-inner p,.manual-page-inner ul li,.manual-page-inner ol li,.newsroom-page-inner p,.newsroom-page-inner ul li,.newsroom-page-inner ol li,.calculators-page-inner p,.calculators-page-inner ul li,.calculators-page-inner ol li,.security-page-inner p,.security-page-inner ul li,.security-page-inner ol li,.team-page-inner p,.team-page-inner ul li,.team-page-inner ol li,.listed-companies-inner p,.listed-companies-inner ul li,.listed-companies-inner ol li,.listed-company-view-inner p,.listed-company-view-inner ul li,.listed-company-view-inner ol li{font-size:14px}.privacy-policy-page-inner h2,.terms-service-page-inner h2,.refund-policy-page-inner h2,.return-policy-page-inner h2,.shipping-policy-page-inner h2,.about-page-inner h2,.about-us-page-inner h2,.archives-page-inner h2,.careers-page-inner h2,.contact-page-inner h2,.disclosures-page-inner h2,.research-page-inner h2,.manual-page-inner h2,.newsroom-page-inner h2,.calculators-page-inner h2,.security-page-inner h2,.team-page-inner h2,.listed-companies-inner h2,.listed-company-view-inner h2{font-size:18px}.privacy-policy-page-inner section h1,.privacy-policy-page-inner .policy-content h1,.terms-service-page-inner section h1,.terms-service-page-inner .policy-content h1,.refund-policy-page-inner section h1,.refund-policy-page-inner .policy-content h1,.return-policy-page-inner section h1,.return-policy-page-inner .policy-content h1,.shipping-policy-page-inner section h1,.shipping-policy-page-inner .policy-content h1,.about-page-inner section h1,.about-page-inner .policy-content h1,.about-us-page-inner section h1,.about-us-page-inner .policy-content h1,.archives-page-inner section h1,.archives-page-inner .policy-content h1,.careers-page-inner section h1,.careers-page-inner .policy-content h1,.contact-page-inner section h1,.contact-page-inner .policy-content h1,.disclosures-page-inner section h1,.disclosures-page-inner .policy-content h1,.research-page-inner section h1,.research-page-inner .policy-content h1,.manual-page-inner section h1,.manual-page-inner .policy-content h1,.newsroom-page-inner section h1,.newsroom-page-inner .policy-content h1,.calculators-page-inner section h1,.calculators-page-inner .policy-content h1,.security-page-inner section h1,.security-page-inner .policy-content h1,.team-page-inner section h1,.team-page-inner .policy-content h1,.listed-companies-inner section h1,.listed-companies-inner .policy-content h1,.listed-company-view-inner section h1,.listed-company-view-inner .policy-content h1{font-size:22px}.privacy-policy-page-inner section p,.privacy-policy-page-inner section ul li,.privacy-policy-page-inner section ol li,.privacy-policy-page-inner .policy-content p,.privacy-policy-page-inner .policy-content ul li,.privacy-policy-page-inner .policy-content ol li,.terms-service-page-inner section p,.terms-service-page-inner section ul li,.terms-service-page-inner section ol li,.terms-service-page-inner .policy-content p,.terms-service-page-inner .policy-content ul li,.terms-service-page-inner .policy-content ol li,.refund-policy-page-inner section p,.refund-policy-page-inner section ul li,.refund-policy-page-inner section ol li,.refund-policy-page-inner .policy-content p,.refund-policy-page-inner .policy-content ul li,.refund-policy-page-inner .policy-content ol li,.return-policy-page-inner section p,.return-policy-page-inner section ul li,.return-policy-page-inner section ol li,.return-policy-page-inner .policy-content p,.return-policy-page-inner .policy-content ul li,.return-policy-page-inner .policy-content ol li,.shipping-policy-page-inner section p,.shipping-policy-page-inner section ul li,.shipping-policy-page-inner section ol li,.shipping-policy-page-inner .policy-content p,.shipping-policy-page-inner .policy-content ul li,.shipping-policy-page-inner .policy-content ol li,.about-page-inner section p,.about-page-inner section ul li,.about-page-inner section ol li,.about-page-inner .policy-content p,.about-page-inner .policy-content ul li,.about-page-inner .policy-content ol li,.about-us-page-inner section p,.about-us-page-inner section ul li,.about-us-page-inner section ol li,.about-us-page-inner .policy-content p,.about-us-page-inner .policy-content ul li,.about-us-page-inner .policy-content ol li,.archives-page-inner section p,.archives-page-inner section ul li,.archives-page-inner section ol li,.archives-page-inner .policy-content p,.archives-page-inner .policy-content ul li,.archives-page-inner .policy-content ol li,.careers-page-inner section p,.careers-page-inner section ul li,.careers-page-inner section ol li,.careers-page-inner .policy-content p,.careers-page-inner .policy-content ul li,.careers-page-inner .policy-content ol li,.contact-page-inner section p,.contact-page-inner section ul li,.contact-page-inner section ol li,.contact-page-inner .policy-content p,.contact-page-inner .policy-content ul li,.contact-page-inner .policy-content ol li,.disclosures-page-inner section p,.disclosures-page-inner section ul li,.disclosures-page-inner section ol li,.disclosures-page-inner .policy-content p,.disclosures-page-inner .policy-content ul li,.disclosures-page-inner .policy-content ol li,.research-page-inner section p,.research-page-inner section ul li,.research-page-inner section ol li,.research-page-inner .policy-content p,.research-page-inner .policy-content ul li,.research-page-inner .policy-content ol li,.manual-page-inner section p,.manual-page-inner section ul li,.manual-page-inner section ol li,.manual-page-inner .policy-content p,.manual-page-inner .policy-content ul li,.manual-page-inner .policy-content ol li,.newsroom-page-inner section p,.newsroom-page-inner section ul li,.newsroom-page-inner section ol li,.newsroom-page-inner .policy-content p,.newsroom-page-inner .policy-content ul li,.newsroom-page-inner .policy-content ol li,.calculators-page-inner section p,.calculators-page-inner section ul li,.calculators-page-inner section ol li,.calculators-page-inner .policy-content p,.calculators-page-inner .policy-content ul li,.calculators-page-inner .policy-content ol li,.security-page-inner section p,.security-page-inner section ul li,.security-page-inner section ol li,.security-page-inner .policy-content p,.security-page-inner .policy-content ul li,.security-page-inner .policy-content ol li,.team-page-inner section p,.team-page-inner section ul li,.team-page-inner section ol li,.team-page-inner .policy-content p,.team-page-inner .policy-content ul li,.team-page-inner .policy-content ol li,.listed-companies-inner section p,.listed-companies-inner section ul li,.listed-companies-inner section ol li,.listed-companies-inner .policy-content p,.listed-companies-inner .policy-content ul li,.listed-companies-inner .policy-content ol li,.listed-company-view-inner section p,.listed-company-view-inner section ul li,.listed-company-view-inner section ol li,.listed-company-view-inner .policy-content p,.listed-company-view-inner .policy-content ul li,.listed-company-view-inner .policy-content ol li{font-size:14px}.privacy-policy-page-inner section h2,.privacy-policy-page-inner .policy-content h2,.terms-service-page-inner section h2,.terms-service-page-inner .policy-content h2,.refund-policy-page-inner section h2,.refund-policy-page-inner .policy-content h2,.return-policy-page-inner section h2,.return-policy-page-inner .policy-content h2,.shipping-policy-page-inner section h2,.shipping-policy-page-inner .policy-content h2,.about-page-inner section h2,.about-page-inner .policy-content h2,.about-us-page-inner section h2,.about-us-page-inner .policy-content h2,.archives-page-inner section h2,.archives-page-inner .policy-content h2,.careers-page-inner section h2,.careers-page-inner .policy-content h2,.contact-page-inner section h2,.contact-page-inner .policy-content h2,.disclosures-page-inner section h2,.disclosures-page-inner .policy-content h2,.research-page-inner section h2,.research-page-inner .policy-content h2,.manual-page-inner section h2,.manual-page-inner .policy-content h2,.newsroom-page-inner section h2,.newsroom-page-inner .policy-content h2,.calculators-page-inner section h2,.calculators-page-inner .policy-content h2,.security-page-inner section h2,.security-page-inner .policy-content h2,.team-page-inner section h2,.team-page-inner .policy-content h2,.listed-companies-inner section h2,.listed-companies-inner .policy-content h2,.listed-company-view-inner section h2,.listed-company-view-inner .policy-content h2{font-size:18px}.privacy-policy-page-inner section h3,.privacy-policy-page-inner .policy-content h3,.terms-service-page-inner section h3,.terms-service-page-inner .policy-content h3,.refund-policy-page-inner section h3,.refund-policy-page-inner .policy-content h3,.return-policy-page-inner section h3,.return-policy-page-inner .policy-content h3,.shipping-policy-page-inner section h3,.shipping-policy-page-inner .policy-content h3,.about-page-inner section h3,.about-page-inner .policy-content h3,.about-us-page-inner section h3,.about-us-page-inner .policy-content h3,.archives-page-inner section h3,.archives-page-inner .policy-content h3,.careers-page-inner section h3,.careers-page-inner .policy-content h3,.contact-page-inner section h3,.contact-page-inner .policy-content h3,.disclosures-page-inner section h3,.disclosures-page-inner .policy-content h3,.research-page-inner section h3,.research-page-inner .policy-content h3,.manual-page-inner section h3,.manual-page-inner .policy-content h3,.newsroom-page-inner section h3,.newsroom-page-inner .policy-content h3,.calculators-page-inner section h3,.calculators-page-inner .policy-content h3,.security-page-inner section h3,.security-page-inner .policy-content h3,.team-page-inner section h3,.team-page-inner .policy-content h3,.listed-companies-inner section h3,.listed-companies-inner .policy-content h3,.listed-company-view-inner section h3,.listed-company-view-inner .policy-content h3{font-size:16px}}.header{z-index:99999999;background-color:#fff;border-bottom:1px solid #e2e8eb;align-items:center;height:60px;padding:10px 0;transition:all .3s;display:flex;position:sticky;top:0}.header .header-inner{flex:1;justify-content:space-between;align-items:center;gap:20px;margin:0 50px;display:flex}.header .header-title{color:var(--primary-color);padding:0 10px;font-size:22px;font-weight:700;display:inline-block;position:relative;overflow:hidden}.header .nav-container{flex:1;align-items:center;gap:20px;width:100%;max-width:70%;display:flex}.header .nav-container a{align-items:center;display:flex}.header .search-form{flex:1;margin:0;position:relative}.header .search-container{align-items:center;width:100%;display:flex;position:relative}.header .search-container.focused .search-input-container{border-color:var(--primary-light)}.header .search-container .search-input-container{background:#fff;border:1px solid #efefefa1;border-radius:5px;align-items:center;width:100%;height:40px;padding:8px 16px;transition:all .2s;display:flex;position:relative}.header .search-container .search-input-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:12px;padding:0;display:flex}.header .search-container .search-input-container .search-button .search-icon{color:var(--primary-color);opacity:.8;font-size:16px;transition:color .2s}.header .search-container .search-input-container .search-input{color:var(--primary-color);background:0 0;border:none;outline:none;flex:1;width:100%;padding-right:20px;font-family:Rubik,sans-serif;font-size:14px;font-weight:400}.header .search-container .search-input-container .search-input::placeholder{color:#aaa;transition:all .2s}.header .search-container .search-input-container .clear-search-button{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:4px;font-size:14px;transition:all .2s;display:flex}.header .search-container .search-input-container .clear-search-button:hover{color:var(--primary-color);background:#0000000d}.header .search-container .search-results{z-index:2147483647;background:#fff;border:1px solid #0000001a;border-radius:5px;width:100%;max-height:400px;margin-top:8px;position:absolute;top:100%;left:0;overflow:hidden auto;box-shadow:0 10px 20px #0000001a}@media (max-width:480px){.header .search-container .search-results{width:-webkit-fill-available;max-width:100%;margin:10px;position:fixed;top:55px}}.header .search-container .search-results .results-content,.header .search-container .search-results .recent-searches{padding:12px 0}.header .search-container .search-results .result-item,.header .search-container .search-results .recent-item{cursor:pointer;white-space:nowrap;border-radius:0;align-items:center;gap:5px;width:100%;padding:10px 16px;font-size:14px;transition:all .2s;display:flex;overflow:hidden}.header .search-container .search-results .result-item span,.header .search-container .search-results .result-item .result-subtitle,.header .search-container .search-results .recent-item span,.header .search-container .search-results .recent-item .result-subtitle{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.header .search-container .search-results .result-item:hover,.header .search-container .search-results .recent-item:hover{color:var(--primary-color);background:#00000008}.header .search-container .search-results h4{color:#999;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;padding:0 16px;font-size:12px;font-weight:500}.header h1{margin:0;font-size:25px;font-weight:700}.page-back-button{background-color:var(--primary-color);color:#fff;cursor:pointer;z-index:2147483647;border:none;border-radius:50%;justify-content:center;align-items:center;gap:2px;margin:20px 0;padding:6px;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.result-group{margin-bottom:10px}.result-type-label{text-transform:uppercase;color:#666;background-color:#f5f5f5;border-bottom:1px solid #eee;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.notification-popup-container{position:relative}.notification-popup-container .notification-overlay{z-index:2147483647;opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s;position:fixed;inset:0}.notification-popup-container.open .notification-overlay{opacity:1;pointer-events:auto}.notification-popup-container .notification-popup{z-index:2147483647;background:#fff;border-radius:5px;flex-direction:column;width:360px;max-height:500px;margin-top:10px;animation:.2s fadeIn;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}@media (max-width:600px){.notification-popup-container .notification-popup{border-radius:10px 10px 0 0;width:100%;max-height:80vh;margin-top:0;animation:.3s ease-out slideUp;position:fixed;inset:auto 0 0;box-shadow:0 -5px 20px #00000026}}.notification-popup-container .notification-popup .popup-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.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{color:#4a90e2;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.notification-popup-container .notification-popup .popup-header .mark-all-button:hover{text-decoration:underline}.notification-trigger{justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.notification-trigger svg{color:var(--primary-color)}.notification-trigger .notification-badge{cursor:pointer;color:#fff;background-color:red;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.profile-container .login-btn{background-color:var(--primary-color);color:#fff;border-radius:5px;padding:10px 20px;font-weight:500;text-decoration:none;transition:all .2s;box-shadow:0 2px 4px #0000000d}.profile-container .login-btn:hover{background-color:rgba(var(--primary-color), 5%);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.profile-container .profile-dropdown .profile-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:2px;transition:all .3s;display:flex}.profile-container .profile-dropdown .profile-trigger .profile-avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:600;display:flex}.profile-container .profile-dropdown .profile-trigger .profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-container .profile-dropdown .profile-trigger .profile-name{color:var(--primary-color);font-size:14px;font-weight:600}.profile-container .profile-dropdown .profile-trigger .dropdown-icon{color:#6b7280;font-size:12px;transition:transform .3s}.profile-container .profile-dropdown .profile-trigger .dropdown-icon.open{transform:rotate(180deg)}.profile-container .profile-dropdown .profile-menu{z-index:2147483647;transform-origin:100% 0;background:#fff;border:1px solid #e2e8eb;border-radius:5px;width:280px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.profile-container .profile-dropdown .profile-menu .menu-header{background:linear-gradient(135deg,#f6f6f63d,#fafafa24);border-bottom:1px solid #00000014;grid-template-columns:15% 1fr;align-items:center;gap:10px;padding:16px;text-decoration:none;display:grid;overflow:hidden}.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar,.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar-img{background:var(--primary-color);color:#fff;object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:600;display:flex;overflow:hidden}.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;-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color);text-underline-offset:2px;text-decoration-thickness:.5px}.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{color:#333;margin-bottom:4px;font-weight:600}.profile-container .profile-dropdown .profile-menu .menu-header .menu-user-info .menu-email{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:8px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item .menu-icon{color:#666;text-align:center;width:16px;height:16px;margin-right:12px;font-size:15px}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item:hover{color:var(--primary-color);background-color:#00000008}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item:hover .menu-icon{color:var(--primary-color)}.profile-container .profile-dropdown .profile-menu .menu-items .logout{color:#ff4c51;border-top:1px solid #00000014;padding:10px 20px}.profile-container .profile-dropdown .profile-menu .menu-items .logout button{color:#ff4c51;cursor:pointer;background-color:#0000;border:none;align-items:center;padding:0;display:flex}.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:#00000008}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-switcher-menu-item{color:#333;cursor:pointer;border-top:1px solid #00000014;justify-content:space-between;align-items:center;padding:8px 20px;font-weight:500;transition:all .15s;display:flex;position:relative}.theme-switcher-menu-item .theme-switcher-icon{align-items:center;display:flex}.theme-switcher-menu-item:hover{color:var(--primary-color);background-color:#00000008}.theme-switcher-menu-item:hover .menu-icon{color:var(--primary-color)}.theme-switcher-menu-item:hover .theme-select{border-color:var(--primary-color)}.theme-switcher-menu-item .menu-icon{color:#666;text-align:center;width:16px;height:16px;margin-right:12px;font-size:15px}.theme-switcher-menu-item .theme-select{color:#333;cursor:pointer;background-color:#fff;border:1px solid #0000001a;border-radius:5px;width:100px;padding:4px 8px;font-size:13px;transition:all .2s}.theme-switcher-menu-item .theme-select:focus{border-color:var(--primary-light);outline:none}.change-pass-container{flex-direction:column;display:flex}.change-pass-container .form-container .title{color:var(--primary-color);margin-bottom:12px;font-size:24px;font-weight:600}.change-pass-container .form-container .subtitle{color:#333;margin-bottom:20px;font-size:14px}.change-pass-container .form-container .form{flex-direction:column;gap:12px;display:flex}.change-pass-container .form-container .form .input-group{white-space:nowrap;background:#fff;border:1px solid #eee;border-radius:5px;flex:1;align-items:center;gap:8px;padding:12px;display:flex}.change-pass-container .form-container .form .input-group .icon{color:var(--primary-color);font-size:16px}.change-pass-container .form-container .form .input-group .input{background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.change-pass-container .form-container .form .input-group .input::placeholder{color:#999}.change-pass-container .form-container .form .checkbox-group{align-items:center;gap:5px;font-size:14px;display:flex}.change-pass-container .form-container .form .checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.change-pass-container .form-container .form .checkbox-group label{color:var(--primary-color);margin:0;font-size:15px;font-weight:400}.change-pass-container .form-container .form .button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px;font-size:14px;font-weight:600;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}}@media (max-width:1024px){.header .header-title{display:none}.header .desktop-header{margin:0}.header .desktop-header .nav-container{background-color:unset;flex:auto;justify-content:end;width:auto;max-width:0}.header .desktop-header .nav-container .search-container{display:none}}@media (max-width:768px){.profile-container .profile-dropdown .profile-trigger .profile-avatar{width:25px;height:25px}.profile-container .profile-dropdown .profile-trigger .profile-name{display:none}.notification-triggersvg{width:20px;height:20px}.container{flex-direction:column}.change-pass-container{flex-direction:column;display:flex}.header .m-toggle{display:none}}.profile-container{height:100%;position:relative}.profile-container .profile-overlay{z-index:2147483647;opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s;position:fixed;inset:0}.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{width:100%;max-height:80vh;animation:.3s ease-out slideUp;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -5px 20px #00000026;border-radius:10px 10px 0 0!important}.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%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:468px){.header{gap:0}.header .nav-container{gap:10px;max-width:100%}.header .nav-container .search-container svg{cursor:pointer;width:13px;height:13px}.header .nav-container .search-container .search-input-container{height:32px;padding:5px 10px}.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{justify-content:flex-end;gap:18px;margin-bottom:30px;display:flex}.navigation-buttons .navigation-button{background-color:var(--primary-color);color:#fff;border-radius:5px;align-items:center;gap:5px;padding:10px 12px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.roll-list-navigation-btn{justify-content:flex-end;align-items:center;margin-bottom:20px;display:flex}.logo-wrapper{align-items:center;gap:8px;display:flex}.sidebar{z-index:99999999;background-color:#fff;border-right:1px solid #e2e8eb;max-width:250px;height:100vh;transition:width .3s ease-in-out;position:relative}.sidebar .sidebar-toggle-btn{background-color:#fff;border-radius:0 5px 5px 0;justify-content:center;align-items:center;width:28px;height:28px;margin:auto;display:flex;position:absolute;bottom:0;right:-30px}.sidebar .sidebar-toggle-btn svg{color:var(--primary-color)}.sidebar .sidebar-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;height:60px;padding:10px 20px;font-size:18px;font-weight:700;display:flex}.sidebar .sidebar-header a{color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.sidebar .sidebar-header a span{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.sidebar .sidebar-header a img{border-radius:5px}.sidebar .sidebar-nav{flex:1;height:100vh;padding:30px 0 120px;overflow-y:auto}.sidebar .sidebar-nav .menu-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar .sidebar-nav .menu-list .menu-item{border-bottom:1px dashed #e2e8eb;position:relative}.sidebar .sidebar-nav .menu-list .menu-item:last-child{border:none}.sidebar .sidebar-nav .menu-list .menu-item .menu-link{color:#6b7280;align-items:center;gap:6px;padding:15px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.sidebar .sidebar-nav .menu-list .menu-item .menu-link:hover{color:var(--primary-color);background-color:#f5f5f7}.sidebar .sidebar-nav .menu-list .menu-item .menu-link:hover .menu-icon{color:var(--primary-color);transform:scale(1.1)}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper .menu-icon{color:#64748b;font-size:20px;transition:all .3s}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-icon-wrapper .menu-badge{color:#fff;text-align:center;background:#ff4c51;border-radius:8px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ef44444d}.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-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-text-content .menu-text{color:#2c2b2e;font-size:16px;font-weight:600}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .menu-text-content .menu-description{color:#6b7280;opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sidebar .sidebar-nav .menu-list .menu-item .menu-link .active-indicator{background-color:var(--primary-color);width:2px;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;right:0}.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-color)}.sidebar .sidebar-nav .menu-list .menu-item.active .menu-link .menu-text{color:var(--primary-color);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{height:50px;padding-left:10px}.tooltip{background-color:var(--primary-color);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:99999999;border-radius:5px;padding:5px 10px;transition:opacity .2s ease-in-out,visibility 0s .2s;position:absolute;top:50%;left:100%;transform:translate(10px)translateY(-50%)}@media (max-width:1024px){.sidebar{z-index:999999999;max-width:50%;height:100vh;padding:0;transition:transform .3s ease-in-out;position:fixed;top:0;left:0}.sidebar .tooltip{display:none}.hide-sidebar{transform:translate(-102%)}.show-sidebar{transform:translate(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{grid-template-columns:repeat(2,1fr);display:grid}.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{flex-direction:row-reverse;justify-content:space-between;gap:8px;padding:10px 15px}}.footer-bar{z-index:9999999;background-color:#fff;border-top:1px solid #ddd;width:100%;transition:display .3s;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -2px 6px #0000000d}.footer-bar .footer-bar-items{justify-content:space-around;align-items:center;gap:5px;list-style:none;display:flex}.footer-bar .footer-bar-items .footer-bar-item{color:#222;cursor:pointer;flex-direction:column;align-items:center;padding:10px 0;font-family:DMSans,sans-serif;font-size:14px;font-weight:500;transition:color .3s;display:flex}.footer-bar .footer-bar-items .footer-bar-item a{color:inherit;text-decoration:none}.footer-bar .footer-bar-items .footer-bar-item.active{color:var(--primary-color)!important}.footer-bar .footer-bar-items .footer-bar-item.active .icon-text{margin-top:4px;color:var(--primary-color)!important;font-weight:400!important}.footer-bar .footer-bar-items .footer-bar-item.active svg{color:var(--primary-color)}.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer{color:#999;flex-direction:column;align-items:center;text-decoration:none;display:flex}.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{color:#000;margin-top:4px}.footer-bar .footer-bar-items .footer-bar-item .top-indicator{background-color:var(--primary-color);border-radius:3px;width:40px;height:3px;position:absolute;top:0}@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:9.5px}}.auth-navbar-inner,.auth-hero-section-inner,.auth-slider-section-inner,.auth-features-section-inner,.auth-crm-management-section-inner,.auth-why-choose-section-inner,.auth-sla-compliant-section-inner,.packages-section-inner,.auth-faq-section-inner,.features-page-inner{width:100%;max-width:85%;margin:auto}.auth-navbar{z-index:2147483647;background-color:#fff;border-bottom:1px solid #e2e8eb;width:100%;position:sticky;top:0;box-shadow:0 4px 6px #0000000c}.auth-navbar .auth-navbar-inner{border-radius:100px;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.auth-navbar .auth-navbar-inner .nav-logo{flex:1;align-items:center;display:flex}.auth-navbar .auth-navbar-inner .nav-links{white-space:nowrap;flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.auth-navbar .auth-navbar-inner .nav-links button,.auth-navbar .auth-navbar-inner .nav-links a{color:var(--primary-color);cursor:pointer;background-color:#0000;border:none;padding:5px 0;font-size:15px;font-weight:500;text-decoration:none;position:relative}.auth-navbar .auth-navbar-inner .nav-links button:focus,.auth-navbar .auth-navbar-inner .nav-links a:focus{outline:none}.auth-navbar .auth-navbar-inner .auth-nav-actions{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.auth-navbar .auth-navbar-inner .auth-nav-actions a{cursor:pointer;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.auth-navbar .auth-navbar-inner .auth-nav-actions a:first-child{color:#384b70;background:0 0;border:1px solid #384b70}.auth-navbar .auth-navbar-inner .auth-nav-actions a:first-child:hover{background-color:#384b700d}.auth-navbar .auth-navbar-inner .auth-nav-actions a:last-child{color:#fff;background-color:#384b70;border:none}.auth-navbar .mobile-menu-toggle{color:#384b70;cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.auth-navbar .mobile-auth-actions{gap:10px;display:none}.auth-navbar .mobile-auth-actions a{cursor:pointer;text-align:center;border-radius:100px;justify-content:center;align-items:center;gap:5px;width:100%;padding:5px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.auth-navbar .mobile-auth-actions a:first-child{color:#384b70;background:0 0;border:1px solid #384b70}.auth-navbar .mobile-auth-actions a:first-child:hover{background-color:#384b700d}.auth-navbar .mobile-auth-actions a:last-child{color:#fff;background-color:#384b70;border:none}.auth-navbar .auth-mobile-menu{z-index:1000;background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:80vh;transition:bottom .3s;position:fixed;bottom:-100%;left:0;overflow-y:auto;box-shadow:0 -5px 20px #0000001a}.auth-navbar .auth-mobile-menu.open{bottom:0}.auth-navbar .auth-mobile-menu .mobile-menu-content{flex-direction:column;padding:20px;display:flex}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links{grid-template-columns:repeat(2,1fr);align-items:center;gap:10px;margin-bottom:20px;display:grid}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links button,.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links a{color:#384b70;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #384b701a;align-items:center;gap:6px;padding:6px 0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links button .nav-icon,.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links a .nav-icon{color:#384b70;min-width:20px;font-size:16px}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-auth-actions a{gap:8px;padding:8px 16px;font-size:14px}.auth-navbar .mobile-menu-backdrop{z-index:999;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.auth-navbar .mobile-menu-backdrop.visible{opacity:1;pointer-events:all}.auth-homepage{scroll-behavior:smooth;margin-top:-1px;position:relative}.auth-homepage [id]{scroll-margin-top:80px}.auth-homepage .auth-slider-section-header,.auth-homepage .auth-features-section-header,.auth-homepage .auth-crm-management-section-header,.auth-homepage .auth-sla-compliant-section-header,.auth-homepage .auth-why-choose-section-header,.auth-homepage .packages-section-header,.auth-homepage .auth-faq-section-header{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:800px;margin:0 auto 30px;display:flex}.auth-homepage .auth-slider-section-header h2,.auth-homepage .auth-features-section-header h2,.auth-homepage .auth-crm-management-section-header h2,.auth-homepage .auth-sla-compliant-section-header h2,.auth-homepage .auth-why-choose-section-header h2,.auth-homepage .packages-section-header h2,.auth-homepage .auth-faq-section-header h2{color:#2c2b2e;align-items:center;gap:10px;margin:0;font-size:32px;font-weight:700;display:flex}.auth-homepage .auth-slider-section-header h2 svg,.auth-homepage .auth-features-section-header h2 svg,.auth-homepage .auth-crm-management-section-header h2 svg,.auth-homepage .auth-sla-compliant-section-header h2 svg,.auth-homepage .auth-why-choose-section-header h2 svg,.auth-homepage .packages-section-header h2 svg,.auth-homepage .auth-faq-section-header h2 svg{color:#384b70;background:#384b701a;border-radius:50%;width:40px;height:40px;padding:10px}.auth-homepage .auth-slider-section-header p,.auth-homepage .auth-features-section-header p,.auth-homepage .auth-crm-management-section-header p,.auth-homepage .auth-sla-compliant-section-header p,.auth-homepage .auth-why-choose-section-header p,.auth-homepage .packages-section-header p,.auth-homepage .auth-faq-section-header p{color:#5a677d;max-width:600px;margin:0;font-size:16px;line-height:1.6}.auth-homepage .auth-hero-section{z-index:0;width:100%;min-height:500px;margin-top:-80px;padding:120px 0 50px;position:relative;overflow:hidden}.auth-homepage .auth-hero-section:before{content:"";opacity:.08;z-index:-1;background:linear-gradient(135deg,#f59e0bcc 25%,#3b82f6cc 50%,#22c55ecc 75%,#f472b6cc 100%) 0 0/400% 400%;animation:15s infinite gradientMove;position:absolute;inset:0}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.auth-homepage .auth-hero-section .auth-hero-section-inner{z-index:1;align-items:center;gap:60px;width:100%;height:100%;display:flex;position:relative}.auth-homepage .auth-hero-section .auth-hero-section-inner-left{flex:1;width:100%;max-width:60%}.auth-homepage .auth-hero-section .auth-hero-section-inner-right{flex:1;justify-content:center;align-items:center;width:100%;max-width:40%;height:100%;min-height:400px;display:flex;position:relative}.auth-homepage .auth-hero-section .auth-hero-section-inner-right .slide{opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out,transform .8s ease-in-out;position:absolute;top:0}.auth-homepage .auth-hero-section .auth-hero-section-inner-right .slide img{object-fit:contain;width:100%;height:100%}.auth-homepage .auth-hero-section .auth-hero-section-inner-right .slide.active{opacity:1;transform:scale(1.02)}.auth-homepage .auth-hero-section .auth-hero-section-inner-right .slider-dots{justify-content:center;gap:6px;width:100%;display:flex;position:absolute;bottom:0}.auth-homepage .auth-hero-section .auth-hero-section-inner-right .slider-dots .dot{border:1px solid var(--primary-color);cursor:pointer;z-index:1;background:#fff;border-radius:50%;width:8px;height:8px;transition:all .3s}.auth-homepage .auth-hero-section .auth-hero-section-inner-right .slider-dots .dot.active{background:var(--primary-color);transform:scale(1.2)}.auth-homepage .auth-hero-section .auth-hero-section-inner .auth-hero-tag{color:#3b82f6;background:#f59e0b1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 4px 6px #0000000c}.auth-homepage .auth-hero-section .auth-hero-section-inner .auth-hero-tag svg{color:#22c55e;font-size:15px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-title{color:#2c2b2e;margin-bottom:20px;font-size:40px;font-weight:700;line-height:1.2}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-title br{display:none}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-subtitle{color:#5a677d;margin-bottom:30px;font-size:16px;line-height:1.6}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons{gap:16px;margin-bottom:40px;display:flex}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button,.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons a{background-color:var(--primary-color);color:#fff;cursor:pointer;border:1px solid var(--primary-color);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:8px 20px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:flex}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button:focus,.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons a:focus{outline:none}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button{color:var(--primary-color);background-color:#0000}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats{gap:40px;display:flex}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item .stat-icon-wrapper{color:var(--primary-color);justify-content:center;align-items:center;min-width:30px;min-height:30px;font-size:30px;transition:transform .3s,color .3s;display:flex}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item .stat-icon-wrapper:hover{transform:scale(1.1)}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item h3{color:var(--primary-color);font-size:36px;display:block}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item p{color:#5a677d;font-size:16px;display:block}.auth-homepage .auth-shedule-demo{z-index:2147483647;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.auth-homepage .auth-shedule-demo-backdrop{z-index:-1;background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.auth-homepage .auth-shedule-demo-inner{background-color:#fff;border-radius:5px;width:100%;max-width:600px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 4px 6px #0000000c}@media (max-width:768px){.auth-homepage .auth-shedule-demo-inner{padding:20px}}.auth-homepage .auth-shedule-demo-close{color:#5a677d;cursor:pointer;background:0 0;border:none;font-size:20px;transition:all .3s;position:absolute;top:15px;right:15px}.auth-homepage .auth-shedule-demo-close:hover{color:#384b70;transform:rotate(90deg)}.auth-homepage .auth-shedule-demo-header{text-align:center;margin-bottom:30px}.auth-homepage .auth-shedule-demo-header h2{color:#2c2b2e;margin:15px 0 10px;font-size:28px}@media (max-width:768px){.auth-homepage .auth-shedule-demo-header h2{font-size:22px}}.auth-homepage .auth-shedule-demo-header p{color:#5a677d;margin:0;font-size:16px}@media (max-width:768px){.auth-homepage .auth-shedule-demo-header p{font-size:14px}}.auth-homepage .auth-shedule-demo-icon{color:#384b70;background:#384b701a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;font-size:24px;display:flex}.auth-homepage .auth-shedule-demo-form{flex-direction:column;gap:20px;display:flex}.auth-homepage .auth-shedule-demo-form-group{flex-direction:column;gap:8px;display:flex}.auth-homepage .auth-shedule-demo-form-group label{letter-spacing:.4px;color:#333;font-size:13px;font-weight:400;display:block}.auth-homepage .auth-shedule-demo-form-group input,.auth-homepage .auth-shedule-demo-form-group select,.auth-homepage .auth-shedule-demo-form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:8px 12px;font-size:16px;transition:all .3s}.auth-homepage .auth-shedule-demo-form-group input:focus,.auth-homepage .auth-shedule-demo-form-group select:focus,.auth-homepage .auth-shedule-demo-form-group textarea:focus{border-color:#9cb9d0;outline:none}@media (max-width:768px){.auth-homepage .auth-shedule-demo-form-group input,.auth-homepage .auth-shedule-demo-form-group select,.auth-homepage .auth-shedule-demo-form-group textarea{padding:10px 14px;font-size:14px}}.auth-homepage .auth-shedule-demo-form-group textarea{resize:vertical}.auth-homepage .auth-shedule-demo-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:480px){.auth-homepage .auth-shedule-demo-form-row{grid-template-columns:1fr}}.auth-homepage .auth-shedule-demo-submit{background:var(--primary-color);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:5px;grid-column:span 2;width:100%;height:45px;margin-top:30px;font-size:18px;font-weight:700}.auth-homepage .auth-shedule-demo-submit:hover{background-color:var(--primary-light);box-shadow:0 4px 6px #0000000c}@media (max-width:768px){.auth-homepage .auth-shedule-demo-submit{padding:10px 20px;font-size:14px}}.auth-homepage .auth-shedule-demo-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.auth-homepage .auth-shedule-demo-success p{color:#333;max-width:80%;margin:0;font-family:Rubik,sans-serif;font-size:15px;line-height:1.5}.auth-homepage .auth-slider-section{background-color:#fff;border-top:1px solid;border-image:linear-gradient(90deg,#22c55e1a,#f59e0b1a,#f472b61a) 1;padding:40px 0 20px;position:relative;overflow:hidden}.auth-homepage .auth-slider-section:before{content:"";z-index:0;background-image:radial-gradient(#f59f0b31 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.auth-homepage .auth-slider-section>*{z-index:1;position:relative}.auth-homepage .auth-slider-section-inner{margin:0 auto}.auth-homepage .auth-slider-section .icon-line{justify-content:center;align-items:center;gap:60px;width:fit-content;margin:0 auto 40px;display:flex;position:relative}.auth-homepage .auth-slider-section .icon-line .line-background{background:linear-gradient(90deg, var(--primary-light), var(--primary-light));z-index:0;width:100%;height:2px;position:absolute}.auth-homepage .auth-slider-section .icon-line .icon-item{cursor:pointer;z-index:2;transition:all .3s;position:relative}.auth-homepage .auth-slider-section .icon-line .icon-item .icon-circle{border:1px solid var(--primary-light);background-color:var(--primary-light-rgb);width:50px;height:50px;color:var(--primary-color);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;box-shadow:0 0 #0000}.auth-homepage .auth-slider-section .icon-line .icon-item:hover .icon-circle{border-color:var(--primary-color)}.auth-homepage .auth-slider-section .icon-line .icon-item.active .icon-circle{border-color:var(--primary-color);background:var(--primary-color);color:#fff;animation:2s ease-in-out infinite glowPulse;transform:scale(1.1)}.auth-homepage .auth-slider-section .icon-line .icon-item.active:before,.auth-homepage .auth-slider-section .icon-line .icon-item.active:after{content:"";background:linear-gradient(90deg, var(--primary-color), var(--primary-light));z-index:-1;opacity:0;width:60px;height:2px;animation:.5s forwards fadeLine;position:absolute;top:50%;transform:translateY(-50%)}.auth-homepage .auth-slider-section .icon-line .icon-item.active:before{background:linear-gradient(90deg, var(--primary-light), var(--primary-color));left:-60px}.auth-homepage .auth-slider-section .icon-line .icon-item.active:after{right:-60px}@keyframes glowPulse{0%{box-shadow:0 0 10px var(--primary-light-rgb),0 0 25px var(--primary-light-rgb)}50%{box-shadow:0 0 30px var(--primary-light-rgb),0 0 60px var(--primary-light)}to{box-shadow:0 0 10px var(--primary-light),0 0 25px var(--primary-light-rgb)}}@keyframes fadeLine{0%{opacity:0;transform:translateY(-50%)scaleX(0)}to{opacity:1;transform:translateY(-50%)scaleX(1)}}.auth-homepage .auth-slider-section .slider-content-section{grid-template-columns:1fr 2fr;align-items:center;gap:40px;display:grid}.auth-homepage .auth-slider-section .slider-content-section .slider-image-content .showcase-image{object-fit:contain;border-radius:5px;width:100%;height:auto;box-shadow:0 4px 6px #0000000c}.auth-homepage .auth-slider-section .slider-content-section .slider-text-content h3{color:#2c2b2e;margin-bottom:10px;font-size:24px;font-weight:600}.auth-homepage .auth-slider-section .slider-content-section .slider-text-content p{color:#5a677d;margin-bottom:10px;font-size:16px;line-height:1.6}.auth-homepage .auth-slider-section .slider-content-section .slider-text-content .feature-list{flex-direction:column;gap:8px;list-style:none;display:flex}.auth-homepage .auth-slider-section .slider-content-section .slider-text-content .feature-list li{color:#5a677d;align-items:center;gap:10px;font-size:15px;line-height:1.4;display:flex}.auth-homepage .auth-slider-section .slider-content-section .slider-text-content .feature-list li svg{color:#22c55e;stroke-width:1px}.auth-homepage .auth-features-section{background-color:#fff;border-top:1px solid;border-image:linear-gradient(90deg,#22c55e1a,#f59e0b1a,#f472b61a) 1;padding:20px 0 40px;position:relative;overflow:hidden}.auth-homepage .auth-features-section:before{content:"";z-index:0;background:radial-gradient(#f59f0b08 1px,#0000 1px) 0 0/40px 40px,radial-gradient(#3b83f608 1px,#0000 1px) 0 0/30px 30px,linear-gradient(135deg,#f59f0b08,#3b83f608) 0 0/cover;width:100%;height:100%;position:absolute;top:0;left:0}.auth-homepage .auth-features-section>*{z-index:1;position:relative}.auth-homepage .auth-features-section-inner{gap:20px;margin:0 auto;display:flex}.auth-homepage .auth-features-section .features-left{background-color:#e7eefa;border-radius:20px;flex-direction:column;flex:1;justify-content:space-between;gap:20px;padding:20px;display:flex}.auth-homepage .auth-features-section .features-left .features-left-header{flex-direction:column;gap:10px;display:flex}.auth-homepage .auth-features-section .features-left .features-left-header .auth-features-tag{color:#384b70;background:#fff;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:500;display:flex;box-shadow:0 4px 6px #0000000c}.auth-homepage .auth-features-section .features-left .features-left-header .auth-features-tag svg{color:#d79670;font-size:15px}.auth-homepage .auth-features-section .features-left .features-left-header h2{color:#2c2b2e;font-size:28px;font-weight:600}.auth-homepage .auth-features-section .features-left ul{flex-wrap:wrap;gap:20px;max-height:300px;margin:0 0 auto;padding:0;list-style:none;display:flex;overflow:auto}.auth-homepage .auth-features-section .features-left ul li{white-space:nowrap;color:#384b70;cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000000c}.auth-homepage .auth-features-section .features-left ul li:hover{color:#fff;background:#384b70}.auth-homepage .auth-features-section .features-left ul li.active{color:#384b70;background:#384b701a}.auth-homepage .auth-features-section .features-left ul li .feature-icon{font-size:16px;display:flex}.auth-homepage .auth-features-section .features-left .see-all-features{margin-top:auto;display:flex}.auth-homepage .auth-features-section .features-left .see-all-features a{color:#fff;background-color:#384b70;border-radius:100px;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.auth-homepage .auth-features-section .features-left .see-all-features a:hover{text-decoration:underline}.auth-homepage .auth-features-section .features-left .see-all-features a span{background-color:#fff;border-radius:100px;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;display:flex}.auth-homepage .auth-features-section .features-left .see-all-features a span svg{color:#d79670;transform:rotate(40deg)}.auth-homepage .auth-features-section .features-right{flex-direction:column;flex:1;gap:20px;display:flex}.auth-homepage .auth-features-section .features-right .feature-hero{background-color:#ffefe9;border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}.auth-homepage .auth-features-section .features-right .feature-hero h3{color:#2c2b2e;justify-content:space-between;align-items:center;gap:20px;font-size:18px;display:flex}.auth-homepage .auth-features-section .features-right .feature-hero p{color:#5a677d;font-size:16px;line-height:1.6}.auth-homepage .auth-features-section .features-right .feature-details{background-color:#ebfbf8;border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}.auth-homepage .auth-features-section .features-right .feature-details h3{color:#2c2b2e;justify-content:space-between;align-items:center;gap:20px;font-size:18px;display:flex}.auth-homepage .auth-features-section .features-right .feature-details ul{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.auth-homepage .auth-features-section .features-right .feature-details ul li{color:#5a677d;align-items:center;gap:12px;font-size:16px;line-height:1.6;display:flex}.auth-homepage .auth-features-section .features-right .feature-details ul li span{align-items:center;display:flex}.auth-homepage .auth-features-section .features-right .feature-details ul li svg{color:#384b70;flex-shrink:0}.auth-homepage .auth-features-section .features-right .feature-details ul li strong{color:#2c2b2e;font-size:14px;font-weight:700}.auth-homepage .auth-features-section .features-right .feature-details ul li p{color:#5a677d;margin:0;font-size:15px;line-height:1.6}.auth-homepage .auth-features-section .features-right .feature-content h3{color:#384b70;margin-bottom:20px;font-size:24px}.auth-homepage .auth-features-section .features-right .feature-content p{color:#5a677d;margin-bottom:30px;font-size:16px;line-height:1.6}.auth-homepage .auth-crm-management-section{background-color:#fff;border-top:1px solid;border-image:linear-gradient(90deg,#22c55e1a,#f59e0b1a,#f472b61a) 1;padding:20px 0 40px;position:relative}.auth-homepage .auth-crm-management-section-inner{flex-direction:column;gap:20px;margin:0 auto;display:flex}.auth-homepage .auth-crm-management-section .management-section{grid-template-columns:repeat(2,1fr);align-items:center;gap:20px;display:grid}.auth-homepage .auth-crm-management-section .management-section .management-showcase{border-radius:20px;padding:20px}.auth-homepage .auth-crm-management-section .management-section .management-showcase img{border-radius:20px;width:100%;height:100%}.auth-homepage .auth-crm-management-section .management-section .management-showcase:first-child{background-color:#f4f5ff}.auth-homepage .auth-crm-management-section .management-section .management-showcase:last-child{background-color:#f3fbff}.auth-homepage .auth-crm-management-section .management-section .management-content{flex-direction:column;gap:20px;padding:20px;display:flex}.auth-homepage .auth-crm-management-section .management-section .management-content .content-header{align-items:center;gap:15px;display:flex}.auth-homepage .auth-crm-management-section .management-section .management-content .content-header .content-icon{color:#384b70;background:#384b701a;border-radius:12px;padding:10px}.auth-homepage .auth-crm-management-section .management-section .management-content h3{color:#2c2b2e;margin:0;font-size:32px;font-weight:700;line-height:1.2}.auth-homepage .auth-crm-management-section .management-section .management-content p{color:#5a677d;flex-direction:column;gap:10px;font-size:16px;line-height:1.6;display:flex}.auth-homepage .auth-crm-management-section .management-section .management-content p span{align-items:flex-start;gap:8px;display:flex}.auth-homepage .auth-crm-management-section .management-section .management-content .inline-icon{color:#384b70;flex-shrink:0;margin-top:3px}.auth-homepage .auth-why-choose-section{background-color:#fff;border-top:1px solid;border-image:linear-gradient(90deg,#22c55e1a,#f59e0b1a,#f472b61a) 1;padding:20px 0 40px;position:relative}.auth-homepage .auth-why-choose-section-inner{margin:0 auto}.auth-homepage .auth-why-choose-section .why-choose-header{text-align:center;max-width:800px;margin-bottom:40px;margin-left:auto;margin-right:auto}.auth-homepage .auth-why-choose-section .why-choose-header h2{color:#2c2b2e;margin-bottom:20px;font-size:36px;font-weight:700}.auth-homepage .auth-why-choose-section .why-choose-header .intro-text{color:#5a677d;font-size:18px;line-height:1.6}.auth-homepage .auth-why-choose-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px;display:grid}.auth-homepage .auth-why-choose-section .features-grid .feature-card{z-index:1;background:#fff;border-radius:10px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-number{color:#384b700d;z-index:-1;font-size:40px;font-weight:700;position:absolute;top:20px;right:20px}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-icon{color:#384b70;background:#384b701a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;display:flex}.auth-homepage .auth-why-choose-section .features-grid .feature-card h3{color:#2c2b2e;margin-bottom:10px;font-size:20px;font-weight:600}.auth-homepage .auth-why-choose-section .features-grid .feature-card p{color:#5a677d;margin:0;font-size:16px;line-height:1.6}.auth-homepage .auth-sla-compliant-section{border-top:1px solid;border-image:linear-gradient(90deg,#22c55e1a,#f59e0b1a,#f472b61a) 1;padding:20px 0 40px;position:relative;overflow:hidden}.auth-homepage .auth-sla-compliant-section:before{content:"";z-index:0;background-color:#0000;background-image:radial-gradient(circle,#f59e0b14 0%,#0000 60%),radial-gradient(circle at 0,#22c55e05 0%,#0000 40%),radial-gradient(circle at 100%,#22c55e05 0%,#0000 40%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.auth-homepage .auth-sla-compliant-section .sla-features{flex-wrap:wrap;align-items:center;gap:20px;height:max-content;display:flex;position:relative}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;height:100%;display:flex;position:relative}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-icon-wrapper{border:2px solid var(--primary-color);color:var(--primary-color);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-icon-wrapper:before{content:"";background-color:var(--primary-light-rgb);z-index:0;border-radius:50%;width:60px;height:60px;position:absolute}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-icon-wrapper:after{content:"";background-color:var(--primary-color);border-radius:50%;width:8px;height:8px;position:absolute;bottom:5px;right:5px}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-icon-wrapper>*{z-index:1;position:relative}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-icon-wrapper svg{font-size:20px}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-text h3{color:#2c2b2e;font-size:22px}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-text p{color:#5a677d;margin:0;font-size:16px;line-height:1.6}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-text .sla-badges{gap:5px;margin-bottom:5px;display:flex}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-text .sla-badges .sla-badge{color:var(--primary-color);background-color:#fff;border-radius:5px;padding:2px 6px;font-size:15px}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-text .sla-mini-icons{gap:8px;display:flex}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-text .sla-mini-icons .mini-icon{color:var(--primary-color);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:16px;display:inline-flex}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-line{background-color:var(--primary-light-rgb);width:calc(100% - 75px);height:2px}.auth-homepage .auth-faq-section{background-color:#fff;border-top:1px solid;border-image:linear-gradient(90deg,#22c55e1a,#f59e0b1a,#f472b61a) 1;padding:20px 0 40px;position:relative}.auth-homepage .auth-faq-section-inner{margin:0 auto}.auth-homepage .auth-faq-section .faq-container{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}@media (max-width:768px){.auth-homepage .auth-faq-section .faq-container{grid-template-columns:1fr}}.auth-homepage .auth-faq-section .faq-item{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.auth-homepage .auth-faq-section .faq-item .faq-question{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;display:flex}.auth-homepage .auth-faq-section .faq-item .faq-question h3{flex:1;margin:0;font-size:18px;font-weight:600;transition:color .2s}.auth-homepage .auth-faq-section .faq-item .faq-question .faq-icon{color:#384b70;background:#384b701a;border-radius:8px;padding:10px;display:flex}.auth-homepage .auth-faq-section .faq-item .faq-question .faq-toggle{color:#5a677d}.auth-homepage .auth-faq-section .faq-item .faq-question .faq-toggle .toggle-circle{color:#384b70;background:#384b701a;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;transition:all .3s;display:flex}.auth-homepage .auth-faq-section .faq-item .faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.auth-homepage .auth-faq-section .faq-item .faq-answer p{color:#5a677d;margin:0;padding:0 20px 20px 65px;font-size:16px;line-height:1.6}.auth-homepage .auth-faq-section .faq-item.active{box-shadow:0 8px 24px #0000001a}.auth-homepage .auth-faq-section .faq-item.active .faq-question h3{color:#384b70}.auth-homepage .auth-faq-section .faq-item.active .faq-answer{max-height:300px}.auth-homepage .auth-faq-section .faq-item.active .faq-toggle .toggle-circle{color:#fff;background:#384b70}.packages-section{border-top:1px solid;border-image:linear-gradient(90deg,#22c55e1a,#f59e0b1a,#f472b61a) 1;padding:20px 0 40px;position:relative}.packages-section .package-toggle-container{justify-content:center;margin:30px 0 50px;display:flex}.packages-section .package-toggle-container .price-tabs{white-space:nowrap;border:1px solid #eaeaea;border-radius:5px;display:flex;overflow:hidden}.packages-section .package-toggle-container .price-tabs button{cursor:pointer;background:#f8f9fa;border:none;flex:1;padding:8px 30px;font-size:15px;font-weight:500;transition:all .2s}.packages-section .package-toggle-container .price-tabs button.active{color:#fff;background:#384b70}.packages-section .package-toggle-container .price-tabs button:hover:not(.active){background:#e9ecef}.packages-section .packages-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1140px;margin:auto;display:grid}.packages-section .packages-grid .package-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;flex-direction:column;padding:20px;transition:transform .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.packages-section .packages-grid .package-card.recommended{border:1px solid #384b70}.packages-section .packages-grid .package-card .recommended-badge{color:#fff;background:#384b70;border-radius:20px;padding:4px 16px;font-size:12.8px;font-weight:700;position:absolute;top:-12px;right:20px}.packages-section .packages-grid .package-card .plan-name{color:#333;align-items:center;gap:5px;margin-bottom:10px;font-size:24px;font-weight:600;display:flex}.packages-section .packages-grid .package-card .plan-name:first-child svg{color:#4a89dc}.packages-section .packages-grid .package-card .plan-name:nth-child(2) svg{color:#e9573f}.packages-section .packages-grid .package-card .plan-description{color:#666;margin-bottom:15px;font-size:16px}.packages-section .packages-grid .package-card .price-section{margin-bottom:12px}.packages-section .packages-grid .package-card .price-section .discounted-price{flex-direction:column;gap:8px;display:flex}.packages-section .packages-grid .package-card .price-section .price-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.packages-section .packages-grid .package-card .price-section .original-price-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.packages-section .packages-grid .package-card .price-section .original-price{color:#999;font-size:16px;font-weight:500;text-decoration:line-through}.packages-section .packages-grid .package-card .price-section .final-price{color:#2c2b2e;font-size:36px;font-weight:700;line-height:1.2}.packages-section .packages-grid .package-card .price-section .regular-price{align-items:baseline;gap:8px;display:flex}.packages-section .packages-grid .package-card .price-section .price{color:#2c2b2e;font-size:36px;font-weight:700}.packages-section .packages-grid .package-card .price-section .discount-badge{color:#fff;letter-spacing:.5px;background:#dc2626;border-radius:20px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.packages-section .packages-grid .package-card .price-section .discount-period{color:#666;font-size:14px;font-weight:400}.packages-section .packages-grid .package-card .price-section .period{color:#666;font-size:16px;font-weight:500}.packages-section .packages-grid .package-card .price-section .monthly-equivalent{color:#008001;margin-top:8px;font-size:13px;font-weight:500}.packages-section .packages-grid .package-card .plan-features{border-top:1px solid #f0f0f0;margin-bottom:20px;padding:20px 0 0;list-style:none}.packages-section .packages-grid .package-card .plan-features .svg{color:#384b70}.packages-section .packages-grid .package-card .plan-features li{color:#333;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.packages-section .packages-grid .package-card .cta-button{text-align:center;cursor:pointer;border-radius:10px;width:100%;margin-top:auto;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.packages-section .packages-grid .package-card .cta-button.primary{color:#fff;background:#384b70;border:1px solid #384b70}.packages-section .packages-grid .package-card .cta-button:hover{opacity:.9;transform:translateY(-1px)}.packages-section .packages-grid .package-card .cta-button.secondary{color:#384b70;background:#fff;border:1px solid #384b70}.auth-footer-section{color:#2c2b2e;background-color:#fff;font-size:14px;line-height:1.6}.auth-footer-section .auth-footer-icon{color:#384b70;vertical-align:middle;margin-right:8px;font-size:16px}.auth-footer-section .auth-footer-heading .auth-footer-icon{margin-right:10px;font-size:18px}.auth-footer-section .auth-footer-top{background:linear-gradient(135deg,#f5f7fa 0%,#e4e9f2 100%);padding:60px 16px 40px}.auth-footer-section .auth-footer-top .auth-footer-top-inner{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:100%;max-width:85%;margin:0 auto;display:grid}@media (max-width:768px){.auth-footer-section .auth-footer-top .auth-footer-top-inner{grid-template-columns:1fr 1fr}}@media (max-width:480px){.auth-footer-section .auth-footer-top .auth-footer-top-inner{grid-template-columns:1fr}}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-heading{color:#384b70;align-items:center;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:600;display:flex;position:relative}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-heading:after{content:"";background-color:#384b70;width:60px;height:2px;position:absolute;bottom:0;left:0}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-logo{margin-bottom:20px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-logo img{border-radius:50%}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-logo a{display:inline-block}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-description{color:#5a677d;align-items:center;margin-bottom:20px;display:flex}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links{gap:15px;margin-top:20px;display:flex}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links a{color:#384b70;background-color:#384b701a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links a:hover{color:#fff;background-color:#384b70;transform:translateY(-3px)}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links{margin:0;padding:0;list-style:none}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links li{margin-bottom:12px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links li a{color:#5a677d;align-items:center;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links li a:after{content:"";background-color:#384b70;width:0;height:.5px;transition:width .3s;position:absolute;bottom:-2px;left:0}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links li a:hover{color:#384b70}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links li a:hover:after{width:100%}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item{gap:15px;margin-bottom:12px;display:flex}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item .auth-footer-contact-icon{color:#384b70;flex-shrink:0;margin-top:3px;font-size:20px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item h4{color:#2c2b2e;align-items:center;margin-bottom:5px;font-size:16px;font-weight:600;display:flex}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item p,.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item a{color:#5a677d;margin:0;font-size:14px;line-height:1.5;text-decoration:none}.auth-footer-section .auth-footer-bottom{color:#fff;background-color:#2c2b2e;padding:20px 0}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:85%;margin:0 auto;display:flex}@media (max-width:768px){.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner{text-align:center;flex-direction:column}}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner p{opacity:.8;align-items:center;margin:0;font-size:14px;display:flex}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner p .auth-footer-icon{color:#fff}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner .auth-footer-policy-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:480px){.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner .auth-footer-policy-links{gap:10px}}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner .auth-footer-policy-links li a{color:#fff;opacity:.8;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner .auth-footer-policy-links li a:hover{opacity:1;color:#384b70}.features-page{padding-bottom:50px;position:relative}.features-page .features-hero{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%);color:#fff;padding:40px 20px 80px;position:relative;overflow:hidden}.features-page .features-hero-inner{text-align:center;z-index:2;position:relative}.features-page .features-hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");position:absolute;inset:0}.features-page .features-hero .features-badge{color:var(--primary-color);background:#fff;border-radius:100px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 4px 6px #0000000c}.features-page .features-hero .features-badge svg{color:#01a601;font-size:15px}.features-page .features-hero h1{margin-bottom:10px;font-size:40px;font-weight:700;line-height:1.2}.features-page .features-hero p{margin-bottom:10px;font-size:16px;line-height:1.6}.features-page .features-hero .hero-stats{justify-content:center;gap:40px;display:flex}.features-page .features-hero .hero-stats .stat-item{align-items:center;gap:10px;display:flex}.features-page .features-hero .hero-stats .stat-item .stat-icon{opacity:.8;background:#ffffff1a;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.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{opacity:.8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.features-page .features-layout{z-index:10;grid-template-columns:350px 1fr;gap:30px;margin-top:-40px;display:grid;position:relative}.features-page .features-layout .features-sidebar{background:#fff;border-radius:5px;width:100%;height:fit-content;position:sticky;top:80px;box-shadow:0 4px 6px #0000000c}.features-page .features-layout .features-sidebar .sidebar-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.features-page .features-layout .features-sidebar .sidebar-header h3{color:#2c2b2e;font-size:22px;font-weight:600}.features-page .features-layout .features-sidebar .sidebar-header .auto-play-btn{color:var(--primary-color);cursor:pointer;background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.features-page .features-layout .features-sidebar .features-nav{flex-direction:column;gap:5px;display:flex}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item{cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 15px;transition:all .3s;display:flex}.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{background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;box-shadow:0 2px 8px #0000001a}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item .nav-title{color:var(--primary-color);font-size:15px;font-weight:500}.features-page .features-layout .features-sidebar .sidebar-footer{border-top:1px solid #e2e8eb;padding:20px 15px}.features-page .features-layout .features-sidebar .sidebar-footer .integration-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:14px;display:flex}.features-page .features-layout .feature-details-panel{background:#fff;border-radius:5px;padding:20px;box-shadow:0 4px 6px #0000000c}.features-page .features-layout .feature-details-panel .feature-visual-section{border-bottom:1px solid #e2e8eb;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;display:grid}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container{align-items:center;gap:30px;display:flex;position:relative}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .feature-main-icon{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .feature-main-icon span{justify-content:center;align-items:center;font-size:32px;display:flex}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .floating-icons{gap:12px;display:flex;position:relative}.features-page .features-layout .feature-details-panel .feature-visual-section .visual-container .floating-icons .floating-icon{width:50px;height:50px;color:var(--primary-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:18px;animation:3s ease-in-out infinite floatFeatureIcons;display:flex;box-shadow:0 8px 25px #0000001a}@keyframes floatFeatureIcons{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats{flex-direction:column;justify-content:center;align-items:center;min-width:120px;display:flex}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats .stat-value{margin-bottom:4px;font-size:20px;font-weight:700}.features-page .features-layout .feature-details-panel .feature-visual-section .feature-stats .stat-label{color:#64748b;font-size:14px}.features-page .features-layout .feature-details-panel .feature-content .feature-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section h2{color:#2c2b2e;font-size:24px;font-weight:600}.features-page .features-layout .feature-details-panel .feature-content .feature-header .title-section .feature-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;justify-content:flex-end;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:flex}.features-page .features-layout .feature-details-panel .feature-content .feature-header .feature-indicators{gap:5px;display:flex}.features-page .features-layout .feature-details-panel .feature-content .feature-header .feature-indicators .indicator{border-radius:50%;width:8px;height:8px;transition:all .3s}.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{color:#64748b;margin-bottom:20px;font-size:16px;line-height:1.6}.features-page .features-layout .feature-details-panel .feature-content .use-case-section{background:#f8fafc;border-radius:5px;margin-bottom:20px;padding:10px 12px}.features-page .features-layout .feature-details-panel .feature-content .use-case-section .use-case-header{color:#2c2b2e;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin-bottom:5px;font-size:14px;font-weight:600;display:flex}.features-page .features-layout .feature-details-panel .feature-content .use-case-section .use-case-text{color:#64748b;margin:0;font-size:15px;line-height:1.6}.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{color:#2c2b2e;margin-bottom:20px;font-size:20px;font-weight:600}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid{gap:20px;display:grid}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid .feature-item{color:#5a677d;align-items:center;gap:10px;display:flex}.features-page .features-layout .feature-details-panel .feature-content .features-list .features-grid .feature-item .feature-check{background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;box-shadow:0 2px 8px #0000001a}.features-page .features-layout .feature-details-panel .feature-content .benefits-section h4{color:#2c2b2e;margin-bottom:20px;font-size:20px;font-weight:600}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item{background:#f8fafc;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item .benefit-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;box-shadow:0 4px 6px #0000000c}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid .benefit-item span{color:#374151;font-size:14px;font-weight:500;line-height:1.4}@media (max-width:992px){.auth-navbar-inner,.auth-hero-section-inner,.auth-slider-section-inner,.auth-features-section-inner,.auth-crm-management-section-inner,.auth-why-choose-section-inner,.auth-sla-compliant-section-inner,.packages-section-inner,.auth-faq-section-inner,.auth-footer-section .auth-footer-top .auth-footer-top-inner,.features-page-inner{max-width:100%}.auth-navbar{top:0}.auth-navbar .mobile-auth-actions{white-space:nowrap;align-items:center;display:flex}.auth-navbar .auth-navbar-inner{border-radius:0;flex-direction:row;justify-content:space-between;gap:20px;margin:0;padding:10px}.auth-navbar .auth-navbar-inner .nav-logo{flex:auto}.auth-navbar .auth-navbar-inner .nav-logo img{width:32px;height:32px}.auth-navbar .auth-navbar-inner .nav-links,.auth-navbar .auth-navbar-inner .auth-nav-actions{display:none}.auth-navbar .auth-navbar-inner .mobile-menu-toggle{align-items:center;display:flex}.auth-homepage .auth-slider-section,.auth-homepage .auth-features-section,.auth-homepage .auth-crm-management-section,.auth-homepage .auth-sla-compliant-section,.auth-homepage .auth-why-choose-section,.auth-homepage .packages-section,.auth-homepage .auth-faq-section{padding:20px 10px}.auth-homepage .auth-slider-section-header,.auth-homepage .auth-features-section-header,.auth-homepage .auth-crm-management-section-header,.auth-homepage .auth-sla-compliant-section-header,.auth-homepage .auth-why-choose-section-header,.auth-homepage .packages-section-header,.auth-homepage .auth-faq-section-header{margin-bottom:15px}.auth-homepage .auth-slider-section-header h2,.auth-homepage .auth-features-section-header h2,.auth-homepage .auth-crm-management-section-header h2,.auth-homepage .auth-sla-compliant-section-header h2,.auth-homepage .auth-why-choose-section-header h2,.auth-homepage .packages-section-header h2,.auth-homepage .auth-faq-section-header h2{font-size:22px}.auth-homepage .auth-slider-section-header h2 svg,.auth-homepage .auth-features-section-header h2 svg,.auth-homepage .auth-crm-management-section-header h2 svg,.auth-homepage .auth-sla-compliant-section-header h2 svg,.auth-homepage .auth-why-choose-section-header h2 svg,.auth-homepage .packages-section-header h2 svg,.auth-homepage .auth-faq-section-header h2 svg{width:32px;height:32px;padding:6px}.auth-homepage .auth-slider-section-header p,.auth-homepage .auth-features-section-header p,.auth-homepage .auth-crm-management-section-header p,.auth-homepage .auth-sla-compliant-section-header p,.auth-homepage .auth-why-choose-section-header p,.auth-homepage .packages-section-header p,.auth-homepage .auth-faq-section-header p{font-size:14px}.auth-homepage .auth-hero-section{padding:100px 10px 20px}.auth-homepage .auth-hero-section .auth-hero-section-inner{flex-direction:column;gap:10px}.auth-homepage .auth-hero-section .auth-hero-section-inner-left,.auth-homepage .auth-hero-section .auth-hero-section-inner-right{max-width:100%}.auth-homepage .auth-hero-section .auth-hero-section-inner-right{min-height:200px}.auth-homepage .auth-hero-section .auth-hero-section-inner .auth-hero-tag{padding:5px 10px;font-size:9px}.auth-homepage .auth-hero-section .auth-hero-section-inner .auth-hero-tag svg{font-size:10px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-title{margin-bottom:10px;font-size:22px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-subtitle{margin-bottom:15px;font-size:14px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons{margin-bottom:20px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button,.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons a{padding:6px 16px;font-size:12px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats{gap:6px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item{flex:auto}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item .stat-icon-wrapper{min-width:20px;min-height:20px;font-size:20px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item h3{font-size:18px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item p{font-size:12px}.auth-homepage .auth-slider-section .auth-slider-section-inner .icon-line{gap:30px;margin:0 auto 20px}.auth-homepage .auth-slider-section .auth-slider-section-inner .icon-line .icon-item .icon-circle{width:40px;height:40px}.auth-homepage .auth-slider-section .auth-slider-section-inner .icon-line .icon-item .icon-circle svg{font-size:16px}.auth-homepage .auth-slider-section .auth-slider-section-inner .icon-line .icon-item.active:before{left:-30px}.auth-homepage .auth-slider-section .auth-slider-section-inner .icon-line .icon-item.active:after{right:-30px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-content-section{grid-template-columns:1fr;gap:20px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-content-section .slider-text-content h3{font-size:18px;font-weight:600}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-content-section .slider-text-content p,.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-content-section .slider-text-content .feature-list li{font-size:14px}.auth-homepage .auth-features-section .auth-features-section-inner{flex-direction:column}.auth-homepage .auth-features-section .auth-features-section-inner .features-left{gap:10px;padding:12px}.auth-homepage .auth-features-section .auth-features-section-inner .features-left-header .auth-features-tag{padding:5px 10px;font-size:9px}.auth-homepage .auth-features-section .auth-features-section-inner .features-left-header .auth-features-tag svg{font-size:10px}.auth-homepage .auth-features-section .auth-features-section-inner .features-left-header h2{font-size:18px}.auth-homepage .auth-features-section .auth-features-section-inner .features-left ul{gap:10px}.auth-homepage .auth-features-section .auth-features-section-inner .features-left ul li{padding:6px 12px;font-size:12px}.auth-homepage .auth-features-section .auth-features-section-inner .features-left .see-all-features a{padding:6px 12px;font-size:14px}.auth-homepage .auth-features-section .auth-features-section-inner .features-left .see-all-features a span{width:25px;height:25px}.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-hero,.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-details{padding:12px}.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-hero h3,.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-details h3{font-size:18px;font-weight:600}.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-hero p{font-size:14px}.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-details ul li{flex-wrap:wrap;gap:6px 4px}.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-details ul li span,.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-details ul li strong{font-size:14.5px}.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-details ul li p{width:100%;font-size:14px}.auth-homepage .auth-crm-management-section .auth-crm-management-section-inner .management-section{grid-template-columns:1fr}.auth-homepage .auth-crm-management-section .auth-crm-management-section-inner .management-section .management-showcase{width:100%;height:150px;padding:10px}.auth-homepage .auth-crm-management-section .auth-crm-management-section-inner .management-section .management-showcase img{width:100%;height:100%}.auth-homepage .auth-crm-management-section .auth-crm-management-section-inner .management-section .management-content{padding:0}.auth-homepage .auth-crm-management-section .auth-crm-management-section-inner .management-section .management-content .content-header svg{width:28px;height:28px;padding:5px}.auth-homepage .auth-crm-management-section .auth-crm-management-section-inner .management-section .management-content .content-header h3{font-size:16px}.auth-homepage .auth-crm-management-section .auth-crm-management-section-inner .management-section .management-content p{font-size:14px}.auth-homepage .auth-sla-compliant-section-inner .sla-features{gap:10px}.auth-homepage .auth-sla-compliant-section-inner .sla-features .sla-feature{gap:8px;padding:10px}.auth-homepage .auth-sla-compliant-section-inner .sla-features .sla-feature .sla-icon-wrapper{width:60px;height:60px}.auth-homepage .auth-sla-compliant-section-inner .sla-features .sla-feature .sla-icon-wrapper:before{width:50px;height:50px}.auth-homepage .auth-sla-compliant-section-inner .sla-features .sla-feature .sla-text h3{font-size:18px}.auth-homepage .auth-sla-compliant-section-inner .sla-features .sla-feature .sla-text p,.auth-homepage .auth-sla-compliant-section-inner .sla-features .sla-feature .sla-text .sla-badges .sla-badge{font-size:14px}.auth-homepage .auth-why-choose-section .features-grid{flex-direction:column;gap:15px;margin-top:20px;display:flex}.auth-homepage .auth-why-choose-section .features-grid .feature-card{padding:10px 12px}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-icon{width:40px;height:40px;margin-bottom:0}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-number{font-size:32px;top:0}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-icon-title{align-items:center;gap:12px;margin-bottom:10px;display:flex}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-icon-title h3{margin-bottom:0;font-size:18px}.auth-homepage .auth-why-choose-section .features-grid .feature-card p{font-size:14px}.auth-homepage .auth-faq-section .faq-container .faq-item .faq-question{padding:10px}.auth-homepage .auth-faq-section .faq-container .faq-item .faq-question .faq-icon{padding:5px}.auth-homepage .auth-faq-section .faq-container .faq-item .faq-question h3{font-size:14px}.auth-homepage .auth-faq-section .faq-container .faq-item .faq-question .faq-toggle .toggle-circle{width:20px;height:20px}.auth-homepage .auth-faq-section .faq-container .faq-item .faq-answer p{padding:6px 12px;font-size:14px}.auth-footer-section .auth-footer-top{padding:20px 10px}.auth-footer-section .auth-footer-top .auth-footer-top-inner{gap:10px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-logo img{width:32px;height:32px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-logo,.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-description{margin-bottom:10px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links{margin:6px 0}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links a{width:28px;height:28px;font-size:12px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-heading{margin-bottom:12px}.auth-footer-section .auth-footer-bottom{padding:10px 0}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner{text-align:center;gap:10px;max-width:100%}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner p{font-size:13px}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner .auth-footer-policy-links li a{font-size:12px}.features-page .features-hero{padding:20px 10px 40px}.features-page .features-hero .features-hero-inner{text-align:center}.features-page .features-hero .features-hero-inner h1{margin-bottom:8px;font-size:22px}.features-page .features-hero .features-hero-inner p{font-size:14px}.features-page .features-hero .features-hero-inner .features-badge{gap:6px;padding:5px 10px;font-size:10px}.features-page .features-hero .features-hero-inner .features-badge svg{font-size:12px}.features-page .features-hero .features-hero-inner .hero-stats{align-items:center;gap:10px}.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{top:unset;width:100%;box-shadow:none;border:1px solid #e2e8eb;position:relative;overflow:hidden}.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{white-space:nowrap;flex-direction:row;overflow:auto}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item{gap:8px;padding:8px 10px}.features-page .features-layout .features-sidebar .features-nav .feature-nav-item.active{background-color:var(--primary-color);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{padding:4px 8px;font-size:12px}.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:60px;height:60px}.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:36px;height:36px;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{margin-bottom:15px;font-size:14px}.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{gap:4px;font-size:12px}.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{margin-bottom:10px;font-size:16px}.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{margin-bottom:10px;font-size:16px}.features-page .features-layout .feature-details-panel .feature-content .benefits-section .benefits-grid{grid-template-columns:1fr;gap:8px}.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-hero-section-inner-right .slide video{width:100%;height:100%}.auth-sla-compliant-section-inner .sla-features{flex-direction:column}}.admin-dashboard-container{flex-direction:column;min-height:100vh;display:flex}.admin-dashboard-container .admin-header{z-index:999;background-color:#fff;position:sticky;top:0;box-shadow:0 4px 6px #0000000c}.admin-dashboard-container .admin-header .header-content{justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;padding:10px;display:flex}.admin-dashboard-container .admin-header .header-content img{cursor:pointer}.admin-dashboard-container .dashboard-content{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:30px 10px}.admin-dashboard-container .dashboard-content .welcome-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper{align-items:center;gap:12px;margin-bottom:8px;display:flex}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-title{color:#111827;font-size:22px;font-weight:700}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-icon{color:#384b70;font-size:28px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-subtitle{color:#6b7280;font-size:16px}.admin-dashboard-container .dashboard-content .companies-section .companies-list{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;overflow:hidden}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-header{color:#384b70;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:1.8fr .8fr 1fr .6fr .6fr .5fr;padding:8px 10px;font-weight:600;display:grid}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-header .header-item{padding:10px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body{flex-direction:column;display:flex}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row{grid-template-columns:1.8fr .8fr 1fr .6fr .6fr .5fr;padding:8px 10px;transition:background-color .2s;display:grid}.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{align-items:center;padding:8px;display:flex}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item span{align-items:center;gap:2px;display:flex}.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{color:#111827;margin:0;font-size:16px;font-weight:600}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item.name .company-description{color:#6b7280;margin:0;font-size:14px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .subscription{flex-direction:column;gap:5px;display:flex}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .subscription .subscription-date{color:#999;align-items:center;gap:5px;font-size:13px;display:flex}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .subscription .subscription-date small{color:#2c2b2e;font-size:13px}.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;margin-bottom:16px;padding:16px;transition:all .2s;box-shadow:0 4px 6px #0000000c}.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{justify-content:space-between;margin-bottom:8px;display:flex}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row span{align-items:center;gap:2px;display:flex}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-label{color:#374151;font-weight:600}.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;margin:8px 0 12px;font-size:14px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-actions{justify-content:flex-end;display:flex}.admin-dashboard-container .dashboard-content .companies-section .status-badge{text-transform:capitalize;border-radius:9999px;padding:5px 12px;font-size:12px;font-weight:600}.admin-dashboard-container .dashboard-content .companies-section .status-badge.verified,.admin-dashboard-container .dashboard-content .companies-section .status-badge.completed,.admin-dashboard-container .dashboard-content .companies-section .status-badge.active{color:#059669;background-color:#ecfdf5}.admin-dashboard-container .dashboard-content .companies-section .status-badge.pending{color:#d97706;background-color:#fffbeb}.admin-dashboard-container .dashboard-content .companies-section .status-badge.expired{color:#dc2626;background-color:#ffd9d9}.admin-dashboard-container .dashboard-content .companies-section .status-badge.rejected,.admin-dashboard-container .dashboard-content .companies-section .status-badge.failed,.admin-dashboard-container .dashboard-content .companies-section .status-badge.block{color:#dc2626;background-color:#fef2f2}.admin-dashboard-container .dashboard-content .companies-section .empty-state{text-align:center;background-color:#fff;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;box-shadow:0 4px 6px #0000000c}.admin-dashboard-container .dashboard-content .companies-section .empty-state .empty-icon{color:#d1d5db;margin-bottom:10px}.admin-dashboard-container .dashboard-content .companies-section .empty-state h3{color:#111827;margin-bottom:8px;font-size:20px;font-weight:600}.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);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s}.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{justify-content:flex-end;display:flex}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link{color:var(--primary-color);background-color:#fff;border:1px solid #e2e8eb;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.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-color)}@keyframes spin{to{transform:rotate(360deg)}}.admin-my-account-profile .admin-account-header{z-index:999;background-color:#fff;position:sticky;top:0;box-shadow:0 4px 6px #0000000c}.admin-my-account-profile .admin-account-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:10px;display:flex}.admin-my-account-profile .admin-account-header-inner .back-to-home img{cursor:pointer}.admin-my-account-profile-inner{max-width:1320px;margin:auto;padding:20px 10px}@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 .list-header,.admin-dashboard-container .dashboard-content .companies-section .companies-list .company-row{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{text-align:center;margin-bottom:20px}.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{justify-content:flex-end;width:100%}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link{gap:5px;padding:5px 10px;font-size:14px}}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner .title{color:var(--primary-color);margin-bottom:5px;font-size:32px;font-weight:500}@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{justify-content:center;align-items:center;display:flex}.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{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form .sendOTP-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:3px;width:100%;padding:12px;font-size:18px;font-weight:700;display:flex}.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 #0000000c}@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{color:#3c3939;background-color:#0000;border-radius:5px;width:100%;padding:8px 12px}.select-field.common-placeholder{color:#ccc}.select-field option{color:#000}.select-field option[value=""]{color:#ccc}.add-employee-form .employee-fields-wrapper{grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:10px;display:grid}.add-employee-form .employee-fields-wrapper .employee-field{flex-direction:column;display:flex;position:relative}.add-employee-form .employee-fields-wrapper .employee-field .error-message{color:#ff4c51;font-size:10px;position:absolute;bottom:-15px;left:0}.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{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.add-employee-form input:focus,.add-employee-form select:focus{border-color:var(--primary-light);background:0 0}.add-employee-form input::placeholder,.add-employee-form select::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:13px;font-weight:400}.add-employee-form .create-employess-action{justify-content:flex-end;gap:10px;display:flex}.add-employee-form .create-employess-action .form-button{background-color:var(--primary-color);border:unset;color:#fff;border-radius:5px;margin-top:10px;padding:10px 30px;font-size:16px;font-weight:500}.add-employee-form .create-employess-action .form-button:hover{background:var(--primary-light)}.invite-employees-popup p{color:var(--primary-color);margin-bottom:10px;font-size:16px;font-weight:600}.invite-employees-popup input{margin-bottom:20px}.invite-employees-popup .close-btn{color:#fff;background-color:#9cb9d0}.invite-employees-popup .invites-btn{gap:20px;display:flex}@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%;margin-top:40px;padding:12px 0}}.add-role-form{background:#fff;border-radius:5px 5px 0 0;width:100%;margin:auto;box-shadow:0 4px 8px #0000001a,0 10px 20px #0000000d}.add-role-form form{padding:15px}.add-role-form h2{text-align:center;background-color:var(--primary-color);color:#fff;border-radius:5px 5px 0 0;padding:20px}.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{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px 12px}.roll-name-input input:focus,.roll-name-input textarea:focus{border-color:var(--primary-light);background:#fff;outline:none}.switch-button{flex-wrap:wrap;margin-bottom:20px;display:flex}.switch-button button{cursor:pointer;background-color:#f3f3f3;border:1px solid #fff;border-radius:15px 73px 0 0;padding:10px 18px 10px 5px;font-size:14px;font-weight:500;transition:background .3s}.switch-button button.active{background-color:var(--primary-color);color:#fff}.wrapper{justify-content:center;align-items:center;display:flex;position:relative}.tabs-box{scroll-behavior:smooth;gap:10px;list-style:none;display:flex;overflow-x:hidden}.tabs-box .tab{cursor:pointer;background-color:#f4f4f4;border-radius:30px;padding:8px 18px;font-size:.95rem;transition:background .3s}.tabs-box .tab.active{background-color:var(--primary-color);color:#fff}.icon i{color:var(--primary-color);font-size:18px}.tabs-box.dragging{cursor:grab}.permissions-container{border:1px solid #e2e8eb;border-radius:5px;margin-top:15px}.permissions-container label{cursor:pointer;text-transform:capitalize;background:#fff;border-bottom:1px solid #efefef;border-radius:0;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.permissions-container .select-all-label{background-color:#f5f5f5;font-weight:700}.permissions-container .role-checkbox{accent-color:var(--primary-color);width:15px;height:15px}.permission-tab-popup{background:#dee9f2;border-radius:5px}.role-action{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.role-action .addrole-btn:disabled{cursor:not-allowed;background-color:#ddd}.permission-group-header{flex-wrap:wrap;gap:10px;display:flex}.permission-group-header .permission-label{cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:6px;padding:8px 12px;display:flex;box-shadow:0 2px 4px #0000001a}.login-container2.register-contianer .login-form{grid-template-columns:repeat(2,1fr);gap:10px 20px;display:grid}.login-container2.register-contianer .login-form .input-wrapper{grid-template-columns:1fr 10fr 1fr;gap:2px;padding:8px 10px;display:grid}.login-container2{grid-template-columns:50% 50%;align-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.login-container2 .left-panel{background-color:#fff;align-items:center;height:100vh;padding:60px 80px 60px 100px;display:flex}.login-container2 .left-panel .form-box{width:100%}.login-container2 .left-panel .title{color:var(--primary-color);margin-bottom:5px;font-size:32px;font-weight:500}.login-container2 .left-panel .description{color:#646565;letter-spacing:.3px;margin-bottom:30px;font-size:16px;font-weight:500}.login-container2 .left-panel .agreement-group .agreement-input-wrapper{white-space:nowrap;align-items:center;gap:2px;margin:20px 0;font-size:14px;display:flex;position:relative}.login-container2 .left-panel .agreement-group .agreement-input-wrapper input{accent-color:#384b70;cursor:pointer;width:16px;height:16px;margin-right:4px}.login-container2 .left-panel .agreement-group .agreement-input-wrapper .terms-link{color:#384b70;cursor:pointer;margin-left:4px;text-decoration:underline}.login-container2 .left-panel .input-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.login-container2 .left-panel .input-group svg{cursor:pointer;color:var(--primary-color)}.login-container2 .left-panel .input-group .input-error{color:red;font-size:12px}.login-container2 .left-panel .input-wrapper{border:1px solid #ddd;border-radius:5px;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;height:45px;margin-bottom:1rem;padding:12px;display:flex}.login-container2 .left-panel .input-wrapper:focus-within{border-color:var(--primary-light);background-color:#0000}.login-container2 .left-panel .input-wrapper .input-icon{color:var(--primary-color);transition:color .3s,background .3s}:-webkit-any(.login-container2 .left-panel .input-wrapper input:-webkit-autofill,.login-container2 .left-panel .input-wrapper textarea:-webkit-autofill,.login-container2 .left-panel .input-wrapper select:-webkit-autofill){-webkit-text-fill-color:inherit;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #0000}:is(.login-container2 .left-panel .input-wrapper input:autofill,.login-container2 .left-panel .input-wrapper textarea:autofill,.login-container2 .left-panel .input-wrapper select:autofill){-webkit-text-fill-color:inherit;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #0000}.login-container2 .left-panel .input-wrapper .otp-button{background-color:var(--primary-color);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;font-size:12px;display:flex}.login-container2 .left-panel .input-wrapper .otp-button:focus{outline:none}.login-container2 .left-panel .input-wrapper input{color:#2c2b2e;border:none;outline:none;width:100%;padding:0;font-size:15px;font-weight:500}.login-container2 .left-panel .input-wrapper input::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:14px}.login-container2 .left-panel .input-wrapper .password-toggle-btn{justify-content:center;align-items:center;display:flex}.login-container2 .left-panel .login-button{background:var(--primary-color);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:5px;grid-column:span 2;width:100%;height:45px;margin-top:30px;font-size:18px;font-weight:700}.login-container2 .left-panel .login-button:hover{background-color:var(--primary-light);box-shadow:0 4px 6px #0000000c}.login-container2 .left-panel .remember-forgot{justify-content:space-between;margin:30px 0;display:flex}.login-container2 .left-panel .remember-forgot .forgot-password-link{color:var(--primary-color);font-size:14px;font-weight:600;text-decoration:none}.login-container2 .left-panel .signup-text{text-align:center;margin-top:1rem}.login-container2 .left-panel .signup-text a{color:var(--primary-color);font-weight:700}.login-container2 .left-panel .login-footer-links{text-transform:capitalize;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:40px;font-size:13px;display:flex}.login-container2 .left-panel .login-footer-links a{color:var(--primary-color);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;justify-content:center;align-items:center;display:flex}.login-container2 .right-panel .illustration{max-width:90%;height:auto}.login-container2 .custom-checkbox{letter-spacing:.2px;color:var(--primary-color);cursor:pointer;align-items:center;gap:10px;font-size:13px;transition:all .2s;display:flex;position:relative}.login-container2 .custom-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.login-container2 .custom-checkbox .checkmark{border:2px solid #999;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.login-container2 .custom-checkbox .checkmark .checkmark-icon{opacity:0;font-size:12px}.login-container2 .custom-checkbox input:checked+.checkmark{border-color:var(--primary-color);background:#fff}.login-container2 .custom-checkbox input:checked+.checkmark .checkmark-icon{opacity:1;color:var(--primary-color)}.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}.agree-terms-conditions .modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}@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{padding:.65rem;font-size:16px}.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{flex-direction:column;display:flex}.login-container2{align-items:flex-start;height:auto;min-height:90vh}.login-container2 .left-panel{height:auto;min-height:80vh;padding:20px 12px}.login-container2 .left-panel .title{font-size:22px}.login-container2 .left-panel .subtitle{font-size:16px}.login-container2 .left-panel .description{margin-bottom:20px;font-size:12px}.login-container2 .left-panel .input-wrapper{margin-bottom:10px;padding:8px}.login-container2 .left-panel .input-wrapper input{padding:0}.login-container2 .left-panel .login-button{height:auto;margin-top:0;padding:10px;font-size:14px}.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{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex;position:relative}.dashboard-page .user-welcome-info h2{font-size:24px;font-weight:600}.dashboard-page .user-welcome-info h2 span{color:var(--primary-color)}.dashboard-page .user-welcome-info img{object-fit:cover;position:absolute;right:0}.dashboard-page .overview-grid-container{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.dashboard-page .overview-grid-container .card{cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;padding:12px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.dashboard-page .overview-grid-container .card:hover{border-color:var(--primary-light);box-shadow:0 4px 6px #0000000c}.dashboard-page .overview-grid-container .card:hover .card-content .card-header .icon-shell{background-color:var(--primary-color);transform:scale(1.05)}.dashboard-page .overview-grid-container .card:hover .card-content .card-header .icon-shell svg{color:#fff}.dashboard-page .overview-grid-container .card .card-content{flex-direction:column;height:100%;display:flex}.dashboard-page .overview-grid-container .card .card-content .card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px;display:flex}.dashboard-page .overview-grid-container .card .card-content .card-header .icon-shell{background-color:var(--primary-light-rgb);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .3s;display:flex}.dashboard-page .overview-grid-container .card .card-content .card-header .icon-shell svg{color:var(--primary-color);transition:color .3s}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values{flex:1;overflow:hidden}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values .card-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:16px;font-weight:500;overflow:hidden}.dashboard-page .overview-grid-container .card .card-content .card-header .card-values .value-count{color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;line-height:1.2;overflow:hidden}.dashboard-page .overview-grid-container .card .card-content .card-header .trend-indicator{align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.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{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.dashboard-page .overview-grid-container .card .card-content .card-footer .view-all{color:#9ca3af;font-size:14px;font-weight:500}.dashboard-page .overview-grid-container .card .card-content .card-footer .view-link{color:var(--primary-color);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.dashboard-page .stat-performance-container .stats-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;margin-bottom:20px;padding:20px;transition:all .3s}.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{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section{align-items:flex-start;gap:10px;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper{background:var(--primary-light-rgb);border-radius:5px;justify-content:center;align-items:center;padding:10px;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper svg{color:var(--primary-color);font-size:20px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section h3{color:#2c2b2e;margin:0 0 4px;font-size:20px;font-weight:700}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section p{color:#6b7280;margin:0;font-size:16px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats{gap:20px;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item{flex-direction:column;align-items:flex-end;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-label{color:#6b7280;margin-bottom:4px;font-size:16px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-value{color:#2c2b2e;font-size:18px;font-weight:700}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section{justify-content:space-between;align-items:center;gap:15px;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls{background:#f8fafc;border:1px solid #e2e8eb;border-radius:12px;padding:4px;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls .tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .tab-controls .tab-btn.active{color:var(--primary-color);background:#fff;box-shadow:0 4px 6px #0000000c}.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{cursor:pointer;color:#2c2b2e;background:#fff;border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown:hover{border-color:var(--primary-color)}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-arrow{font-size:12px;transition:transform .2s}.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{box-shadow:5px;z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:5px;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0}.dashboard-page .stat-performance-container .stats-card .card-header-section .controls-section .dropdown-container .time-dropdown .dropdown-menu .dropdown-item{cursor:pointer;color:#6b7280;border-bottom:1px solid #e2e8eb;padding:10px 16px;font-size:15px;transition:all .2s}.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-color)}.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:5px;padding:10px;box-shadow:0 4px 6px #0000000c}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-header{color:#6b7280;align-items:center;gap:5px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content{flex-direction:column;gap:4px;display:flex}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content .tooltip-item{align-items:center;gap:8px;font-size:15px;display:flex}.dashboard-page .stat-performance-container .stats-card .chart-container .custom-tooltip .tooltip-content .tooltip-item .color-indicator{border-radius:50%;width:8px;height:8px}.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{color:#1e293b;font-weight:600}.dashboard-page .stat-performance-container .stats-card .sale-list{flex-wrap:wrap;gap:16px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item{background:#f8fafc;border:1px solid #e2e8eb;border-radius:5px;padding:10px;transition:all .3s;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{align-items:flex-start;gap:5px;margin-bottom:16px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .rank-section .rank-icon{font-size:24px}.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{color:#fff;background:#64748b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info{flex:1}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-name{color:var(--primary-color);margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.3}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats{gap:10px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats .stat{align-items:center;gap:6px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .item-header .item-info .item-stats .stat .stat-icon{color:#6b7280;flex-shrink:0;font-size:12px}.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 .progress-section{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .progress-section .progress-group .progress-label{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .progress-section .progress-group .progress-label span{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .progress-section .progress-group .progress-label .progress-value{color:#2c2b2e;background:#fff;border:1px solid #e2e8eb;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .progress-section .progress-group .progress-container{background:#e5e7eb;border-radius:10px;height:6px;position:relative;overflow:hidden}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .progress-section .progress-group .progress-container .progress-bar{border-radius:10px;height:100%;transition:width .8s ease-in-out;box-shadow:0 4px 6px #0000000c}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .progress-section .progress-group .progress-container .progress-bar.revenue{box-shadow:0 2px 4px #10b9814d}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges{flex-wrap:wrap;gap:8px;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge .badge-icon{font-size:10px}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge.quantity-badge{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.dashboard-page .stat-performance-container .stats-card .sale-list .sale-item .performance-badges .badge.revenue-badge{color:#059669;background:#10b9811a;border:1px solid #10b98133}.dashboard-page .stat-performance-container .stats-card .chart-legend{border-top:1px solid #e2e8eb;justify-content:center;gap:20px;padding-top:15px;display:flex}.dashboard-page .stat-performance-container .stats-card .chart-legend .legend-item{color:#6b7280;align-items:center;gap:8px;font-size:15px;display:flex}.dashboard-page .stat-performance-container .stats-card .chart-legend .legend-item .legend-color{border-radius:3px;width:12px;height:12px}.sales-report-page .s-r-filter-controls{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 0;display:flex}.sales-report-page .s-r-filter-controls h2{color:var(--primary-color)}@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{justify-content:space-between;width:100%}.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;justify-content:center;width:100%}.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: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:20px}.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{font-size:10px;position:absolute;bottom:2px;right: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{margin-bottom:15px;padding:12px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section h3{font-size:18px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .title-section p{font-size:14px}.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:calc(50% - 8px)}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-label{font-size:14px}.dashboard-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-value{font-size:16px}.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: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: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:20px}}.account-packages-header{z-index:99999;background-color:#fff;width:100%;padding:10px;position:sticky;top:0;box-shadow:0 4px 6px #0000000c}.account-packages-header .acc-pkg-header-inner{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1320px;margin:auto;display:flex}.account-packages-header .acc-pkg-header-inner .back-to-pkgs{background-color:var(--primary-color);color:#fff;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:flex}.account-packages-header .category-filter,.account-packages-header .category-filter .filter-group{align-items:center;gap:10px;display:flex}.account-packages-header .category-filter .filter-group label{color:#2c2b2e;margin:0;font-size:14px;display:block}.account-packages-header .category-filter select{cursor:pointer;border-color:#dee9f2;border-radius:5px;padding:5px 8px;font-size:14px}.no-packages-message{text-align:center;background:#fffc;border:1px dashed #ccc;border-radius:5px;grid-column:1/-1;margin:2rem 0;padding:2rem}.no-packages-message h3{color:#555;margin-bottom:.5rem;font-size:1.5rem}.no-packages-message p{color:#777;margin-bottom:1rem}.no-packages-message .empty-box-icon{margin-bottom:1rem;font-size:4rem;animation:2s infinite pkgBounce;display:inline-block}@keyframes pkgBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.no-packages-message .suggestions{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem}.wave-hand{transform-origin:70% 70%;font-size:2rem;animation:2s infinite pkgWave;display:inline-block}@keyframes pkgWave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.select-button-container button{width:100%;margin-top:10px}.profile-page-inner,.profile-page .session-header-wrapper{flex-direction:column;gap:20px;display:flex}.profile-page .session-header-wrapper .profile-page-header{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;display:flex;overflow:hidden}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper{border-radius:5px 5px 0 0;width:100%;height:150px;position:relative;overflow:hidden}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-slider{width:100%;height:100%;position:relative}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-slider .cover-slide{opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}.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{object-fit:cover;width:100%;height:100%}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-indicators{z-index:10;gap:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-indicators .indicator{cursor:pointer;background:#fff;border:1px solid #01a601;border-radius:50%;width:8px;height:8px;transition:all .3s}.profile-page .session-header-wrapper .profile-page-header .profile-cover-wrapper .cover-indicators .indicator.active{background:var(--primary-color);transform:scale(1.2)}.profile-page .session-header-wrapper .profile-page-header .profile-about{border-bottom:1px solid #e2e8eb;gap:20px;height:80px;padding:10px 20px;display:flex}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-image{cursor:zoom-in;background-color:#fff;border:1px solid #01a601;border-radius:50%;width:100px;height:100px;position:relative;top:-80%;box-shadow:0 4px 6px #0000000c}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info{flex:1;justify-content:space-between;gap:10px;display:flex;overflow:hidden}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content{flex-direction:column;gap:5px;display:flex}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content h2{white-space:nowrap;text-overflow:ellipsis;font-size:24px;overflow:hidden}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .info-content span{align-items:center;gap:5px;display:flex}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions{align-items:flex-start;gap:10px;display:flex}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-info .profile-actions button{border:1px solid var(--primary-color);background-color:var(--primary-light-rgb);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:15px;display:flex}.profile-page .session-header-wrapper .profile-page-header .info-stack{flex-wrap:wrap;gap:10px;padding:20px;display:flex}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line{border:1px solid #e2e8eb;border-radius:5px;align-items:center;display:flex;overflow:hidden}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-icon-wrapper{background:var(--primary-color);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:100%;display:flex}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-icon-wrapper .info-icon{color:#fff;font-size:16px}.profile-page .session-header-wrapper .profile-page-header .info-stack .info-line .info-content{background:#f59e0b1a;align-items:center;gap:5px;padding:5px 10px;display:flex;overflow:hidden}.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{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;padding:20px;display:flex}.profile-page .sessions-info-section .sessions-panel .panel-header{border-bottom:1px solid #e2e8eb;flex-direction:column;gap:5px;padding-bottom:10px;display:flex}.profile-page .sessions-info-section .sessions-panel .panel-header h2{color:#2c2b2e;justify-content:space-between;align-items:center;gap:10px;font-size:20px;display:flex}.profile-page .sessions-info-section .sessions-panel .panel-header h2 span{align-items:center;gap:10px;display:flex}.profile-page .sessions-info-section .sessions-panel .panel-header h2 .sessions-count{background:var(--primary-light-rgb);color:var(--primary-color);border-radius:5px;padding:4px 10px;font-size:14px;font-weight:600}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item{white-space:nowrap;border-bottom:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:10px;padding:10px 10px 10px 0;display:flex}.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{background:var(--primary-light-rgb);color:var(--primary-color);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;font-size:16px;display:flex}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details{flex:1}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;display:flex}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-meta .session-ip{color:#2c2b2e;font-size:16px;font-weight:600}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-meta .session-location{color:#01a601;background-color:#2e7d321a;border:1px solid #2e7d3229;border-radius:5px;padding:1px 4px;font-size:13px}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-info{flex-wrap:wrap;gap:10px;display:flex}.profile-page .sessions-info-section .sessions-panel .sessions-list .session-item .session-details .session-info .session-info-item{color:var(--primary-color);align-items:center;gap:5px;font-size:13px;display:flex}.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{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:25px;display:grid}.recheck-modal-content .status-details-grid .status-item{flex-direction:column;gap:5px;display:flex}.recheck-modal-content .status-details-grid .status-item .status-label{color:var(--text-secondary);font-weight:600}.recheck-modal-content .status-badge{text-transform:capitalize;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;font-weight:600;display:inline-flex}.recheck-modal-content .status-badge.pending{color:#e65100;background-color:#fff3e0}.recheck-modal-content .status-badge.completed{color:#2e7d32;background-color:#e8f5e9}.recheck-modal-content .status-badge.verified{color:#1565c0;background-color:#e3f2fd}.recheck-modal-content .status-badge.rejected{color:#c62828;background-color:#ffebee}.recheck-modal-content .status-badge.active{color:#2e7d32;background-color:#e8f5e9}.recheck-modal-content .status-badge.inactive{color:#e65100;background-color:#fff3e0}.recheck-modal-content .status-badge.expired{color:#616161;background-color:#f5f5f5}.recheck-modal-content .recheck-button-container{justify-content:center;display:flex}.Profile-image-preview{width:100%}.edit-user-form .profile-image-wrapper{border-bottom:3px solid var(--primary-color);flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;padding-bottom:10px;display:flex}.edit-user-form .profile-image-container{width:100px;height:100px;position:relative}.edit-user-form .profile-image-container .profile-image{object-fit:cover;border:3px solid #ccc;border-radius:9999px;width:100px;height:100px;position:absolute}.edit-user-form .profile-image.updated{border-color:green}.edit-user-form .profile-option-buttons{flex-direction:column;gap:10px;display:flex}.edit-user-form .edit-profile-picicon{cursor:pointer;background:#f3f4f6;border:1px solid green;border-radius:9999px;padding:4px 6px;font-size:14px;position:absolute;bottom:0;right:0}.edit-user-form .form-group input,.edit-user-form .form-group textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:.5rem}.edit-user-form .error{color:#e53e3e;margin-top:.25rem;font-size:.875rem;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}.edit-user-form .verified-badge{color:#38a169;margin-left:.5rem;font-size:.875rem}.edit-user-form .form-actions{justify-content:flex-end;align-items:center;gap:20px;margin-top:20px;display:flex}.profile-form-input-wrapper{flex-direction:column;gap:20px;display:flex}.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{margin:1.5rem 0;padding:1.5rem}.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-inner,.profile-page .session-header-wrapper{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{text-align:center;flex-direction:column;align-items:center;height:auto;padding:15px}.profile-page .session-header-wrapper .profile-page-header .profile-about .profile-image{width:80px;height:80px;position:relative;top:0}.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{padding:5px 8px;font-size:14px}}@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{padding:4px 6px;font-size:13px}.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{gap:10px;padding: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{background:0 0;width:100%;max-width:100%;padding:0}.notifications-container .notifications-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.notifications-container .notifications-title{color:#1a1a1a;margin:0;font-size:1.5rem;font-weight:700}.notifications-container .mark-all-button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:8px 12px;font-weight:600;transition:all .2s;display:flex}.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{flex-direction:column;gap:8px;margin:20px auto;display:flex}.notifications-container .notification-card{cursor:pointer;background:#fff;border-radius:5px;gap:8px;padding:10px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.notifications-container .notification-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.notifications-container .notification-card.unread{border-left:2px solid var(--primary-color)}.notifications-container .notification-card.read{opacity:.8;padding-left:20px}.notifications-container .notification-indicator{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px;display:none}.notifications-container .notification-card.unread .notification-indicator{display:block}.notifications-container .notification-content{flex-direction:column;flex:1;gap:8px;display:flex}.notifications-container .notification-header{justify-content:space-between;align-items:flex-start;display:flex}.notifications-container .notification-title{color:#1a1a1a;margin:0;font-size:1rem;font-weight:600}.notifications-container .notification-message{color:#666;margin:0;font-size:.875rem;line-height:1.5}.notifications-container .notification-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.notifications-container .notification-time{color:#999;font-size:.75rem}.notifications-container .notification-tag{border-radius:5px;padding:2px 8px;font-size:.7rem;font-weight:600}.notifications-container .notification-tag.info{color:#0369a1;background:#e0f2fe}.notifications-container .notification-tag.warning{color:#92400e;background:#fef3c7}.notifications-container .notification-tag.error{color:#b91c1c;background:#fee2e2}.notifications-container .notification-tag.success{color:#166534;background:#dcfce7}.notifications-container .mark-read-button{cursor:pointer;width:24px;height:24px;color:var(--primary-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.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{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.notifications-container .empty-state p{margin:16px 0 4px;font-size:1rem;font-weight:600}.notifications-container .empty-state small{color:#999;font-size:.875rem}.notifications-container .loading-dots{text-align:left;width:16px;display:inline-block}@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{color:#fff;cursor:pointer;z-index:99;background-color:#384b70;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 18px 40px #01969314}.raise-ticket-toggle:hover{background-color:#2f405f;transform:scale(1.05)}.raise-ticket-toggle svg{width:24px;height:24px}.ticket-overlay{z-index:2147483647;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ticket-popup{background-color:#fff;border-radius:5px;width:100%;max-width:500px;max-height:90vh;margin:20px;padding:24px;animation:.3s ease-out fadeInUp;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.ticket-popup .ticket-close-button{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.ticket-popup .ticket-close-button:hover{color:#ff4c51;background-color:#ff4c511a}.ticket-popup .ticket-popup-title{color:#1b1b1b;text-align:center;margin-bottom:24px;font-family:Rubik,sans-serif;font-size:22px;font-weight:700;line-height:1.3}.ticket-popup .ticket-form,.ticket-popup .query-form{flex-direction:column;gap:16px;display:flex}.ticket-popup .ticket-form .ticket-form-group,.ticket-popup .query-form .ticket-form-group{flex-direction:column;gap:6px;display:flex}.ticket-popup .ticket-form .ticket-form-group .ticket-label,.ticket-popup .query-form .ticket-form-group .ticket-label{color:#333;align-items:center;gap:4px;font-family:Rubik,sans-serif;font-size:14px;font-weight:500;display:flex}.ticket-popup .ticket-form .ticket-form-group .ticket-label:after,.ticket-popup .query-form .ticket-form-group .ticket-label:after{content:"*";color:#ff4c51;opacity:.8;margin-left:2px}.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,.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{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:12px 16px;font-family:Rubik,sans-serif;font-size:15px;transition:all .2s}.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,.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{border-color:#9cb9d0;outline:none}.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,.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{color:#ccc}.ticket-popup .ticket-form .ticket-form-group .ticket-textarea,.ticket-popup .query-form .ticket-form-group .ticket-textarea{resize:vertical;min-height:120px;line-height:1.5}.ticket-popup .ticket-form .ticket-form-group .ticket-select,.ticket-popup .query-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-position:right 12px center;background-repeat:no-repeat;background-size:16px}.ticket-popup .ticket-form .file-upload-container,.ticket-popup .query-form .file-upload-container{flex-direction:column;gap:8px;display:flex}.ticket-popup .ticket-form .file-upload-container .file-upload-button,.ticket-popup .query-form .file-upload-container .file-upload-button{color:#384b70;cursor:pointer;background-color:#fff;border:1px dashed #9cb9d0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.ticket-popup .ticket-form .file-upload-container .file-upload-button:hover,.ticket-popup .query-form .file-upload-container .file-upload-button:hover{background-color:#9cb9d01a;border-color:#384b70}.ticket-popup .ticket-form .file-upload-container .file-upload-button .upload-icon,.ticket-popup .query-form .file-upload-container .file-upload-button .upload-icon{flex-shrink:0}.ticket-popup .ticket-form .file-upload-container .file-input,.ticket-popup .query-form .file-upload-container .file-input{display:none}.ticket-popup .ticket-form .file-upload-container .file-upload-hint,.ticket-popup .query-form .file-upload-container .file-upload-hint{color:#999;margin:0;font-size:12px}.ticket-popup .ticket-form .file-preview-container,.ticket-popup .query-form .file-preview-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:8px;display:grid}.ticket-popup .ticket-form .file-preview-container .file-preview,.ticket-popup .query-form .file-preview-container .file-preview{background-color:#9cb9d01a;border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.ticket-popup .ticket-form .file-preview-container .file-preview .file-icon,.ticket-popup .query-form .file-preview-container .file-preview .file-icon{color:#384b70;flex-shrink:0}.ticket-popup .ticket-form .file-preview-container .file-preview .file-name,.ticket-popup .query-form .file-preview-container .file-preview .file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ticket-popup .ticket-form .file-preview-container .file-preview .file-size,.ticket-popup .query-form .file-preview-container .file-preview .file-size{color:#999;margin-left:auto;padding-left:8px;font-size:12px}.ticket-popup .ticket-form .file-preview-container .file-preview .file-remove,.ticket-popup .query-form .file-preview-container .file-preview .file-remove{color:#999;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.ticket-popup .ticket-form .file-preview-container .file-preview .file-remove:hover,.ticket-popup .query-form .file-preview-container .file-preview .file-remove:hover{color:#ff4c51;background-color:#ff4c511a}.ticket-popup .ticket-form .query-actions-wrapper,.ticket-popup .query-form .query-actions-wrapper{z-index:99;background-color:#fff;padding:5px 10px;position:sticky;bottom:0;left:0}.ticket-popup .ticket-form .ticket-submit-button,.ticket-popup .query-form .ticket-submit-button{color:#fff;cursor:pointer;background-color:#384b70;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 10px;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;transition:all .2s;display:flex}.ticket-popup .ticket-form .ticket-submit-button:hover,.ticket-popup .query-form .ticket-submit-button:hover{background-color:#2f405f;transform:translateY(-1px)}.ticket-popup .ticket-form .ticket-submit-button:active,.ticket-popup .query-form .ticket-submit-button:active{transform:translateY(0)}.ticket-popup .ticket-form .ticket-submit-button:disabled,.ticket-popup .query-form .ticket-submit-button:disabled{cursor:not-allowed;background-color:#999;transform:none}.ticket-popup .ticket-form .ticket-submit-button .button-loading,.ticket-popup .query-form .ticket-submit-button .button-loading{align-items:center;gap:8px;display:flex}.ticket-popup .ticket-form .ticket-submit-button .spinner,.ticket-popup .query-form .ticket-submit-button .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s ease-in-out infinite spin}.ticket-popup .query-form{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ticket-popup .query-form .description-group,.ticket-popup .query-form .query-actions-wrapper{grid-column:span 2}.ticket-popup .ticket-success-message{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.ticket-popup .ticket-success-message .success-icon{color:#01a601;background-color:#01a6011a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.ticket-popup .ticket-success-message h3{color:#1b1b1b;margin:8px 0 0;font-family:Rubik,sans-serif;font-size:20px;font-weight:700}.ticket-popup .ticket-success-message p{color:#333;max-width:80%;margin:0;font-family:Rubik,sans-serif;font-size:15px;line-height:1.5}.ticket-popup .ticket-success-message .ticket-success-button{color:#fff;cursor:pointer;background-color:#384b70;border:none;border-radius:5px;margin-top:24px;padding:12px 24px;font-family:Rubik,sans-serif;font-size:15px;font-weight:500;transition:all .2s}.ticket-popup .ticket-success-message .ticket-success-button:hover{background-color:#2f405f;transform:translateY(-1px)}.a-e-tickets-inner{width:100%;max-width:1320px;margin:20px auto;padding:0 10px}.a-e-tickets .ticket-page-header{z-index:99999;background-color:#fff;width:100%;padding:10px;position:sticky;top:0;box-shadow:0 4px 6px #0000000c}.a-e-tickets .ticket-page-header-inner{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1320px;margin:auto;display:flex}.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{max-height:85vh;margin:12px;padding:16px}.ticket-popup .ticket-popup-title{margin-bottom:20px;font-size:20px}.ticket-popup .ticket-success-message p{max-width:100%}}.tickets-container .tickets-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin:10px auto;display:grid}.tickets-container .tickets-grid .ticket-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:0;flex-direction:column;height:100%;margin:15px 0;padding:0 10px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.tickets-container .tickets-grid .ticket-card:hover{box-shadow:0 8px 20px #00000026}.tickets-container .tickets-grid .ticket-card .ticket-perforation{background:0 0;justify-content:space-between;width:calc(100% + 20px);height:10px;display:flex;position:absolute;left:-10px;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{background:0 0;border-radius:50%;width:10px;height:10px;position:relative;box-shadow:inset 0 0 0 2px #e0e0e0,0 0 0 2px #0000}.tickets-container .tickets-grid .ticket-card .ticket-cutout{background:0 0;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #e0e0e0,0 0 0 2px #0000}.tickets-container .tickets-grid .ticket-card .ticket-cutout:after{content:"";background:#00000008;border-radius:50%;width:100%;height:100%;position:absolute}.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{flex-direction:column;flex:1;padding:12px 0;display:flex}.tickets-container .tickets-grid .ticket-card .ticket-image{border-radius:4px;height:120px;margin-bottom:12px;position:relative;overflow:hidden}.tickets-container .tickets-grid .ticket-card .ticket-image img{object-fit:cover;width:100%;height:100%}.tickets-container .tickets-grid .ticket-card .ticket-image .empty-image{color:#ccc;background:#f5f5f5;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tickets-container .tickets-grid .ticket-card .ticket-details{flex-direction:column;flex:1;display:flex}.tickets-container .tickets-grid .ticket-card .ticket-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 5px;display:flex}.tickets-container .tickets-grid .ticket-card .ticket-id{color:#999;background:#f5f5f7;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.tickets-container .tickets-grid .ticket-card .ticket-title{color:#1b1b1b;margin:0 0 8px;font-size:14px;font-weight:600}.tickets-container .tickets-grid .ticket-card .ticket-description{color:#adadad;font-size:12px}.tickets-container .tickets-grid .ticket-card .ticket-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tickets-container .tickets-grid .ticket-card .ticket-date{color:#999;font-size:11px}.tickets-container .tickets-grid .ticket-card .ticket-attachments{color:#999;background:#f5f5f7;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.ticket-status{text-transform:uppercase;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500}.ticket-status.status-pending{color:#c90;background-color:#ffcc001a;border:1px solid #ffcc004d}.ticket-status.status-processing{color:#384b70;background-color:#9cb9d04d;border:1px solid #9cb9d099}.ticket-status.status-resolved{color:#017a01;background-color:#01a6011a;border:1px solid #01a6014d}.ticket-status.status-unresolved{color:#cc3d40;background-color:#ff4c511a;border:1px solid #ff4c514d}.ticket-modal-content{flex-direction:column;gap:20px;display:flex}.ticket-modal-content .ticket-details-section,.ticket-modal-content .user-details-section,.ticket-modal-content .attachments-section{flex-direction:column;gap:10px;display:flex}.ticket-modal-content .section-title{color:#333;border-bottom:1px solid #eaeaea;margin-bottom:8px;padding-bottom:4px;font-size:18px;font-weight:600}.ticket-modal-content .detail-row{align-items:flex-start;margin-bottom:8px;display:flex}.ticket-modal-content .description-row{align-items:flex-start}.ticket-modal-content .detail-label{color:#666;min-width:120px;font-size:14px;font-weight:500}.ticket-modal-content .detail-value{color:#333;font-size:14px}.ticket-modal-content .attachments-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:8px;display:grid}@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;flex-direction:column;display:flex;overflow:hidden}.ticket-modal-content .attachments-grid .attachment-item .attachment-preview{object-fit:cover;background-color:#f5f5f5;width:100%;height:180px}@media (max-width:480px){.ticket-modal-content .attachments-grid .attachment-item .attachment-preview{height:120px}}.ticket-modal-content .attachments-grid .attachment-item .attachment-link{color:#06c;text-align:center;background-color:#f0f0f0;padding:5px 10px;font-size:13px;text-decoration:none;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}}.add-c-form-outer .add-c-header{z-index:99999;background-color:#fff;width:100%;padding:10px;position:sticky;top:0;box-shadow:0 4px 6px #0000000c}.add-c-form-outer .add-c-header .add-c-header-inner{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1320px;margin:auto;display:flex}.add-c-form-outer .add-c-header .add-c-header-inner .back-to-pkgs{background-color:var(--primary-color);color:#fff;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:flex}.add-company-form-nav{width:100%;max-width:1320px;margin:auto}.account-pricing-container .packages-section .packages-grid{max-width:1320px;padding:0 10px}.account-pricing-container .pricing-details-container .pricing-details-inner{grid-template-columns:2fr 1fr;gap:20px;width:100%;max-width:1320px;margin:40px auto;display:grid}.account-pricing-container .pricing-details-container .package-details-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000000d}.account-pricing-container .pricing-details-container .package-details-card .package-name{align-items:center;gap:10px;margin-bottom:15px;font-size:30px;font-weight:600;display:flex}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs{white-space:nowrap;border:1px solid #eaeaea;border-radius:5px;display:flex;overflow:hidden}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs button{cursor:pointer;background:#f8f9fa;border:none;flex:1;padding:8px 30px;font-size:15px;font-weight:500;transition:all .2s}.account-pricing-container .pricing-details-container .package-details-card .package-toggle-container .price-tabs button.active{color:#fff;background:#384b70}.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{color:#2c2b2e;font-size:20px;font-weight:700}.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{flex-direction:column;gap:8px;display:flex}.account-pricing-container .pricing-details-container .package-details-card .price-section .price-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.account-pricing-container .pricing-details-container .package-details-card .price-section .original-price-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-pricing-container .pricing-details-container .package-details-card .price-section .original-price{color:#999;font-size:16px;font-weight:500;text-decoration:line-through}.account-pricing-container .pricing-details-container .package-details-card .price-section .final-price{color:#2c2b2e;font-size:36px;font-weight:700;line-height:1.2}.account-pricing-container .pricing-details-container .package-details-card .price-section .regular-price{align-items:baseline;gap:8px;display:flex}.account-pricing-container .pricing-details-container .package-details-card .price-section .price{color:#2c2b2e;font-size:36px;font-weight:700}.account-pricing-container .pricing-details-container .package-details-card .price-section .discount-badge{color:#fff;letter-spacing:.5px;background:#dc2626;border-radius:20px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.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{color:#008001;margin-top:8px;font-size:13px;font-weight:500}.account-pricing-container .pricing-details-container .package-details-card .plan-features{border-top:1px solid #f0f0f0;margin-bottom:20px;padding:20px 0 0;list-style:none}.account-pricing-container .pricing-details-container .package-details-card .plan-features .svg{color:#384b70}.account-pricing-container .pricing-details-container .package-details-card .plan-features li{color:#333;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.account-pricing-container .pricing-details-container .order-summary-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000000d}.account-pricing-container .pricing-details-container .order-summary-card h3{color:#2c2b2e;margin-bottom:20px;font-size:20px;font-weight:600}.account-pricing-container .pricing-details-container .order-summary-card .summary-item{color:#666;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.account-pricing-container .pricing-details-container .order-summary-card .summary-item .summary-value{color:#2c2b2e;font-weight:500}.account-pricing-container .pricing-details-container .order-summary-card .summary-divider{background:#e0e0e0;height:1px;margin:16px 0}.account-pricing-container .pricing-details-container .order-summary-card .summary-total{justify-content:space-between;align-items:center;margin:16px 0;font-size:18px;font-weight:700;display:flex}.account-pricing-container .pricing-details-container .order-summary-card .summary-total .total-price{color:var(--primary-color);font-size:24px}.account-pricing-container .pricing-details-container .order-summary-card .summary-monthly{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:8px;margin:16px 0;padding:10px;font-size:13px}.account-pricing-container .pricing-details-container .order-summary-card .summary-note{text-align:center;color:#999;margin:12px 0;font-size:12px}.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{text-align:center;color:#fff;background:#384b70;border:1px solid #384b70;border-radius:10px;width:100%;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.account-pricing-container .pricing-details-container .order-summary-card .action-buttons .cta-button:hover{opacity:.9;transform:translateY(-1px)}.submit-refund-request-outer textarea,.recline-refund-reason textarea{color:#2c2b2e;border:1px solid #efefef;border-radius:5px;width:100%;padding:10px;font-size:16px}.submit-refund-request-outer textarea:focus,.recline-refund-reason textarea:focus{border-color:var(--primary-light);background:0 0;transform:scale(1)}.package-planPrice{align-items:center;gap:10px;display:flex}.package-planPrice select{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:7px 10px;font-size:16px;font-weight:700}.package-planPrice select:focus{border-color:var(--primary-color);outline:none}@media (max-width:768px){.add-c-form-outer .add-c-header .add-c-header-inner{max-width:100%}.add-company-form-nav{width:100%;padding:0 20px}}.update-company .company-form{background:#fff;border-radius:5px;flex-direction:column;gap:20px;padding:20px;display:flex}@media (max-width:600px){.update-company .company-form{padding:10px}}.update-company .company-form .image-preview{border:1px dashed #ccc;border-radius:5px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;display:flex;position:relative}.update-company .company-form .image-preview .preview-image{object-fit:contain;max-width:100%;max-height:100%}.update-company .company-form .image-preview .remove-image-btn{color:#fff;cursor:pointer;background-color:#ff4d4d;border:none;border-radius:5px;justify-content:center;align-items:center;width:15px;height:15px;font-size:14px;transition:background-color .3s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 4px 6px #0000000c}.update-company .company-form .image-preview .remove-image-btn:hover{background-color:#e60000}.update-company .form-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@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{flex-direction:column;display:flex}.update-company .form-group .form-label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:14px;font-weight:500}.update-company .form-group .form-input,.update-company .form-group .form-textarea{border:1px solid #e2e8eb;border-radius:5px;padding:10px;font-size:14px}.update-company .form-group .form-input:focus,.update-company .form-group .form-textarea:focus{border-color:var(--primary-light);outline:none}.update-company .form-group .form-textarea{resize:vertical;min-height:120px}.update-company .form-group .file-upload .file-input{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px;font-size:14px}.update-company .form-group .file-upload .file-input:focus{border-color:var(--primary-light);outline:none}.update-company .full-width{grid-column:1/-1}.update-company .term-conditions-editor{min-height:250px}.update-company .form-actions{justify-content:flex-end;display:flex}.custom-package-form .form-group-wrapper{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:768px){.custom-package-form .form-group-wrapper{grid-template-columns:repeat(1,1fr)}}.custom-package-form .form-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.custom-package-form .form-group input,.custom-package-form .form-group textarea,.custom-package-form .form-group select{border:1px solid #e2e8eb;border-radius:5px;padding:10px}.custom-package-form .form-actions{justify-content:flex-end;align-items:center;gap:20px;display:flex}.company-profile-page{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;overflow:hidden}.company-profile-page-inner{grid-template-columns:2fr 1fr;gap:30px;padding:0 30px;display:grid}@media (max-width:992px){.company-profile-page-inner{grid-template-columns:1fr}}.company-profile-page .company-cover-section{background-color:#fff;width:100%;height:200px;position:relative;overflow:hidden}.company-profile-page .company-cover-section:before{content:"";z-index:1;background:#0006;position:absolute;inset:0}.company-profile-page .company-cover-section img{object-fit:cover;width:100%;height:100%}.company-profile-page .company-cover-section .cover-actions{z-index:2;position:absolute;top:20px;right:20px}.company-profile-page .company-cover-section .cover-actions button,.company-profile-page .company-cover-section .cover-actions a{color:var(--primary-color);cursor:pointer;background:#f5f5f5;border:none;border-radius:5px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;text-decoration:none;display:flex}.company-profile-page .company-details-section{z-index:2;margin-bottom:-100px;position:relative;top:-100px}.company-profile-page .company-details-section .company-details-header{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;padding:20px;display:flex}.company-profile-page .company-details-section .company-details-header .details-header-info{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.company-profile-page .company-details-section .company-details-header .details-header-info h1{color:#2c2b2e;margin-bottom:5px;font-size:25px}.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{align-items:center;gap:10px;display:flex}.company-profile-page .company-details-section .company-details-header .profile-actions a{border:1px solid var(--primary-color);background-color:var(--primary-light-rgb);color:#2c2b2e;cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:15px;text-decoration:none;display:flex}.company-profile-page .company-details-section .company-tabs-content{background-color:#fff;border-radius:0 0 5px 5px;padding:20px;box-shadow:0 4px 6px #0000000c}.company-profile-page .company-details-section .company-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.company-profile-page .company-details-section .company-info-grid .company-info-grid-card{background:#f8f9fc;border-radius:5px;padding:10px 12px}.company-profile-page .company-details-section .company-info-grid .company-info-grid-card span{color:#888;font-size:12px}.company-profile-page .company-details-section .company-info-grid .company-info-grid-card p{margin-top:5px;font-weight:500}.company-profile-page .company-details-section .terms-and-conditions{color:#2c2b2e;font-size:16px;line-height:1.6;position:relative}.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{color:#2c2b2e;margin:15px 0 8px;font-weight:600}.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{color:#2c2b2e;margin-bottom:10px}.company-profile-page .company-details-section .terms-and-conditions a{color:var(--primary-color);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 ul,.company-profile-page .company-details-section .terms-and-conditions ol{margin-bottom:12px;padding-left:20px}.company-profile-page .company-details-section .terms-and-conditions ul li,.company-profile-page .company-details-section .terms-and-conditions ol li{margin-bottom:5px}.company-profile-page .company-details-section .terms-and-conditions img{border-radius:5px;width:100%;max-width:300px;height:300px;margin:10px 0;display:block}.company-profile-page .company-details-section .company-documents-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:768px){.company-profile-page .company-details-section .company-documents-grid{grid-template-columns:repeat(2,1fr)}}.company-profile-page .company-details-section .company-documents-grid .document-card{border:1px solid #e2e8eb;border-radius:5px;overflow:hidden}.company-profile-page .company-details-section .company-documents-grid .document-card .document-header{color:#2c2b2e;background:#f9f9f9;padding:6px 12px;font-weight:600}.company-profile-page .company-details-section .company-documents-grid .document-card .document-preview{background:#f3f3f3;height:200px;position:relative}@media (max-width:768px){.company-profile-page .company-details-section .company-documents-grid .document-card .document-preview{height:100px}}.company-profile-page .company-details-section .subscription-tab{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px 40px;padding:0;list-style:none;display:grid}.company-profile-page .company-details-section .subscription-tab li{text-transform:capitalize;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.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{border-radius:5px;padding:2px 8px}.company-profile-page .company-details-section .subscription-tab li .expired{color:#eb4b4b;background-color:#fef2f2}.company-profile-page .company-details-section .subscription-tab li .active{color:#059669;background-color:#ecfdf5}.company-profile-page .subscription-section{z-index:2;margin-bottom:-100px;position:relative;top:-100px}.company-profile-page .subscription-section .subscribed-package-card{background:#fff;border-radius:5px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000c}.company-profile-page .subscription-section .subscribed-package-card .ribbon{background:var(--primary-color);color:#fff;text-transform:capitalize;padding:3px 25px;font-size:12px;font-weight:700;position:absolute;top:15px;right:-25px;transform:rotate(45deg);box-shadow:0 4px 6px #0000000c}.company-profile-page .subscription-section .subscribed-package-card h2{color:var(--primary-color);border-bottom:1px solid #e2e8eb;margin-top:0;margin-bottom:15px;padding-bottom:8px;font-size:18px}.company-profile-page .subscription-section .subscribed-package-card ul{margin:0 0 15px;padding:0;list-style:none}.company-profile-page .subscription-section .subscribed-package-card ul li{text-transform:capitalize;border-bottom:1px dashed #e2e8eb;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.company-profile-page .subscription-section .subscribed-package-card ul li strong{color:#555;font-weight:600}.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{justify-content:flex-end;display:flex}.company-profile-page .subscription-section .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background .2s}.company-profile-page .subscription-section .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn:hover{background:var(--primary-color)}.company-profile-page .related-packages-section{padding:30px}.company-profile-page .related-packages-section .related-packages-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;margin:20px 0;padding-bottom:10px;display:flex}.company-profile-page .related-packages-section .related-packages-header h2{color:var(--primary-color);align-items:center;gap:5px;font-size:20px;display:flex}.company-profile-page .related-packages-section .available-packages{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.company-profile-page .related-packages-section .available-packages .available-packages-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000c}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail{padding:10px}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail h2{text-transform:capitalize;font-size:18px}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail p{border-bottom:1px dashed #e2e8eb;justify-content:space-between;margin:0;padding:6px 0;font-size:14px;display:flex}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail p strong{color:#555;font-weight:600}.company-profile-page .related-packages-section .available-packages .available-packages-card .available-packages-detail p:last-child{border-bottom:none}.company-profile-page .related-packages-section .available-packages .available-packages-card .package-upgrade-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:15px;padding:8px 16px;font-size:14px;transition:background .2s}.company-profile-page .related-packages-section .available-packages .available-packages-card .package-upgrade-btn:hover{background:var(--primary-color)}@media (max-width:992px){.company-profile-page .company-cover-section{height:150px}.company-profile-page .company-details-section{margin-bottom:-60px;top:-60px}.company-profile-page .subscription-section{margin:0;top:auto}}.payments-policies-page .phonepe-credentials-form{grid-template-columns:repeat(3,1fr);gap:10px 20px;margin:20px 0;display:grid}.payments-policies-page .phonepe-credentials-form .form-group{flex-direction:column;gap:5px;display:flex}.payments-policies-page .phonepe-credentials-form .form-group input{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px}.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{flex-wrap:wrap;grid-column:span 3;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (max-width:480px){.payments-policies-page .phonepe-credentials-form .action-group{grid-column:auto}}.payments-policies-page section{background-color:#fff;border-radius:5px;margin:20px 0;padding:20px}@media (max-width:480px){.payments-policies-page section{margin:0 0 20px;padding:10px}}.payments-policies-page section h3{color:var(--primary-color);align-items:center;gap:10px;margin-bottom:20px;display:flex}.payments-policies-page section button{margin-top:20px}.price-limits-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.price-limits-grid .price-limit-card{background:#fff;border:1px solid #edf2f7;border-radius:8px;box-shadow:0 1px 3px #0000000d}.price-limits-grid .price-limit-card .card-header{background:#f0f4f8;border-bottom:1px solid #e2e8f0;padding:8px 16px}.price-limits-grid .price-limit-card .card-header h4{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.price-limits-grid .price-limit-card .card-body{gap:12px;padding:16px;display:grid}.price-limits-grid .price-limit-card .card-body .price-section{text-align:center;background:#f8fafc;border-radius:6px;padding:12px}.price-limits-grid .price-limit-card .card-body .price-section .price-row{justify-content:center;align-items:flex-end;gap:5px;display:flex}.price-limits-grid .price-limit-card .card-body .price-section .price-label{color:#718096;margin-bottom:4px;font-size:12px}.price-limits-grid .price-limit-card .card-body .price-section .price-value{color:#2d3748;font-size:18px;font-weight:700}.price-limits-grid .price-limit-card .card-body .limits-section{grid-template-columns:1fr 1fr;gap:12px;display:grid}.price-limits-grid .price-limit-card .card-body .limits-section .limit-row{flex-direction:column;display:flex}.price-limits-grid .price-limit-card .card-body .limits-section .limit-row .limit-label{color:#718096;font-size:12px;font-weight:500}.price-limits-grid .price-limit-card .card-body .limits-section .limit-row .limit-value{color:#2f855a;margin-top:2px;font-size:14px;font-weight:600}.price-limits-grid .price-limit-card .card-body .features-section{flex-direction:column;gap:10px;display:flex}.price-limits-grid .price-limit-card .card-body .features-section .feature-row{justify-content:space-between;align-items:center;gap:10px;display:flex}form .clear-button{cursor:pointer;z-index:1000;background:#fff;border:1px solid #ccc;border-right:none;border-radius:5px 0 0 5px;padding:10px 12px;transition:background .3s;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 0 8px #0000001a}form .clear-button:hover{background:#f9f9f9}form .clear-button svg{color:#d9363e;font-size:20px}.register-company-container{color:#333;max-width:1320px;margin:20px auto;font-family:Rubik,sans-serif}.register-company-container .register-header{text-align:center;margin-bottom:20px}.register-company-container .register-header h1{color:#2c2b2e;margin-bottom:10px;font-size:30px;font-weight:700}.register-company-container .register-header p{color:#666;font-size:16px}.register-company-container .register-form{background:#fff;border-radius:5px;padding:20px;position:relative;box-shadow:0 10px 30px #0000000d}.register-company-container .form-section{margin-bottom:20px}.register-company-container .form-section h2{color:#2c2b2e;border-bottom:1px solid #eee;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:22px;font-weight:600;display:flex}.register-company-container .form-section h2 svg{color:var(--primary-color)}.register-company-container .form-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:10px;display:grid}.register-company-container .document-section{background:#f9fafc;border:1px solid #eee;border-radius:5px;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px;display:grid}.register-company-container .document-section h3{color:#2c2b2e;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.register-company-container .document-section h3 svg{color:#666;font-size:1rem}.register-company-container .input-group,.register-company-container .form-group{position:relative}.register-company-container .input-group .input-error,.register-company-container .form-group .input-error{color:#ff4c51;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;position:absolute;bottom:-15px;left:0}.register-company-container .form-group{margin-bottom:0}.register-company-container .form-group label{color:#444;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:flex}.register-company-container .form-group label svg{color:#666;font-size:1.1rem}.register-company-container .form-group label .required{color:#e53e3e;margin-left:.25rem}.register-company-container .form-group input,.register-company-container .form-group select,.register-company-container .form-group textarea{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.register-company-container .form-group input:focus,.register-company-container .form-group select:focus,.register-company-container .form-group textarea:focus{border-color:var(--primary-light);background:0 0}.register-company-container .form-group input::placeholder,.register-company-container .form-group select::placeholder,.register-company-container .form-group textarea::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:14px;font-weight:400}.register-company-container .form-group textarea{resize:vertical;min-height:100px}.register-company-container .file-upload-group label{color:#333;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:flex}.register-company-container .file-upload-group label svg{color:#666;font-size:1.1rem}.register-company-container .file-upload-container{position:relative;overflow:hidden}.register-company-container .file-upload-container input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.register-company-container .file-upload-container:hover .file-upload-box{border-color:var(--primary-color);background:rgba(var(--primary-color), .03)}.register-company-container .file-upload-box{text-align:center;background:#fafafa;border:2px dashed #ddd;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5px;padding:10px;transition:all .2s;display:flex}.register-company-container .file-upload-box:hover{border-color:var(--primary-color);background:rgba(var(--primary-color), .03)}.register-company-container .file-upload-box .upload-icon{color:#666;margin-bottom:.5rem;font-size:15px}.register-company-container .file-upload-box span{color:#666;font-size:14px}.register-company-container .file-upload-box small{color:#999;margin-top:8px;font-size:10px}.register-company-container .form-navigation{border-top:1px solid #eee;justify-content:flex-end;align-items:center;margin-top:2rem;padding-top:2rem;display:flex}.update-business-profile{max-width:100%;padding:0!important}.confirmation-container{background:linear-gradient(135deg,#f5f7fa 0%,#e4e8f0 100%);justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.confirmation-container .confirmation-card{text-align:center;background:#fff;border-radius:5px;width:100%;max-width:500px;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.confirmation-container .confirmation-card:before{content:"";background:linear-gradient(90deg,#4f46e5,#10b981);height:6px;position:absolute;top:0;left:0;right:0}.confirmation-container .confirmation-card .confirmation-title{color:#1a1a1a;margin-bottom:16px;font-size:24px;font-weight:600}.confirmation-container .confirmation-card .confirmation-message{color:#666;margin-bottom:32px;font-size:16px}.confirmation-container .confirmation-card .progress-bar{background:#f0f0f0;border-radius:5px;height:6px;margin-top:30px;overflow:hidden}.confirmation-container .confirmation-card .progress-bar .progress{background:linear-gradient(90deg,#4f46e5,#10b981);border-radius:5px;width:60%;height:100%;animation:2s ease-in-out infinite progress-animation}.confirmation-container .confirmation-card .c-spinner{z-index:1;width:80px;height:80px;margin:0 auto 30px;position:relative}.confirmation-container .confirmation-card .c-spinner .spinner-circle{mix-blend-mode:overlay;border:8px solid #0000;border-radius:50%;width:100%;height:100%;animation:1.5s ease-in-out infinite spinner-rotate;position:absolute}.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(0)}to{transform:rotate(360deg)}}@keyframes progress-animation{0%{transform:translate(-100%)}to{transform:translate(200%)}}.confirmation-container .confirmation-card .retry-button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;margin-top:10px;padding:8px 10px}@media (max-width:768px){.register-company-container{margin:auto}.register-company-container .register-header h1{font-size:22px}.register-company-container .register-header p{font-size:14px}.register-company-container .form-grid,.register-company-container .document-section{grid-template-columns:1fr}}@media (max-width:600px){.register-company-container{padding:20px 10px}}.business-acc-layout{flex-direction:column;gap:30px;display:flex;position:relative}.business-acc-layout .companies-panel{background:#fff;border-radius:5px;overflow:hidden}.business-acc-layout .companies-panel .panel-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.business-acc-layout .companies-panel .panel-header h2{color:var(--primary-color);align-items:center;gap:5px;margin:0;font-size:20px;display:flex}.business-acc-layout .companies-panel .panel-header .pannel-header-actions{align-items:center;gap:20px;display:flex}.business-acc-layout .companies-panel .panel-header .pannel-header-actions .add-btn{border:1px solid var(--primary-color);color:var(--primary-color);border-radius:5px;padding:5px 10px;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{color:#2c2b2e;cursor:pointer;align-items:center;gap:5px;text-decoration:none;display:flex}.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{cursor:pointer;border-bottom:1px solid #e2e8eb;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:20px;padding:10px;transition:all .2s;display:flex;position:relative;overflow:hidden}.business-acc-layout .companies-panel .company-stack .company-item .c-basic{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:20px;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .c-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .c-actions button,.business-acc-layout .companies-panel .company-stack .company-item .c-actions .edit-c-profile{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);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:12px;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .c-actions .active-badge{color:#fff;background:#01a601;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.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.rejected,.business-acc-layout .companies-panel .company-stack .company-item.block{border-left:3px solid #c62828}.business-acc-layout .companies-panel .company-stack .company-item .company-main h3{color:#2c2b2e;align-items:center;gap:2px;margin:0 0 4px;font-size:18px;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .company-main .company-id{color:#7f8c8d;font-size:12px}.business-acc-layout .companies-panel .company-stack .company-item .company-score{flex-direction:column;gap:5px;font-size:14px;display:flex}.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{background:#f0f0f0;border-radius:5px;height:8px;position:relative;overflow:visible}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:5px;height:100%;position:relative}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator{position:absolute;top:-30px;right:0;transform:translate(50%)}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator .indicator-tooltip{color:#fff;white-space:nowrap;background:#333;border-radius:5px;padding:4px 8px;font-size:10px;position:relative;box-shadow:0 2px 8px #00000026}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator .indicator-tooltip:after{content:"";border:5px solid #0000;border-top-color:#333;border-bottom-width:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .indicator-pointer{background:#4caf50;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translate(50%,-50%);box-shadow:0 2px 4px #0003}.business-acc-layout .companies-panel .company-stack .company-item .company-score .score-warning{color:#ff9800;font-size:13px}.business-acc-layout .companies-panel .company-stack .company-item .company-status{gap:20px;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .company-status label{flex-direction:column;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag{text-transform:capitalize;text-align:center;border-radius:5px;align-items:center;gap:2px;padding:2px 10px;font-size:12px;font-weight:600;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.verified,.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.completed,.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.active{color:#2e7d32;background:#e8f5e9}.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{color:#ff8f00;background:#fff8e1}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.expired{color:#dc2626;background-color:#ffd9d9}.business-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.rejected,.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{color:#c62828;background:#ffebee}.business-acc-layout .companies-panel .company-stack .company-item .view-btn,.business-acc-layout .companies-panel .company-stack .company-item .edit-c-profile{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:5px;transition:all .2s;display:flex}.business-acc-layout .companies-panel .company-stack .company-item .view-btn:hover,.business-acc-layout .companies-panel .company-stack .company-item .edit-c-profile:hover{background:var(--primary-color);color:#fff}.business-acc-layout .companies-panel .company-stack .company-item .view-btn:disabled,.business-acc-layout .companies-panel .company-stack .company-item .edit-c-profile:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.business-acc-layout{gap:15px}.business-acc-layout .companies-panel .panel-header{flex-direction:column;align-items:flex-start;gap:5px;padding:8px 12px}.business-acc-layout .companies-panel .panel-header h2{font-size:18px}.business-acc-layout .companies-panel .panel-header .add-btn{padding:4px 8px;font-size:12px}.business-acc-layout .companies-panel .panel-header .pannel-header-actions{justify-content:flex-end;width:100%}.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{margin-bottom:.2rem;font-size:14px}.business-acc-layout .companies-panel .company-item .company-main .company-id{font-size:12px}.business-acc-layout .companies-panel .company-item .company-status{justify-content:space-between;width:100%}.business-acc-layout .companies-panel .company-item .company-status .status-tag{padding:.1rem .5rem;font-size:12px}.business-acc-layout .companies-panel .company-item .view-btn{align-self:flex-end;padding:4px 8px;font-size:12px}}.common-empty-state{text-align:center;color:gray;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;padding:10px;animation:.5s ease-out fadeIn;display:flex}.common-empty-state .empty-state-content{max-width:400px;margin:0 auto}.common-empty-state .empty-state-action{justify-content:center;display:flex}.common-empty-state .empty-state-icon-container{background:rgba(var(--primary-rgb), .1);width:80px;height:80px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex;position:relative}.common-empty-state .empty-state-icon-container:after{content:"";border:2px solid rgba(var(--primary-rgb), .2);border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}.common-empty-state .empty-state-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.common-empty-state .empty-state-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.empty-state-icon{font-size:100px;animation:2s infinite bounce}@keyframes floatNotFound{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseNotFound{0%,to{opacity:.7}50%{opacity:1}}@keyframes particleNotFound{0%{opacity:0;transform:translateY(0)scale(1)}50%{opacity:.8}to{opacity:0;transform:translateY(-100px)scale(.5)}}.cosmic-container{justify-content:center;align-items:center;min-height:90vh;padding:15px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.cosmic-container{min-height:80vh}}.cosmic-container:before{content:"";z-index:-1;background-color:#9cb9d023;width:100%;height:100%;position:fixed;top:0;left:0}.cosmic-container .particle{opacity:0;z-index:1;background:#384b70;border-radius:50%;animation:3s ease-in forwards particleNotFound;position:absolute}.cosmic-container .cosmic-content{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex;position:relative}@media (min-width:768px){.cosmic-container .cosmic-content{flex-direction:row;justify-content:space-around}}.cosmic-container .error-planet{width:220px;height:220px;margin-bottom:40px;animation:6s ease-in-out infinite floatNotFound;position:relative}@media (max-width:768px){.cosmic-container .error-planet{width:180px;height:180px;margin-bottom:0}}.cosmic-container .error-planet .planet-surface{background:linear-gradient(160deg,#384b70 0%,#9cb9d0 100%);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset -20px -20px 60px #00000080,0 0 50px #9cb9d04d}.cosmic-container .error-planet .planet-surface .crater{background:#2f405f80;border-radius:50%;position:absolute}.cosmic-container .error-planet .planet-surface .crater:first-child{width:30px;height:30px;top:25px;left:40px}.cosmic-container .error-planet .planet-surface .crater:nth-child(2){width:20px;height:20px;bottom:50px;right:30px}.cosmic-container .error-planet .planet-surface .crater:nth-child(3){width:50px;height:50px;bottom:15px;left:25px}.cosmic-container .error-planet .ring{background:0 0;border:10px solid #9cb9d033;border-radius:50%;width:280px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(20deg)}@media (max-width:768px){.cosmic-container .error-planet .ring{width:250px;height:35px}}.cosmic-container .error-planet .error-code{color:#384b70;text-shadow:0 0 20px #9cb9d080;font-size:80px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.cosmic-container .error-planet .error-code{font-size:50px}}.cosmic-container .cosmic-message{text-align:center;color:#384b70;max-width:500px}@media (max-width:768px){.cosmic-container .cosmic-message{text-align:left;max-width:400px}}.cosmic-container .cosmic-message h1{color:#384b70;margin-bottom:20px;font-size:42px}@media (max-width:768px){.cosmic-container .cosmic-message h1{margin-bottom:12px;font-size:28px}}.cosmic-container .cosmic-message h1 .cosmic-text{background:linear-gradient(90deg,#384b70,#9cb9d0,#384b70);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientNotFound}.cosmic-container .cosmic-message p{opacity:.9;margin-bottom:30px;font-size:18px;line-height:1.6}@media (max-width:768px){.cosmic-container .cosmic-message p{margin-bottom:25px;font-size:15px}}.cosmic-container .cosmic-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}@media (max-width:768px){.cosmic-container .cosmic-actions{gap:10px;margin-bottom:25px}}.cosmic-container .cosmic-actions .cosmic-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 25px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}@media (max-width:768px){.cosmic-container .cosmic-actions .cosmic-button{padding:8px 18px;font-size:13px}}.cosmic-container .cosmic-actions .cosmic-button.warp-button{color:#fff;background:linear-gradient(45deg,#384b70,#2f405f)}.cosmic-container .cosmic-actions .cosmic-button.scan-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#384b70;background:#9cb9d01a;border:1px solid #9cb9d04d}.cosmic-container .cosmic-actions .cosmic-button.scan-button:hover{background:#9cb9d033}.cosmic-container .satellite{color:#9cb9d0d2;z-index:3;font-size:30px;animation:3s ease-in-out infinite pulseNotFound;position:absolute;top:10%;right:10%}@media (max-width:768px){.cosmic-container .satellite{font-size:18px;top:5%;right:5%}}@keyframes gradientNotFound{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.reports-container-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.reports-container .report-section .header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reports-container .report-section .header-row h3{margin:0;font-size:18px;font-weight:600}.reports-container .report-section .summary-box{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.reports-container .report-section .summary-box .summary-card{background:linear-gradient(145deg,#fff,#f5f7ff);border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:12px;min-width:200px;padding:10px 12px;display:flex;box-shadow:0 4px 6px #0000000c}.reports-container .report-section .summary-box .summary-card .icon{color:var(--primary-color);font-size:28px}.reports-container .report-section .summary-box .summary-card-content{flex-direction:column;gap:5px;display:flex}.reports-container .report-section .summary-box .summary-card-content .label{letter-spacing:.4px;color:var(--primary-color);font-size:15px;font-weight:600}.reports-container .report-section .summary-box .summary-card-content strong{color:#2c2b2e;font-size:20px;font-weight:700;line-height:1.2}@media (max-width:480px){.reports-container-header{flex-direction:column;gap:10px;margin-bottom:10px}.reports-container .report-section .summary-box{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.reports-container .report-section .summary-box .summary-card{min-width:auto;padding:5px}.reports-container .report-section .summary-box .summary-card .icon{font-size:20px}.reports-container .report-section .summary-box .summary-card-content .label{font-size:14px}.reports-container .report-section .summary-box .summary-card-content strong{font-size:16px}}.catalog{height:100%;display:flex}.catalog-sidebar{background:#fff;border:1px solid #f1efef;border-radius:5px;flex-direction:column;width:260px;display:flex}.catalog-sidebar .sidebar-header{border-radius:5px 5px 0 0;height:60px;position:relative;overflow:hidden}.catalog-sidebar .sidebar-header img{object-fit:cover;width:100%;height:100%;padding:1px;position:absolute;inset:0}.catalog-sidebar .sidebar-header:before{content:"";z-index:1;background:#00000073;position:absolute;inset:0}.catalog-sidebar .sidebar-header .business-type{z-index:2;color:#fff;text-transform:capitalize;justify-content:center;align-items:center;height:100%;font-size:18px;font-weight:600;display:flex;position:relative}.catalog-sidebar .category-list{flex:1}.catalog-sidebar .category-list .category-item{cursor:pointer;color:#4a4a4a;justify-content:space-between;align-items:center;padding:15px 12px;font-size:15px;transition:all .2s;display:flex}.catalog-sidebar .category-list .category-item img{object-fit:cover;border-radius:5px;width:30px;height:30px}.catalog-sidebar .category-list .category-item:hover{background:#f7f7f7}.catalog-sidebar .category-list .category-item.active{color:var(--primary-color);background:#eef2ff;font-weight:500}.catalog-sidebar .category-list .category-item .count{color:#9ca3af;font-size:12px}.catalog-sidebar .category-list .subcategory-list{border-left:1px dashed #e5e5e5;margin:5px 0 5px 20px}.catalog-sidebar .category-list .subcategory-list .subcategory-item{cursor:pointer;color:#666;align-items:center;gap:8px;padding:12px 10px;font-size:15px;transition:all .2s;display:flex}.catalog-sidebar .category-list .subcategory-list .subcategory-item:hover{background:#f5f5f5}.catalog-sidebar .category-list .subcategory-list .subcategory-item.active{color:var(--primary-color);background:#eef2ff;font-weight:500}.catalog-sidebar .category-list .subcategory-list .subcategory-item img{object-fit:cover;border-radius:5px;width:25px;height:25px}.catalog-sidebar .category-list .category-left{align-items:center;gap:10px;display:flex}.catalog-sidebar .category-list .category-left img{object-fit:cover;border-radius:5px;flex-shrink:0;width:24px;height:24px}.catalog-content{flex:1;padding:5px 0 0 20px;overflow-y:auto}.catalog-content .topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.catalog-content .topbar .search{background:#fff;border:1px solid #e0e0e0;border-radius:5px;flex:1;align-items:center;gap:8px;max-width:320px;padding:8px 12px;display:flex}.catalog-content .topbar .search input{border:none;outline:none;flex:1;font-size:14px}.catalog-content .topbar .search input::placeholder{color:#aaa}.catalog-content .topbar .search button{cursor:pointer;color:#888;background:0 0;border:none;align-items:center;padding:0;display:flex}.catalog-content .topbar .search button:hover{color:#2c2b2e}.catalog-content .topbar .actions{align-items:center;gap:12px;display:flex}.catalog-content .topbar .actions button{cursor:pointer;color:#4a4a4a;background:#fff;border:1px solid #e0e0e0;border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:16px;transition:all .2s;display:flex}.catalog-content .topbar .actions button:hover{background:#f5f5f5}.catalog-content .topbar .actions .filter-btn{position:relative}.catalog-content .topbar .actions .filter-btn.active{border-color:var(--primary-color);color:var(--primary-color);background:#e8f0fe}.catalog-content .topbar .actions .filter-btn .filter-badge{background:var(--primary-color);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.catalog-content .topbar .actions .sync-btn{color:var(--primary-color)}.catalog-content .topbar .actions .sync-btn.active svg{animation:1s linear infinite spin}.catalog-content .topbar .actions .add-item-btn{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.catalog-content .topbar .actions .add-item-btn:hover{background:var(--primary-light-rgb);color:var(--primary-color)}.catalog-content .topbar .filters-panel{z-index:10;background:#fff;border:1px solid #e5e5e5;border-radius:5px;width:100%;margin-bottom:20px;padding:20px;position:absolute;top:50px}.catalog-content .topbar .filters-panel .filters-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.catalog-content .topbar .filters-panel .filters-header h3{color:#2c2b2e;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.catalog-content .topbar .filters-panel .filters-header .clear-all{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:12px}.catalog-content .topbar .filters-panel .filters-header .clear-all:hover{background:#f5f5f5}.catalog-content .topbar .filters-panel .filters-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.catalog-content .topbar .filters-panel .filter-group label{color:#4a4a4a;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.catalog-content .topbar .filters-panel .filter-group select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:5px;width:100%;padding:8px 12px;font-size:13px}.catalog-content .topbar .filters-panel .filter-group select:focus{border-color:var(--primary-color);outline:none}.catalog-content .topbar .filters-panel .filter-group .radio-group{gap:16px;display:flex}.catalog-content .topbar .filters-panel .filter-group .radio-group label{cursor:pointer;align-items:center;gap:6px;margin:0;font-weight:400;display:flex}.catalog-content .topbar .filters-panel .filter-group .radio-group label input{cursor:pointer;accent-color:var(--primary-color)}.catalog-content .topbar .filters-panel .filter-group .price-inputs{align-items:center;gap:8px;display:flex}.catalog-content .topbar .filters-panel .filter-group .price-inputs input{border:1px solid #e0e0e0;border-radius:5px;flex:1;padding:6px 8px;font-size:13px}.catalog-content .topbar .filters-panel .filter-group .price-inputs input:focus{border-color:var(--primary-color);outline:none}.catalog-content .topbar .filters-panel .filter-group .price-inputs span{color:#888;font-size:12px}.catalog-content .results-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.catalog-content .results-header span{color:#666;font-size:13px}.catalog-content .results-header .clear-filters-text{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:12px}.catalog-content .results-header .clear-filters-text:hover{background:#f5f5f5}.catalog-content .products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.catalog-content .products-grid .product-card{background:#fff;border:1px solid #e5e5e5;border-radius:5px;text-decoration:none;transition:all .2s;overflow:hidden}.catalog-content .products-grid .product-card:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #00000014}.catalog-content .products-grid .product-card:hover .product-image:before,.catalog-content .products-grid .product-card:hover .product-image .product-actions{opacity:1}.catalog-content .products-grid .product-card .product-image{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;height:120px;display:flex;position:relative;overflow:hidden}.catalog-content .products-grid .product-card .product-image img{object-fit:cover;width:100%;height:100%}.catalog-content .products-grid .product-card .product-image:before{content:"";opacity:0;z-index:1;background:#00000080;transition:all .2s;position:absolute;inset:0}.catalog-content .products-grid .product-card .product-image .product-actions{opacity:0;z-index:2;justify-content:center;align-items:center;gap:10px;transition:all .2s;display:flex;position:absolute;inset:0}.catalog-content .products-grid .product-card .product-image .product-actions button{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.catalog-content .products-grid .product-card .product-image .product-actions button:hover{background:var(--primary-color);color:#fff}.catalog-content .products-grid .product-card .product-image .product-actions button:hover svg{color:#fff}.catalog-content .products-grid .product-card .product-image .product-actions button .delete-icon{color:#d32f2f}.catalog-content .products-grid .product-card .product-info{padding:12px}.catalog-content .products-grid .product-card .product-info h3{color:#2c2b2e;margin:0 0 8px;font-size:15px;font-weight:500}.catalog-content .products-grid .product-card .product-info .product-meta{justify-content:space-between;align-items:center;display:flex}.catalog-content .products-grid .product-card .product-info .product-meta .price{color:#2c2b2e;font-size:15px;font-weight:600}.catalog-content .products-grid .product-card .product-info .product-meta .in-stock{color:#2e7d32;font-size:12px}.catalog-content .products-grid .product-card .product-info .product-meta .out-stock{color:#d32f2f;font-size:12px}.catalog-content .empty-state{text-align:center;color:#999;padding:60px 20px}.catalog-content .empty-state svg{opacity:.5;margin-bottom:12px}.catalog-content .empty-state p{margin:0 0 16px;font-size:14px}.catalog-content .empty-state .clear-filters-btn{color:var(--primary-color);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:5px;padding:8px 16px;font-size:13px}.catalog-content .empty-state .clear-filters-btn:hover{background:#f5f5f5}.product-details-page .product-detail-wrapper{grid-template-columns:1fr 1fr;align-items:flex-start;gap:40px;margin-bottom:40px;display:grid}@media (max-width:968px){.product-details-page .product-detail-wrapper{grid-template-columns:1fr;gap:20px}}.product-details-page .gallery-section{position:sticky;top:80px}.product-details-page .gallery-section .main-image-container{aspect-ratio:1;border-radius:5px;margin-bottom:12px;position:relative;overflow:hidden}.product-details-page .gallery-section .main-image-container .main-image{object-fit:cover;width:100%;height:100%}.product-details-page .gallery-section .main-image-container .nav-btn{cursor:pointer;color:#2c2b2e;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.product-details-page .gallery-section .main-image-container .nav-btn:hover{background:#fff}.product-details-page .gallery-section .main-image-container .nav-btn.prev-btn{left:16px}.product-details-page .gallery-section .main-image-container .nav-btn.next-btn{right:16px}.product-details-page .gallery-section .thumbnail-strip{gap:12px;display:flex;overflow-x:auto}.product-details-page .gallery-section .thumbnail-strip .thumbnail{cursor:pointer;border:2px solid #0000;border-radius:5px;flex-shrink:0;width:60px;height:60px;transition:all .3s;overflow:hidden}.product-details-page .gallery-section .thumbnail-strip .thumbnail img{object-fit:cover;width:100%;height:100%}.product-details-page .gallery-section .thumbnail-strip .thumbnail.active{border-color:var(--primary-color)}.product-details-page .info-section .product-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px;display:flex}.product-details-page .info-section .product-header .product-title{color:#2c2b2e;font-size:30px;font-weight:700}@media (max-width:768px){.product-details-page .info-section .product-header .product-title{font-size:24px}}.product-details-page .info-section .product-header .product-badge{flex-wrap:wrap;gap:5px;display:flex}.product-details-page .info-section .product-header .product-badge .badge{border-radius:5px;padding:4px 12px;font-size:12px;font-weight:500}.product-details-page .info-section .product-header .product-badge .badge.in-stock,.product-details-page .info-section .product-header .product-badge .badge.slots-available{color:#fff;background:#01a601}.product-details-page .info-section .product-header .product-badge .badge.out-of-stock,.product-details-page .info-section .product-header .product-badge .badge.sold-out{color:#fff;background:#ff4c51}.product-details-page .info-section .product-header .product-badge .badge.travel-badge,.product-details-page .info-section .product-header .product-badge .badge.food-badge{background:var(--primary-color);color:#fff}.product-details-page .info-section .product-price{border-bottom:1px solid #e2e8eb;margin-bottom:20px;padding-bottom:10px}.product-details-page .info-section .product-price .currency{color:var(--primary-color);font-size:20px;font-weight:600}.product-details-page .info-section .product-price .amount{color:#2c2b2e;margin-left:2px;font-size:30px;font-weight:700}.product-details-page .info-section .product-price .original-price{color:#9ca3af;margin-left:5px;font-size:20px;text-decoration:line-through}.product-details-page .info-section .product-price .price-note{color:#999;margin-left:5px;font-size:14px}.product-details-page .info-section .product-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.product-details-page .info-section .product-meta-grid .meta-item{align-items:center;gap:12px;display:flex}.product-details-page .info-section .product-meta-grid .meta-item .meta-icon{color:var(--primary-color);font-size:25px}.product-details-page .info-section .product-meta-grid .meta-item div{flex-direction:column;display:flex}.product-details-page .info-section .product-meta-grid .meta-item div .meta-label{color:#999;font-size:14px;font-weight:500}.product-details-page .info-section .product-meta-grid .meta-item div .meta-value{color:#2c2b2e;font-size:16px;font-weight:600}.product-details-page .info-section .description-block .section-title{color:#2c2b2e;border-bottom:2px solid #e2e8eb;margin-bottom:10px;font-size:18px;font-weight:600;display:inline-block}.product-details-page .info-section .description-block .short-description,.product-details-page .info-section .description-block .detailed-description{color:#4b5563;line-height:1.6}.product-details-page .info-section .description-block .short-description p,.product-details-page .info-section .description-block .detailed-description p{margin-bottom:15px;font-size:15px}.product-details-page .info-section .description-block .short-description h1,.product-details-page .info-section .description-block .short-description h2,.product-details-page .info-section .description-block .short-description h3,.product-details-page .info-section .description-block .short-description h4,.product-details-page .info-section .description-block .short-description h5,.product-details-page .info-section .description-block .short-description h6,.product-details-page .info-section .description-block .detailed-description h1,.product-details-page .info-section .description-block .detailed-description h2,.product-details-page .info-section .description-block .detailed-description h3,.product-details-page .info-section .description-block .detailed-description h4,.product-details-page .info-section .description-block .detailed-description h5,.product-details-page .info-section .description-block .detailed-description h6{color:#2c2b2e;margin-top:24px;margin-bottom:12px}.product-details-page .info-section .description-block .short-description h3,.product-details-page .info-section .description-block .detailed-description h3{font-size:20px}.product-details-page .info-section .description-block .short-description h4,.product-details-page .info-section .description-block .detailed-description h4{font-size:18px}.product-details-page .info-section .description-block .short-description ul,.product-details-page .info-section .description-block .short-description ol,.product-details-page .info-section .description-block .detailed-description ul,.product-details-page .info-section .description-block .detailed-description ol{margin:16px 0;padding-left:24px}.product-details-page .info-section .description-block .short-description ul li,.product-details-page .info-section .description-block .short-description ol li,.product-details-page .info-section .description-block .detailed-description ul li,.product-details-page .info-section .description-block .detailed-description ol li{margin-bottom:8px;font-size:15px}.product-details-page .info-section .description-block .short-description strong,.product-details-page .info-section .description-block .short-description b,.product-details-page .info-section .description-block .detailed-description strong,.product-details-page .info-section .description-block .detailed-description b{color:#2c2b2e;font-weight:600}.product-details-page .info-section .description-block .short-description a,.product-details-page .info-section .description-block .detailed-description a{color:var(--primary-color);text-decoration:none}.product-details-page .info-section .description-block .short-description a:hover,.product-details-page .info-section .description-block .detailed-description a:hover{text-decoration:underline}.product-details-page .info-section .description-block .short-description img,.product-details-page .info-section .description-block .detailed-description img{border-radius:5px;max-width:100%;margin:10px 0}.product-details-page .info-section .description-block .short-description blockquote,.product-details-page .info-section .description-block .detailed-description blockquote{border-left:3px solid var(--primary-color);color:#999;margin:16px 0;padding-left:16px;font-style:italic}.product-details-page .info-section .action-buttons{border-top:1px solid #e2e8eb;gap:20px;margin-top:30px;padding-top:20px;display:flex}.product-details-page .info-section .action-buttons .btn{cursor:pointer;color:#fff;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.product-details-page .info-section .action-buttons .btn svg{font-size:16px}.product-details-page .info-section .action-buttons .btn.btn-primary{background:var(--primary-color)}.product-details-page .info-section .action-buttons .btn.btn-danger{background:#ff4c51}.product-details-page .reviews-section .reviews-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.product-details-page .reviews-section .reviews-header .reviews-title{color:#2c2b2e;font-size:24px;font-weight:700}.product-details-page .reviews-section .reviews-summary{border-radius:5px;grid-template-columns:auto 1fr;gap:32px;margin-bottom:32px;padding:24px;display:grid}@media (max-width:768px){.product-details-page .reviews-section .reviews-summary{text-align:center;grid-template-columns:1fr}}.product-details-page .reviews-section .reviews-summary .rating-circle{text-align:center;padding:16px}.product-details-page .reviews-section .reviews-summary .rating-circle .rating-number{color:#2c2b2e;font-size:48px;font-weight:700}.product-details-page .reviews-section .reviews-summary .rating-circle .rating-out-of{color:#999;font-size:16px}.product-details-page .reviews-section .reviews-summary .rating-circle .stars{margin-top:8px}.product-details-page .reviews-section .reviews-summary .rating-circle .stars .star{color:#999;font-size:16px}.product-details-page .reviews-section .reviews-summary .rating-circle .stars .star.filled{color:var(--primary-color);fill:var(--primary-color)}.product-details-page .reviews-section .reviews-summary .rating-stats .stat-bar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.product-details-page .reviews-section .reviews-summary .rating-stats .stat-bar span:first-child{width:50px;color:var(--primary-color);font-size:14px}.product-details-page .reviews-section .reviews-summary .rating-stats .stat-bar .bar{background:var(--primary-light-rgb);border-radius:5px;flex:1;height:8px;overflow:hidden}.product-details-page .reviews-section .reviews-summary .rating-stats .stat-bar .bar .fill{background:var(--primary-color);border-radius:5px;height:100%}.product-details-page .reviews-section .reviews-summary .rating-stats .stat-bar span:last-child{color:#999;width:35px;font-size:14px}.product-details-page .reviews-section .reviews-summary .rating-stats .total-reviews{color:#999;margin-top:12px;font-size:14px}.product-details-page .reviews-section .reviews-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.product-details-page .reviews-section .reviews-list .review-card{border:1px solid #e2e8eb;border-radius:5px;padding:20px}.product-details-page .reviews-section .reviews-list .review-card .review-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px;margin-bottom:16px;display:flex}.product-details-page .reviews-section .reviews-list .review-card .review-header .reviewer-info{gap:16px;display:flex}.product-details-page .reviews-section .reviews-list .review-card .review-header .reviewer-info .reviewer-avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:flex}.product-details-page .reviews-section .reviews-list .review-card .review-header .reviewer-info h4{color:#2c2b2e;margin:0 0 4px;font-size:16px}.product-details-page .reviews-section .reviews-list .review-card .review-header .reviewer-info .review-stars .star{color:#999;font-size:14px}.product-details-page .reviews-section .reviews-list .review-card .review-header .reviewer-info .review-stars .star.filled{color:var(--primary-color);fill:var(--primary-color)}.product-details-page .reviews-section .reviews-list .review-card .review-header .review-date{color:#999;font-size:14px}.product-details-page .reviews-section .reviews-list .review-card .review-text{color:var(--primary-color);margin-bottom:10px;font-size:15px;line-height:1.6}.product-details-page .reviews-section .reviews-list .review-card .review-helpful{align-items:center;gap:16px;display:flex}.product-details-page .reviews-section .reviews-list .review-card .review-helpful button{color:var(--primary-color);cursor:pointer;border:none;border-radius:5px;padding:4px 12px;font-size:12px}.product-details-page .reviews-section .reviews-list .review-card .review-helpful span{color:#999;font-size:12px}.product-details-page .not-found{text-align:center;padding:64px 32px}.product-details-page .not-found h2{color:#2c2b2e;margin-bottom:16px;font-size:32px}.product-details-page .not-found p{color:#999}.action-icons-horizontal{gap:10px;display:flex}.mobile-render-filter-table{display:none}.filter-search-table .filter-outer{cursor:pointer;position:relative}.filter-search-table .active-filters-container{align-items:center;gap:12px;display:flex}.filter-search-table .active-filters-container .search-filter-container{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:5px;padding:6px 12px;display:flex}.filter-search-table .active-filters-container .search-filter-container .search-icon{color:var(--primary-color)}.filter-search-table .active-filters-container .search-filter-container input{background-color:#0000;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-color);letter-spacing:.3px;font-size:14px;font-weight:400}.filter-search-table .active-filters-container .multi-select-filter-wrapper{flex:1;align-items:center;display:flex;position:relative}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger{letter-spacing:.3px;color:var(--primary-color);background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;flex:1;justify-content:space-between;align-items:center;gap:5px;font-size:14px;font-weight:400;display:flex}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger .dropdown-placeholder{white-space:nowrap;padding:6px 12px}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger .dropdown-arrow{border-left:1px solid #e2e8eb;justify-content:center;align-items:center;padding:6px;display:flex}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown{z-index:100;letter-spacing:.3px;background:#fff;border:1px solid #ddd;border-radius:4px;width:200px;max-height:300px;margin-top:5px;font-size:14px;font-weight:400;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option{cursor:pointer;white-space:nowrap;border-bottom:1px solid #e2e8eb;align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex;overflow:hidden}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option span{white-space:nowrap;text-overflow:ellipsis;width:100%;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 .clear-filter-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0003}.toolbar{border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex;position:relative}.toolbar input[type=checkbox]{accent-color:var(--primary-color);width:16px;height:16px}.toolbar .right-group{flex:1;justify-content:flex-end}.toolbar .left-group,.toolbar .right-group{align-items:center;gap:12px;display:flex}.toolbar .left-group button{white-space:nowrap}.toolbar .toolbar-btn{color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:5px;padding:8px 16px;font-size:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.1);display:flex;position:relative;overflow:hidden}.toolbar .toolbar-btn i{justify-content:center;align-items:center;display:flex}.toolbar .toolbar-btn:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.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{font-size:16px;transition:transform .3s}.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-color)}.toolbar .dropdown.active .toolbar-btn:after{width:70%}.toolbar .dropdown-left .dropdown-content{color:#2c2b2e;background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;margin-top:5px;padding:6px 8px}.toolbar .dropdown-left .dropdown-content .bulk-toggle-btn{cursor:pointer;border-radius:5px;align-items:center;gap:10px;padding:10px 8px;display:flex}.toolbar .dropdown-left .dropdown-content .bulk-toggle-btn:hover{background:var(--primary-light-rgb)}.toolbar .dropdown-left .dropdown-content .section{border-radius:5px;padding:10px 8px}.toolbar .dropdown-left .dropdown-content .section:hover{background:var(--primary-light-rgb)}.toolbar .dropdown-left label{cursor:pointer;align-items:center;gap:10px;display:flex}.toolbar .dropdown-right .dropdown-content{left:auto;right:0}.toolbar .hover-group:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.toolbar .reset-columns{cursor:pointer;color:var(--primary-color);padding:8px;font-weight:500}.toolbar .dropdown-content{white-space:nowrap;opacity:0;visibility:hidden;z-index:99999;background:#fff;border:1px solid #0096931a;border-radius:5px;width:fit-content;max-height:700px;padding:6px 8px;transition:all .3s cubic-bezier(.175,.885,.32,1.1);position:absolute;top:calc(100% + 2px);overflow:auto;box-shadow:0 8px 24px #0000001f}.toolbar .dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0)}.toolbar .dropdown-content .section:last-child{border-bottom:none;margin-bottom:0}.toolbar .dropdown-content .title{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.toolbar .dropdown-content .title:before{content:"";background:var(--primary-color);border-radius:5px;width:4px;height:4px;display:block}.toolbar .dropdown-content .option{color:#2c2b2e;border-radius:5px;align-items:center;gap:8px;padding:8px;transition:background .2s;display:flex}.toolbar .dropdown-content .option:hover{background:var(--primary-light-rgb)}.toolbar .dropdown-content .action-list{margin:0;padding:0;list-style:none}.toolbar .dropdown-content .action-list li{text-align:left;color:#2c2b2e;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:all .2s;display:flex}.toolbar .dropdown-content .action-list li .a-icon{color:var(--primary-color);justify-content:center;align-items:center;display:flex}.toolbar .dropdown-content .action-list li:hover{background:var(--primary-light-rgb)}.toolbar .loading-spinner{border:2px solid #00969333;border-top:2px solid var(--primary-color);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.toolbar-intro-popup{z-index:2147483647;opacity:0;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.toolbar-intro-popup .intro-content{transform-origin:50%;background:#fff;border-radius:5px;width:100%;max-width:500px;max-height:80vh;padding:20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards flowerOpen;overflow-y:auto;transform:scale(.5);box-shadow:0 4px 6px #0000000c}@keyframes flowerOpen{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.toolbar-intro-popup h3{color:#333;margin-top:0;font-size:1.3rem}.toolbar-intro-popup ul{margin:20px 0;padding:0;list-style:none}.toolbar-intro-popup li{align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.toolbar-intro-popup .intro-icon{color:var(--primary-color);margin-top:2px;font-size:1.2rem}.toolbar-intro-popup strong{margin-bottom:4px;display:block}.toolbar-intro-popup p{color:#666;margin:0;font-size:.9rem}.dismiss-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:10px;padding:10px 16px;font-weight:500}@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{margin-bottom:30px;overflow:auto}.responsive-table .action-buttons{justify-content:flex-start;gap:10px;display:flex}.bulk-actions-toolbar{background-color:var(--primary-color);color:#fff;z-index:999;white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:5px 10px;animation:.3s ease-out slideDown;display:flex;position:fixed;bottom:50px;left:55%;transform:translate(-50%);box-shadow:0 4px 6px #0000000c}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.bulk-actions-toolbar .select-all-container{align-items:center;gap:8px;display:flex}.bulk-actions-toolbar .select-all-container .select-icon{color:#64748b;cursor:pointer;font-size:20px;transition:all .2s}.bulk-actions-toolbar .select-all-container .select-icon:hover{color:var(--primary-color)}.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox{cursor:pointer;transition:all .2s;display:inline-flex}.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox.select-icon{font-size:20px}.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox:hover .select-icon,.bulk-actions-toolbar .select-all-container .FaCheckSquare{color:var(--primary-color)}.bulk-actions-toolbar .select-all-container .select-all-pages{opacity:.7;margin-left:4px;transition:opacity .2s}.bulk-actions-toolbar .select-all-container .select-all-pages:hover{opacity:1}.bulk-actions-toolbar .selected-count{font-size:14px;font-weight:500}.bulk-actions-toolbar .bulk-actions{gap:8px;display:flex}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn :hover{background:#dc2626;transform:translateY(-1px)}table{border-collapse:collapse;background-color:#fff;width:100%}table thead tr{cursor:pointer}table thead tr th{color:#2c2b2e;text-align:left;white-space:nowrap;background:#e2e8f0;padding:15px 20px;font-size:15px;font-weight:600;position:relative}table tbody{border-bottom:1px solid #e2e8eb}table tbody tr{cursor:pointer;transition:background-color .2s,border-left-color .2s}table tbody tr:hover{background:#dee9f277}table tbody tr td{color:#2c2b2e;white-space:break-spaces;border-bottom:1px solid #0096930d;padding:15px 20px;font-size:15px}table tbody tr .table-index{font-weight:600}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{background:#f5f5f5;border-radius:5px;margin-bottom:10px;padding:10px 5px}.card-view-section .card-bulk-header .select-all-container{align-items:center;gap:20px;display:flex}.card-view-section .card-bulk-header .select-all-container span{cursor:pointer;align-items:center;gap:5px;transition:all .2s;display:flex}.card-view-section .card-bulk-header .select-all-container span:hover{color:var(--primary-color)}.card-view-section .card-bulk-header .select-all-container .select-icon{color:var(--primary-color);font-size:20px}.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{z-index:2;background-color:#4261da1c;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox{z-index:1;background-color:#fff;border-radius:5px 0 0;padding:5px;position:absolute;top:0;left:0}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox .select-checkbox{cursor:pointer;justify-content:center;align-items:center;display:flex}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox .select-checkbox .select-icon{color:var(--primary-color);border:1px solid #fff;border-radius:5px;font-size:20px}.card-view-section .card-view .t-card{position:relative}.pagination-controls{background-color:#fff;border-radius:0 0 2px 2px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 16px;display:flex;position:relative;overflow:hidden}@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;justify-content:flex-end;width:100%}}.pagination-controls .pagination-track{z-index:2;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;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:before{display:none}}.pagination-controls .pagination-track .nav-arrow-wrapper{justify-content:center;align-items:center;gap:6px;display:flex;overflow:hidden}.pagination-controls .pagination-track .nav-arrow-wrapper .pagination-btns-counts{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;flex-wrap:nowrap;gap:4px;max-width:100%;padding:0 4px;display:flex;overflow:auto hidden}.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:32px;height:32px;color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pagination-controls button:disabled{color:#ccc;cursor:not-allowed;opacity:.7}.pagination-controls button.active{background-color:var(--primary-color);color:#fff}.pagination-controls button:hover:not(:disabled,.active){background-color:var(--primary-light)}.pagination-controls .pagination-info{color:#666;white-space:nowrap;font-size:14px;position:relative}.pagination-controls .pagination-info:before{content:"•";color:var(--primary-color);margin:0 8px}.pagination-controls .nav-arrow{background:var(--primary-light);color:#fff;border-radius:5px;min-width:32px;height:32px;padding:0}.pagination-controls .nav-arrow:hover:not(:disabled){background:var(--primary-color)}.pagination-controls .per-page-selector-wrapper{align-items:center;gap:8px;display:flex}@media (max-width:600px){.pagination-controls .per-page-selector-wrapper{justify-content:flex-end;width:100%}}.pagination-controls .per-page-selector-wrapper .per-page-label{color:#666;white-space:nowrap;font-size:14px}.pagination-controls .per-page-selector-wrapper .per-page-selector{position:relative}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select{appearance:none;color:#333;cursor:pointer;background-color:#fff;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-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8eb;border-radius:5px;padding:8px 30px 8px 12px;font-size:14px;transition:all .2s}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select:hover{border-color:var(--primary-color)}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select:focus{border-color:var(--primary-color);outline:none}.t-card{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0000000c}.t-card .card-body .card-row{gap:10px;padding:5px 10px}.t-card .card-body .card-row select{margin:0 5px;padding:0;font-size:12px}.t-card .card-body .card-row p{color:var(--primary-color);font-size:12px;font-weight:700}.t-card .card-body .card-row p strong{color:#2c2b2e;font-weight:500}.t-card .card-body .card-row h5{font-size:14px}.t-card .card-body .card-row .action-menu-overlay{z-index:50;background:#1111110c;position:absolute;inset:0}.t-card .card-body .card-row .t-card-action{justify-content:flex-end;display:flex;position:relative}.t-card .card-body .card-row .t-card-action .action-menu-toggle{cursor:pointer;color:var(--primary-color);background:0 0;border:none;padding:0 8px;font-size:14px}.t-card .card-body .card-row .t-card-action .action-menu-dropdown{z-index:100;background:#fff;border:1px solid #e2e8eb;border-radius:5px;min-width:140px;position:absolute;top:100%;right:0;box-shadow:0 4px 6px #0000000c}.t-card .card-body .card-row .t-card-action .action-menu-dropdown .action-menu-item{cursor:pointer;white-space:nowrap;width:100%;color:var(--primary-color);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:flex}.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}.edit-icon,.view-icon,.download-icon{color:var(--primary-color);cursor:pointer;font-size:16px;transition:color .2s}.edit-icon:hover,.view-icon:hover,.download-icon:hover{color:var(--primary-light)}.delete-icon{color:#ef4444;cursor:pointer;font-size:16px;transition:color .2s}.delete-icon:hover{color:#dc2626}.table-actions{gap:10px;display:flex}@media (max-width:768px){.filter-search-table{margin-bottom:10px}.filter-search-table .active-filters-container{flex-wrap:wrap;gap:10px}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown{width:100%;left:auto;right:auto}.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{height:auto;padding:6px 12px;font-size:12px}.toolbar .toolbar-btn span{display:none}.toolbar .dropdown-right .dropdown-content{left:auto;right:10px}.responsive-table{background-color:#0000}.card-row{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.table-view{display:none}.card-view-section{display:block}.card-view-section .card-view{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;display:grid}.t-card{box-shadow:none;background:#fff;border:1px solid #e2e8eb;border-radius:5px;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{white-space:nowrap;padding:6px 12px;font-size:14px}.hide-mobile{display:none}.left-group,.right-group{gap:10px}.right-group button{padding:8px 10px;font-size:14px}.left-group button{padding:8px 10px}.toolbar{justify-content:flex-start;gap:8px;padding:10px 10px 10px 2px}.toolbar .right-group{justify-content:flex-start;gap:10px}.toolbar .dropdown-right .dropdown-content{left:-50%;right:-50%}}.store-nav-outer ul{flex-wrap:wrap;gap:20px;list-style-type:none;display:flex}.store-nav-outer ul li a{color:#fff;background-color:var(--primary-color);white-space:nowrap;border-radius:5px;align-items:center;gap:10px;padding:12px 30px;font-size:16px;text-decoration:none;transition:background-color .3s;display:flex}.hide_col{display:none}@media (max-width:1024px){.store-nav-outer ul{justify-content:start;gap:16px}.store-nav-outer ul li a{padding:8px 24px;font-size:16px}}@media (max-width:766px){.store-nav-outer ul{justify-content:left;margin:20px 0 0}.store-nav-outer ul li a{padding:8px 10px;font-size:13px}}@media (max-width:600px){.store-nav-outer ul{align-items:center;gap:12px;margin:20px 0 0}.store-nav-outer ul li a{text-align:center;width:100%;max-width:300px;padding:6px 7px;font-size:12px}}.variations-count{color:#fff;text-align:center;background-color:green;border-radius:5px;min-width:20px;padding:2px 6px;font-size:12px;font-weight:700;line-height:1;position:absolute;top:-6px;right:0}.modal-input-content{flex-direction:column;display:flex}.values-scroll-container{flex-direction:column;gap:10px;display:flex}.tabs-sidebar{gap:10px;display:flex}.tabs-sidebar .tab-button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:15px;font-weight:500;transition:background .2s;position:relative}.tabs-sidebar .tab-button .tab-label{align-items:center;gap:5px;display:flex}.tabs-sidebar .tab-button.active{color:var(--primary-color);background-color:#dee9f2;font-weight:500}.value-row{align-items:center;gap:5px;display:flex}.value-row svg{color:red;font-size:18px}.value-add-button{color:var(--primary-color);background-color:unset;border:none;border-bottom:1px solid var(--primary-color);outline:none;align-items:center;gap:5px;display:flex}.value-add-button:hover{cursor:pointer;font-size:14px}.tab-content{width:100%;min-height:0;max-height:500px;overflow:auto;padding-bottom:0!important}.tab-content input,.tab-content select{width:100%}.add-attribute-button-container{justify-content:flex-end;align-items:center;display:flex}.values-scroll-container{max-height:200px;margin-bottom:1rem;padding-right:4px;overflow-y:auto}.values-scroll-container .value-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.values-scroll-container .value-row input{flex:1}.values-scroll-container .value-row span{color:#ff4c51;cursor:pointer;font-size:18px;transition:color .2s}.values-scroll-container .value-row span:hover{color:#e04347}.value-add-button{border:1px dashed var(--primary-color);color:var(--primary-color);cursor:pointer;background-color:#dee9f2;border-radius:6px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 12px;font-size:14px;transition:all .3s;display:flex}.value-add-button:hover{background-color:#e0eaf3;border-color:#324365}.value-add-button svg{font-size:16px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.attributes-wrapper .responsive-table{margin-top:20px}.attributes-wrapper .responsive-table .delete-btn,.attributes-wrapper .responsive-table .edit-btn{color:var(--primary-color)}.attributes-wrapper .responsive-table .status-dropdown{cursor:pointer;text-transform:capitalize;border:1px solid #ccc;border-radius:6px;outline:none;min-width:100px;padding:5px 10px;font-size:13px;font-weight:500}.attributes-wrapper .responsive-table .status-dropdown.active{color:#2e7d32;background-color:#e6f4ea;border-color:#a5d6a7}.attributes-wrapper .responsive-table .status-dropdown.inactive{color:#d32f2f;background-color:#fdecea;border-color:#f5c6cb}.attribute-form-outer .attributes-wrapper .responsive-table .attribute-actions-btn-outer{justify-content:flex-start;gap:10px;display:flex}.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-color)}.attribute-form-outer .attributes-wrapper .responsive-table .attribute-actions-btn-outer .delete-btn{color:#ff4c51}.empty-attributes-state{text-align:center;background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;margin-top:16px;padding:8px;display:flex}.empty-attributes-state .empty-illustration{color:#6c757d;margin-bottom:8px;font-size:12px}.empty-attributes-state h3{color:#343a40;margin-bottom:4px;font-size:16px}.empty-attributes-state p{color:#6c757d;max-width:300px;margin-bottom:12px;font-size:12px}.empty-attributes-state .empty-state-button{align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}.attributes-table{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;padding-bottom:10px;display:grid}.attributes-table .attribute-card{background:#fff;border:1px solid #f3f4f6;border-radius:5px;flex-direction:column;justify-content:space-between;gap:5px;padding:10px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 6px #0000000c}.attributes-table .attribute-card h3{color:#2c2b2e;text-transform:capitalize;margin-right:2rem;font-size:15px;font-weight:600}.attributes-table .attribute-card .values{color:#4b5563;text-transform:capitalize;font-size:.9rem;line-height:1.5}.attributes-table .attribute-card .selector-and-active-inactive-outer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.attributes-table .attribute-card .selector-and-active-inactive-outer .status-pill{text-transform:capitalize;border-radius:5px;padding:5px 10px;font-size:10px;font-weight:600}.attributes-table .attribute-card .selector-and-active-inactive-outer .active-option{color:#166534;background-color:#dcfce7}.attributes-table .attribute-card .selector-and-active-inactive-outer .inactive-option{color:#991b1b;background-color:#fee2e2}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch{cursor:pointer;background-color:#999;border-radius:50px;width:32px;height:14px;transition:all .2s;position:relative}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch.active{background-color:var(--primary-color)}.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{background-color:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:1px;left:1px}.attributes-table .attribute-card .delete-btn{color:#ff4c51;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.25rem;font-size:14px;transition:all .2s;position:absolute;top:5px;right:5px}.attributes-table .attribute-card .delete-btn:hover{font-size:15px}.attribute-outer-wrapper{flex-direction:column;gap:15px;display:flex}.attribute-outer-wrapper input{border:1px solid #efefef;border-radius:5px;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{flex-direction:row;gap:10px;width:100%}.close-modal{top:5px}.add-attribute-button-container{justify-content:flex-end;display:flex}.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{flex-direction:column;gap:3px;display:flex}.upload-container label{color:#333;font-size:13px;font-weight:400}.upload-container .upload-input-box{border:2px dashed var(--primary-light);cursor:pointer;background-color:#fafafa;border-radius:5px;align-items:center;gap:8px;margin-top:5px;padding:10px 12px;transition:border .2s;display:flex}.upload-container .upload-input-box:hover{border-color:var(--primary-color)}.upload-container .upload-text{color:#4a4a4a;font-size:14px}.upload-container .upload-note{color:#888;margin-top:10px;font-size:12px}.upload-container .preview-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.upload-container .preview-row .preview-image-wrapper{position:relative}.upload-container .preview-row .preview-image-wrapper .delete-btn{color:#fff;cursor:pointer;background-color:#ff4d4d;border:none;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;transition:background .3s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0003}.upload-container .preview-row .preview-image-wrapper .delete-btn:hover{background-color:#e60000}.upload-container .preview-row .preview-image{border:1px solid #e0e0e0;border-radius:5px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.upload-container .preview-row .preview-image img{object-fit:cover}.upload-container .clear-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;margin-top:0;margin-left:auto;padding:6px 10px;font-size:12px;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:5px;grid-template-columns:2fr 1fr;gap:20px;margin-top:10px;display:grid}.store_outer_row .store_column{margin-bottom:20px}.store_outer_row .store_column .modal-actions{margin:0}.store_outer_row .store_column .modal-actions button{padding:8px 12px;font-size:14px}.store_outer_row .featured-image-upload{border:2px dashed var(--primary-light);cursor:pointer;background-color:#f9ffff;border-radius:5px;flex-direction:column;align-items:center;transition:all .3s;display:flex}.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:14px}.store_outer_row .featured-image-upload .image-preview{width:100%;height:200px;position:relative}.store_outer_row .featured-image-upload .image-preview img{object-fit:cover;border-radius:5px;width:100%;height:100%}.store_outer_row .featured-image-upload .remove-button{color:#d33;cursor:pointer;background:#ffffffe6;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:.8rem;display:flex;position:absolute;top:8px;right:8px}.store_outer_row .categories-filds-outer{grid-template-columns:70% 30%;gap:20px;display:grid}.store_outer_row .categories-filds-outer .category-container{background-color:#fff;border-radius:5px;margin-right:10px;box-shadow:0 4px 6px #0000001a}.store_outer_row .categories-filds-outer .category-container .create-button{margin-left:10px}.store_outer_row .categories-filds-outer .category-container .category-sidebarheader{justify-content:space-between;margin-bottom:30px;display:flex}.store_outer_row .categories-filds-outer .category-container .categories-list-outer-div{width:100%;min-height:350px;max-height:350px;margin-bottom:15px;overflow:scroll}.store_outer_row .categories-filds-outer .category-container .categories-list-outer-div label.category-lable{gap:12px;display:flex}.store_outer_row .categories-filds-outer .category-container label{cursor:pointer;border-bottom:1px solid #e0e0e0;padding-bottom:7px;padding-left:10px}.store_outer_row .categories-filds-outer .category-container .parent-category-list{background-color:#fff;border-radius:5px;min-height:350px;max-height:350px;overflow:scroll}.store_outer_row .categories-filds-outer .category-container .parent-category-list .categories-inner{z-index:999;width:100%;max-height:250px;margin-top:8px;overflow-y:auto}.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:1px solid #e2e8eb;border-radius:5px;position:relative}.store_outer_row .items-tab-container .tabs-container{gap:10px}.store_outer_row .add-items-form-container{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;gap:20px}.store_outer_row .add-items-form-container .store_input_feilds{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.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;letter-spacing:1px;font-size:16px}.store_outer_row .add-items-form-container .basic_label_header{color:var(--primary-color);border-bottom:1px solid #d9d9d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;display:flex}.store_outer_row .add-items-form-container .basic_label_header svg{cursor:pointer;align-items:center;display:flex}.store_outer_row .add-items-form-container .basic_label_header h2{color:var(--primary-color);font-size:18px;font-weight:600}.store_outer_row .add-items-form-container .add-items-form-container hr{border:.5px dotted #d9d9d9;margin-bottom:25px}.store_outer_row .add-items-form-container input::placeholder{color:gray;text-transform:unset;font-size:14px}.store_outer_row .add-items-form-input-label-container{flex-direction:column;display:flex;position:relative}.store_outer_row .add-items-form-input-label-container input,.store_outer_row .add-items-form-input-label-container select,.store_outer_row .add-items-form-input-label-container .addvendor-dropdown{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px;font-size:16px}.store_outer_row .add-items-form-input-label-container input:focus,.store_outer_row .add-items-form-input-label-container select:focus,.store_outer_row .add-items-form-input-label-container .addvendor-dropdown:focus{border-color:var(--primary-light);background:0 0;transform:scale(1)}.store_outer_row .add-items-form-input-label-container .react-datepicker__tab-loop{width:100%;position:absolute}.store_outer_row .save-cancel-button{justify-content:end;align-items:center;gap:15px;display:flex}.store_outer_row .cancel-and-add-button{gap:15px;margin-top:15px;display:flex}.store_outer_row .store-add-item-form-img-container img{object-fit:cover;height:100px}.excel-import-box label{border:2px dashed var(--primary-light);cursor:pointer;background-color:var(--primary-light-rgb);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:20px;transition:all .2s;display:flex}.excel-import-box label:hover{border-color:var(--primary-color)}.excel-import-box label svg{color:#217346;margin-bottom:10px;font-size:45px}.excel-import-box label strong{color:#2c2b2e;font-size:16px}.excel-import-box label p{color:#999;margin-top:5px;font-size:13px}.addvendor-dropdown{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px;font-size:16px;position:relative}.addvendor-dropdown:focus{border-color:var(--primary-light);background:0 0;transform:scale(1)}.addvendor-dropdown .vendors-header{color:#3c3939;cursor:pointer;justify-content:space-between;align-items:center;gap:5px;display:flex}.addvendor-dropdown .vendors-menu{z-index:99;color:#2c2b2e;background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;width:100%;max-height:200px;display:flex;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 4px 6px #0000000c}.addvendor-dropdown .vendors-menu .vendors-scroll{max-height:100%;margin:0;padding:0;overflow-y:auto}.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:5px}.addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:5px}.addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-thumb:hover{background-color:#2d3d59}.addvendor-dropdown .vendors-menu li{cursor:pointer;font-size:14px}.addvendor-dropdown .vendors-menu .vendor-name{cursor:pointer;padding:8px 10px;transition:background-color .2s}.addvendor-dropdown .vendors-menu .vendor-name:hover,.addvendor-dropdown .vendors-menu .vendor-name.active{background-color:#f4f4f4}.addvendor-dropdown .vendors-menu .save-cancel-vendor{justify-content:flex-end;align-items:center;gap:10px;display:flex}.addvendor-dropdown .vendors-menu .save-cancel-vendor button{background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;padding:5px 10px}.tax-calculation-display{background-color:#f9f9f9;border:1px solid #e2e8eb;border-radius:5px;grid-column:span 2;margin-top:8px;padding:12px}.tax-calculation-display .tax-calculation-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.tax-calculation-display .tax-calculation-header h4{color:#2c2b2e;margin:0;font-size:15px;font-weight:600}.tax-calculation-display .tax-calculation-header .tax-rate{color:#666;background:#e9ecef;border-radius:5px;padding:2px 6px;font-size:13px}.tax-calculation-display .tax-breakdown{font-size:15px}.tax-calculation-display .tax-breakdown .tax-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.tax-calculation-display .tax-breakdown .tax-row.total{color:#384b70;border-top:1px solid #ddd;margin-top:4px;padding-top:8px;font-weight:600}.tax-calculation-display .tax-breakdown .tax-note{color:#666;border-top:1px dashed #e2e8eb;margin-top:8px;padding-top:8px;font-size:14px;font-style:italic}.tax-form{align-items:center;gap:10px;display:flex}.tax-form .fields-wrapper{width:100%}.vendor-form .form-section{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:480px){.vendor-form .form-section{grid-template-columns:1fr}}.vendor-form .input-group .form-input{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;font-size:16px;transition:all .3s}.vendor-form .input-group .form-input:focus{border-color:var(--primary-light);background-color:#0000;outline:none}.vendor-form .input-group .form-input::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:14px}.vendor-form .input-group .required-asterisk{margin-left:2px;font-weight:700}.vendor-form .input-group .required-asterisk.unfilled{color:#f44}.vendor-form .input-group .required-asterisk.filled{color:#00c851}.vendor-form .form-actions{grid-column:span 2;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (max-width:480px){.vendor-form .form-actions{grid-column:auto}}.add-as-a-v-container{background-color:#fff;border-radius:5px;flex-direction:column;gap:20px;padding:20px;display:flex}.add-as-a-v-container .add-as-a-v-inputs{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:5px;display:grid}.add-as-a-v-container .add-as-a-v-inputs .input-with-label{flex-direction:column;display:flex}.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{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.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: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;letter-spacing:.3px;background-color:#0000;font-size:14px;font-weight:400}.add-as-a-v-container .add-as-a-v-button{cursor:pointer;justify-content:flex-end;align-items:center;gap:10px;display:flex}.add-as-a-v-container .add-as-a-v-button input[type=file]{display:none}.add-as-a-v-container .tax-and-payment-section{grid-template-columns:1fr;gap:1.5rem;display:grid}@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;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.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{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.add-as-a-v-container .tax-and-payment-section .section-header{color:#333;font-size:1.1rem;font-weight:600}.add-as-a-v-container .tax-and-payment-section .toggle-group{flex-wrap:wrap;gap:.5rem;display:flex}.add-as-a-v-container .tax-and-payment-section .toggle-btn{border:1px solid var(--primary-light);cursor:pointer;text-align:center;background:#f8f8f8;border-radius:8px;flex:1 0 48%;padding:.75rem;font-weight:500;transition:all .2s}.add-as-a-v-container .tax-and-payment-section .toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.add-as-a-v-container .tax-and-payment-section .toggle-btn:hover{border-color:var(--primary-color)}.add-as-a-v-container .tax-and-payment-section .select-group{flex:1}.add-as-a-v-container .tax-and-payment-section .select-group label{color:#555;margin-bottom:.5rem;font-size:.9rem;display:block}.add-as-a-v-container .tax-and-payment-section .select-group select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px}.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{flex-wrap:wrap;gap:1rem;display:flex}.add-as-a-v-container .tax-and-payment-section .payment-card{border:1px solid var(--primary-light);cursor:pointer;text-align:center;border-radius:8px;flex:45%;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.add-as-a-v-container .tax-and-payment-section .payment-card:hover{border-color:var(--primary-color)}.add-as-a-v-container .tax-and-payment-section .payment-card.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.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:100%}}.add-as-a-v-container .tax-and-payment-section .credit-details{border-top:1px solid #eee;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.add-as-a-v-container .tax-and-payment-section .credit-details h4{color:#333;margin:0 0 .75rem;font-size:1rem;font-weight:600}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle{flex-wrap:wrap;gap:.5rem;display:flex}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option{border:1px solid var(--primary-light);color:var(--primary-color);cursor:pointer;text-align:center;border-radius:8px;flex:45%;padding:.75rem;font-weight:500;transition:all .2s}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.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{color:#555;margin-bottom:.5rem;font-size:.9rem;display:block}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol{border:1px solid #ddd;border-radius:8px;align-items:center;display:flex;overflow:hidden;flex:1!important}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol span{color:var(--primary-color);white-space:nowrap;background:#f8f8f8;padding:.75rem;font-size:1rem}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol input{border:none;outline:none;flex:1;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 thead th,.add-as-a-v-container table tbody td{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 .payment-card,.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option{flex:100%}}.add-as-a-v-items-inner{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-wrap:wrap;grid-template-columns:repeat(6,1fr);gap:10px;padding:10px;display:grid;box-shadow:0 4px 6px #0000000c}.add-as-a-v-items-inner .input-with-label{flex-direction:column;flex:1;width:100%;display:flex}.add-as-a-v-items-inner .input-with-label label{color:#333;align-items:center;gap:6px;margin-bottom:5px;font-size:13px;font-weight:400;display:flex}.add-as-a-v-items-inner .input-with-label label svg{color:var(--primary-color);font-size:16px}.add-as-a-v-items-inner .input-with-label input,.add-as-a-v-items-inner .input-with-label select{border:1px solid #e2e8eb;border-radius:5px;width:100%;margin-top:5px;padding:10px 12px}.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: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;letter-spacing:.3px;background-color:#0000;font-size:14px}.clear-image-button{color:red;background-color:#e1e1e1;margin-top:5px;padding:7px}.modern-box-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:500;display:flex}.modern-box-checkbox input[type=checkbox]{display:none}.modern-box-checkbox .box{border:1.5px solid #ccc;border-radius:5px;width:18px;height:19px;transition:all .2s ease-in-out;display:inline-block;position:relative}.modern-box-checkbox input[type=checkbox]:checked+.box{border-color:var(--primary-color)}.modern-box-checkbox input[type=checkbox]:checked+.box:after{content:"";background-color:var(--primary-color);border-radius:5px;width:10px;height:10px;transition:all .2s ease-in-out;position:absolute;top:3.5px;left:3px}.search-bar-group{border:1px solid var(--primary-color);border-radius:5px;align-items:center;margin:0 20px 20px;padding-left:10px;display:flex;position:relative}.search-bar-group input{background-color:#0000;border:none;width:100%}.input-field{border:1px solid #ccc;border-radius:5px;width:100%;height:36px;padding-left:30px;padding-right:10px;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{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.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{border:1px solid var(--primary-color);background-color:#f9f9f9;border-radius:5px;padding:11px}.add-as-a-v-items-inner{grid-template-columns:repeat(2,1fr);display:grid}.store_outer_row{flex-direction:column;display:flex}.store_outer_row .right_sidebar_row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}}@media (max-width:768px){.add-as-a-v-container .add-as-a-v-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.store_outer_row{gap:0}.store_outer_row .add-items-form-container .store_input_feilds{flex-direction:column;display:flex}}@media (max-width:600px){.store_outer_row .right_sidebar_row{flex-direction:column;display:flex}.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{grid-template-columns:1fr;gap:10px}.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}.store-add-item .add-items-form-container .add-as-a-v-inputs{flex-direction:column;display:flex}.add-as-a-v-items-inner{flex-direction:column;margin-bottom:15px;display:flex}.vendor-form .input-group label{font-size:14px}}.variation-container{counter-reset:variation-counter;flex-direction:column;padding-top:10px;display:flex}.variation-block{counter-increment:variation-counter;background:#fff;border:1px solid #e0e0e0;border-radius:5px;flex-direction:column;gap:10px;margin-bottom:10px;padding:20px 12px 10px;display:flex;position:relative}.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);background:var(--primary-color);color:#fff;z-index:1;border-radius:5px;padding:2px 10px;font-size:10px;font-weight:500;position:absolute;top:-10px;left:16px}.variation-block .attr-prices-block,.variation-block .unit-block{gap:10px;display:grid}.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{flex-direction:column;gap:.5rem;display:flex}.variation-block .attribute-group label{color:#8a9bb8;font-size:14px;font-weight:600}.variation-block .price-group{background:rgba(var(--primary-color), .05);border:1px dashed rgba(var(--primary-color), .2);border-radius:5px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.variation-block .price-group label{color:#8a9bb8;font-size:14px;font-weight:600}.variation-block select{border:1px solid #e0e0e0;border-radius:5px;padding:10px;transition:all .3s}.variation-block select:focus{border-color:var(--primary-color);outline:none}.variation-block input{border:1px solid #e0e0e0;border-radius:5px;padding:10px;font-size:.9rem;transition:all .3s}.variation-block input:focus{border-color:var(--primary-color);outline:none}.variation-block .remove-button{color:#fff;cursor:pointer;background:#ff4c51;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .3s;display:flex;position:absolute;top:-10px;right:16px}.variation-block .remove-button:hover{background:#e65252;transform:translateY(-1px)}.variation-buttons-container{background-color:#fff;justify-content:flex-end;gap:10px;padding:20px 0;display:flex;position:sticky;bottom:0}.variation-container{counter-reset:variation-counter}@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{justify-content:space-between;margin-bottom:20px;margin-right:10px;display:flex}.category-container .category-title{color:#333;margin-bottom:10px;padding:20px;font-size:1.5rem}.category-container .category-button{cursor:pointer;border:none;border-radius:5px;padding:10px 16px;font-weight:500;transition:background-color .3s;display:inline-block}.category-container .done-button{color:#fff;background-color:#384b70}.category-container .form-group{margin-bottom:1rem}.category-container .input-field{width:initial;border:1px solid var(--primary-color);border-radius:5px;margin:0 20px;padding:8px;display:block}.category-container .parent-category-list{margin-top:8px}.category-container .button-group{display:flex}.item-view{min-height:100vh}.item-view .item-header{background:#fff;border:1px solid #fff3;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;display:flex;box-shadow:0 4px 6px #0000000c}.item-view .item-details{margin-top:10px}.item-view .item-details .item-main{background:#fff;border:1px solid #fff3;border-radius:5px;justify-content:space-between;gap:20px;margin-bottom:2rem;padding:10px 20px;display:flex;box-shadow:0 4px 6px #0000000c}.item-view .item-details .item-main h1{color:var(--primary-color);background:var(--primary-color);-webkit-text-fill-color:#0000;text-transform:capitalize;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-bottom:10px;font-size:25px;font-weight:600}.item-view .item-details .item-main .item-meta{flex-flow:wrap;gap:15px;margin-bottom:10px;display:flex}.item-view .item-details .item-main .item-meta .item-code{color:#384b70;background:#3b82f61a;border:1px solid #3b82f633;border-radius:5px;width:fit-content;padding:5px 8px;font-size:14px;font-weight:500}.item-view .item-details .item-main .item-meta .item-stock{color:#15803d;background:#22c55e1a;border:1px solid #22c55e33;border-radius:5px;width:fit-content;padding:5px 8px;font-size:14px;font-weight:500}.item-view .item-details .item-main .item-meta .item-measurement{color:#7c3aed;background:#a855f71a;border:1px solid #a855f733;border-radius:5px;width:fit-content;padding:5px 8px;font-size:14px;font-weight:500}.item-view .item-details .item-main .item-categories{color:#64748b;flex-flow:column wrap;row-gap:15px;font-size:16px;display:flex}.item-view .item-details .item-main .item-categories .category-tag{color:var(--primary-color);background:#3b82f61a;border:1px solid #3b82f633;border-radius:5px;width:fit-content;padding:5px 10px;font-weight:500}.item-view .item-details .item-main .item-categories-inner{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.item-view .item-details .item-main .item-media-section .media-header{color:#475569;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.item-view .item-details .item-main .item-media-section .media-header h3{color:var(--primary-color);margin:0;font-size:1.1rem;font-weight:600}.item-view .item-details .item-main .item-media-section .media-header .media-icon{color:var(--primary-color);font-size:1.2rem}.item-view .item-details .item-main .item-media-section .item-media{flex-wrap:wrap;gap:10px;display:flex}.item-view .item-details .item-main .item-media-section .item-media .featured-image{border-radius:5px;position:relative;overflow:hidden}.item-view .item-details .item-main .item-media-section .item-media .featured-image .image-label{text-align:center;color:#fff;background:linear-gradient(135deg,#000c,#0009);width:100%;padding:2px 6px;font-size:12px;font-weight:500;position:absolute;bottom:0;left:0}.item-view .item-details .item-main .item-media-section .item-media img{object-fit:cover;border-radius:5px;width:100px;max-width:100%;height:100px;box-shadow:0 4px 6px #0000000c}.item-view .item-details .item-batches{background:#fff;border:1px solid #fff3;border-radius:5px;margin-top:20px;padding:20px;box-shadow:0 4px 6px #0000000c}.item-view .item-details .item-batches h2{color:#1e293b;margin-bottom:15px;font-size:20px;font-weight:600;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{border-top:2px solid var(--primary-color);padding-top:20px}.item-view .item-details .item-main .item-categories-inner{flex-wrap:wrap;display:flex}}@media (max-width:768px){.item-view{padding:0}.item-view .item-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px;padding:10px}.item-view .item-header h1{margin-bottom:5px;font-size:20px}.item-view .item-details-section{flex-wrap:wrap;gap:10px 20px;display:flex}.item-view .item-details .item-main{margin-bottom:15px;padding:10px}.item-view .item-details .item-main h1{font-size:20px}.item-view .item-details .item-main .item-meta{align-items:center;gap:10px;margin-bottom:0}.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;align-items:center;gap:10px;font-size:12px}.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{border-top:1px solid #3b82f633;margin-bottom:10px;padding-top:10px}.item-view .item-details .item-main .item-media-section .media-header h3,.item-view .item-details .item-main .item-media-section .media-header .media-icon{font-size:14px}.item-view .item-details .item-batches{margin-top:15px;padding:10px}.item-view .item-details .item-batches h2{margin-bottom:10px;padding-bottom:8px;font-size:16px}}@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{flex-direction:column;gap:1.25rem;display:flex}.import-items-modal .import-items-modal-content .import-items-title{color:var(--primary-color);margin-bottom:.5rem;font-size:24px;font-weight:600}.import-items-modal .import-items-modal-content .import-items-file-input{color:#333;cursor:pointer;background-color:#f9f9f9;border:1px solid #e2e8eb;border-radius:5px;padding:.6rem .75rem;font-size:16px}.import-items-modal .import-items-modal-content .import-items-file-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color), .2);outline:none}.import-items-modal .import-items-modal-content .import-items-actions{justify-content:flex-end;gap:1rem;display:flex}.import-items-modal .import-items-modal-content .import-items-cancel-button{background-color:var(--primary-light);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 12px;font-size:16px;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);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 12px;font-size:16px;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,#fff 0% 50%,#f4f4f4 50% 100%);border:1px solid #e2e8eb;justify-content:space-between;align-items:center;gap:20px;padding:20px 20px 30px;display:flex}@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{flex:1;align-items:center;gap:20px;display:flex}.batch-dashboard .dashboard-header .product-display .image-container{position:relative}.batch-dashboard .dashboard-header .product-display .image-container .product-img{background:#fff;border:3px solid #e2e8eb;border-radius:5px;box-shadow:0 4px 6px #0000000c}.batch-dashboard .dashboard-header .product-display .product-info .title-actions{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.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{color:#2e2e2e;text-transform:capitalize;font-size:28px;font-weight:700}.batch-dashboard .dashboard-header .product-display .product-info .batch-info{flex-wrap:wrap;gap:10px;display:flex}.batch-dashboard .dashboard-header .product-display .product-info .batch-info .batch-badge,.batch-dashboard .dashboard-header .product-display .product-info .batch-info .invoice-badge{color:#999;background:#fff;border:1px solid #e2e8eb;border-radius:5px;padding:5px 10px;font-size:14px}.batch-dashboard .dashboard-header .header-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.batch-dashboard .dashboard-header .header-stats .stat-pill{color:#384b70;background:#384b701a;border:1px solid #384b7033;border-radius:5px;align-items:center;gap:5px;padding:6px 10px;font-size:14px;font-weight:600;display:flex}.batch-dashboard .dashboard-header .header-stats .stat-pill .stat-icon{font-size:14px}.batch-dashboard .dashboard-header .header-stats .buttons{padding:6px 10px;font-size:14px;font-weight:600}.batch-dashboard .financial-strip{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:-20px auto 30px;padding:0 20px;display:flex;position:relative}@media (max-width:768px){.batch-dashboard .financial-strip{gap:10px;margin:-10px auto 20px;padding:0 10px}}.batch-dashboard .financial-strip .financial-tile{background:#fff;border:1px solid #e2e8eb;border-radius:5px;grid-template-columns:50px auto;min-width:200px;display:grid;overflow:hidden;box-shadow:0 4px 6px #0000000c}.batch-dashboard .financial-strip .financial-tile.cost{border-top:2px solid #01a601}.batch-dashboard .financial-strip .financial-tile.sale{border-top:2px solid #384b70}.batch-dashboard .financial-strip .financial-tile.expiry{border-top:2px solid #fc0}.batch-dashboard .financial-strip .financial-tile .tile-icon{color:#333;background-color:var(--primary-light-rgb);justify-content:center;align-items:center;font-size:20px;display:flex}.batch-dashboard .financial-strip .financial-tile .tile-content{flex-direction:column;gap:5px;padding:5px 10px;display:flex}.batch-dashboard .financial-strip .financial-tile .tile-content label{color:#999;margin:0}.batch-dashboard .financial-strip .financial-tile .tile-content .tile-value{color:#2c2b2e;font-size:20px;font-weight:600}.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{grid-template-columns:1fr 1fr;gap:30px;padding:0 20px;display:grid}@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{flex-direction:column;gap:20px;display:flex}.batch-dashboard .dashboard-layout .details-column .section-module{height:100%}.batch-dashboard .section-module{background:#fff;border:1px solid #e2e8eb;border-radius:5px;overflow:hidden;box-shadow:0 4px 6px #0000000c}.batch-dashboard .section-module .barcode-header{justify-content:space-between}.batch-dashboard .section-module .barcode-header h3{align-items:center;gap:5px;display:flex}.batch-dashboard .section-module .barcode-header .header-actions{align-items:center;gap:10px;display:flex}.batch-dashboard .section-module .module-header{background:linear-gradient(135deg,#f4f4f4 0%,#f8fafc 100%);border-bottom:1px solid #e2e8eb;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.batch-dashboard .section-module .module-header .module-icon{color:#384b70;font-size:18px}.batch-dashboard .section-module .module-header h3{color:#2e2e2e;margin:0;font-size:18px;font-weight:600}.batch-dashboard .section-module .module-content{padding:20px}.batch-dashboard .variants-module,.batch-dashboard .barcode-module{margin:20px}.batch-dashboard .barcode-module .barcode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.batch-dashboard .barcode-module .barcode-grid .barcode-card{border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex}.batch-dashboard .detail-stack{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:768px){.batch-dashboard .detail-stack{flex-direction:column}}.batch-dashboard .detail-stack .detail-row{border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}@media (max-width:768px){.batch-dashboard .detail-stack .detail-row{width:100%}}.batch-dashboard .detail-stack .detail-row .detail-icon{color:#384b70;background:#f4f4f4;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.batch-dashboard .detail-stack .detail-row .detail-content{flex:1}.batch-dashboard .detail-stack .detail-row .detail-content .detail-label{color:#333;margin-bottom:50px;font-size:15px;font-weight:500}.batch-dashboard .detail-stack .detail-row .detail-content .detail-value{color:#2c2b2e;text-transform:capitalize;font-size:16px;display:block}.batch-dashboard .timeline-vertical{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.batch-dashboard .timeline-vertical .timeline-event{border:1px solid #e2e8eb;border-radius:5px;flex:1;align-items:center;gap:10px;padding:10px;display:flex;position:relative}.batch-dashboard .timeline-vertical .timeline-event:before{content:"";border-radius:2px;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.batch-dashboard .timeline-vertical .timeline-event.event-manufacture:before{background:#01a601}.batch-dashboard .timeline-vertical .timeline-event.event-purchase:before{background:#384b70}.batch-dashboard .timeline-vertical .timeline-event.event-expiry:before{background:#fc0}.batch-dashboard .timeline-vertical .timeline-event .event-icon{color:#384b70;background:#f4f4f4;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.batch-dashboard .timeline-vertical .timeline-event .event-content{flex:1}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-label{color:#2e2e2e;align-items:center;gap:4px;margin-bottom:4px;font-size:16px;font-weight:600;display:flex}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-date{color:#333;margin-bottom:6px;font-size:14px;font-weight:500}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status{border-radius:5px;padding:2px 5px;font-size:14px;font-weight:500;display:inline-block}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status.expired{color:#ff4c51;background:#ff4c511a}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status.expiring-soon{color:#fc0;background:#ffcc001a}.batch-dashboard .timeline-vertical .timeline-event .event-content .event-status.valid{color:#01a601;background:#01a6011a}.batch-dashboard .variants-stack{grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;display:grid}.batch-dashboard .variants-stack .variant-item{border:1px solid #e2e8eb;border-radius:5px;padding:10px 12px;transition:all .3s}.batch-dashboard .variants-stack .variant-item .variant-header{justify-content:space-between;align-items:flex-start;margin-bottom:5px;display:flex}.batch-dashboard .variants-stack .variant-item .variant-header h3{color:var(--primary-color);margin:0;font-size:16px;font-weight:600}.batch-dashboard .variants-stack .variant-item .stock-badge{border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.batch-dashboard .variants-stack .variant-item .stock-badge.in-stock{color:#01a601;background-color:#01a6011a}.batch-dashboard .variants-stack .variant-item .stock-badge.out-of-stock{color:#ff4c51;background-color:#ff4c511a}.batch-dashboard .variants-stack .variant-item .attributes-container{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.batch-dashboard .variants-stack .variant-item .attribute-tag{color:#2e2e2e;background-color:#f3f3f3;border-radius:5px;padding:4px 10px;font-size:14px;font-weight:500}.batch-dashboard .variants-stack .variant-item .variant-metric{background-color:#f4f4f4;border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.batch-dashboard .variants-stack .variant-item .variant-metric .metric-label{color:#333;margin:0 0 3px;font-size:14px;font-weight:500}.batch-dashboard .variants-stack .variant-item .variant-metric .metric-value{color:#2e2e2e;margin:0;font-size:16px;font-weight:700}.scanner-ui{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.scanner-ui .scanner-text{color:#666;font-size:14px}.scanner-ui .scanned-code-display{color:#2c2b2e;margin-top:10px;font-size:16px;font-weight:600}@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{padding:3px 8px;font-size:12px}.batch-dashboard .dashboard-header .header-stats{gap:6px}.batch-dashboard .dashboard-header .header-stats .stat-pill,.batch-dashboard .dashboard-header .header-stats button{padding:6px 10px;font-size:12px}.batch-dashboard .financial-strip{gap:10px;margin:-10px auto 20px;padding:0 10px}.batch-dashboard .financial-strip .financial-tile{grid-template-columns:40px auto;min-width:160px}.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;gap:20px;padding:0 10px}.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 .variants-module,.batch-dashboard .barcode-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{text-align:center;padding:8px;font-size:12px;overflow:hidden}.batch-dashboard .barcode-module .barcode-grid .barcode-card img{width:100%;max-width:200px}.batch-dashboard .barcode-module .barcode-grid .barcode-card .barcode-code{white-space:nowrap;text-overflow:ellipsis;width:100%;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{margin-bottom:3px;font-size:13px}.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{padding:2px 6px;font-size:12px}.batch-dashboard .variants-stack{grid-template-columns:1fr;gap:10px;padding:5px}.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 .stock-badge,.batch-dashboard .variants-stack .variant-item .attribute-tag{padding:3px 8px;font-size:12px}.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{margin-top:0;font-size:14px}.batch-dashboard .details-grid{flex-direction:column;gap:5px;display:flex}.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{background-color:#fff;border-radius:5px;padding:20px}.challan-form .challan-form-logo-name-outer{border-bottom:1px solid var(--primary-light);flex-direction:column;align-items:center;gap:8px;padding-bottom:10px;display:flex}.challan-form .challan-form-logo-name-outer h1{color:var(--primary-color)}.challan-form .challan-form-company-logo img{border-radius:50px}.challan-form .challan-form-section-one{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.challan-form .saller-and-buyer-secton{grid-template-columns:1fr 1fr;gap:20px;display:grid}.challan-form .input-group{flex-direction:column;gap:5px;min-width:120px;display:flex}.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:5px;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:0 0;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{background-color:#fafafa;border-radius:5px;grid-template-columns:repeat(2,1fr);gap:15px;padding:10px;display:grid}.challan-form .challan-form-buyer-details-section .input-group,.challan-form .challan-form-saller-details-section .input-group{margin-bottom:8px}.challan-form .buyer-lagend,.challan-form .Seller-lagend{color:var(--primary-color);font-weight:500}.challan-form .challan-form-tax-modal-section{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;display:grid}.challan-form select{border-radius:5px;width:100%;padding:10px}.challan-form .challan-form-items-section{margin-top:20px}.challan-form .challan-form-items-section h3{color:var(--primary-color);margin:10px 0;font-size:24px}.challan-form .challan-form-items-section .challan-form-item{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;grid-template-columns:repeat(5,1fr);align-items:flex-end;gap:20px;margin-bottom:20px;padding:20px;display:grid;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{justify-content:space-between;align-items:center;gap:5px;display:flex;position:absolute;top:5px;right:5px}.challan-form .challan-form-items-section .challan-form-item .input-group-actions button{cursor:pointer;background-color:#0000;border:none;border-radius:5px;justify-content:center;align-items:center;padding:5px;display:flex}.challan-form .challan-form-items-section .challan-form-item .input-group-actions .remove-p-c-item{color:#fff;background-color:#ff4c51}.challan-form .challan-form-items-section .challan-form-item .input-group-actions .show-break-down{background-color:var(--primary-light-rgb);color:var(--primary-color)}.challan-form .challan-form-items-section .challan-form-item .tax-calculation-section{flex-wrap:wrap;grid-column:1/-1;gap:20px;display:flex}.challan-form .challan-form-items-section .challan-form-item .tax-calculation-section .tax-calculation-display{flex:1}.challan-form .challan-form-items-section .challan-form-item .show-break-down{background-color:#0000;border:none}.challan-form .challan-form-items-section .challan-form-item .show-break-down .btn-icon{color:var(--primary-color);font-size:18px}.challan-form .total-amount-outer-container{flex-direction:column;gap:10px;display:flex}.challan-form .total-amount-outer-container .total-amount-container{background:var(--primary-light);color:#2c3e50;border:1px solid #0000000d;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;padding:20px 30px;font-family:Segoe UI,sans-serif;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.challan-form .total-amount-outer-container .total-amount-label{color:#fff;letter-spacing:.5px;margin-bottom:6px;font-size:1rem;font-weight:600}.challan-form .total-amount-outer-container .total-amount-value{color:#01a601;font-size:24px;font-weight:700;position:relative}.challan-form .challan-form-add-item{margin-bottom:20px}.challan-form .challan-form-action{justify-content:flex-end;align-items:center;margin:30px 0;display:flex}@media (max-width:868px){.challan-form .saller-and-buyer-secton{grid-template-columns:1fr;gap:20px;display:grid}}@media (max-width:768px){.challan-form{padding:10px}.challan-form .challan-form-logo-name-outer h1{color:var(--primary-color);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{align-self:flex-end;margin-top:10px;position:relative;top:auto;right:auto}.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{padding:8px;font-size:14px}.challan-form .challan-form-items-section h3{font-size:20px}.challan-form .challan-form-items-section .challan-form-item{grid-template-columns:repeat(1,1fr);padding:15px}.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{border-radius:5px;padding:10px;box-shadow:0 4px 6px #0000000c}.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{background:#fff;border-radius:5px;max-width:999px;margin:2rem auto;padding:20px;box-shadow:0 4px 6px #0000000c}.purchase-challan-invoice .purchase-challan-header{border-bottom:2px solid #e2e8eb;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.purchase-challan-invoice .purchase-challan-header h1{color:#384b70;margin:0 0 .3rem;font-size:24px}.purchase-challan-invoice .purchase-challan-header .purchase-challan-number{color:#2f405f;font-size:15px;font-weight:600}.purchase-challan-invoice .purchase-challan-header .purchase-challan-date span{color:#2e2e2e;margin-right:.3rem;font-weight:700}.purchase-challan-invoice .purchase-challan-header .purchase-challan-date strong{color:#1b1b1b;font-weight:700}.purchase-challan-invoice .purchase-challan-parties{gap:3rem;margin-bottom:2rem;display:flex}.purchase-challan-invoice .purchase-challan-parties .purchase-challan-from h3{color:#384b70;border-bottom:1.5px solid #384b70;margin-bottom:.8rem;padding-bottom:.3rem;font-size:18px}.purchase-challan-invoice .purchase-challan-parties .purchase-challan-from .company-info p{color:#333;margin:.2rem 0;font-size:16px;font-weight:600;line-height:1.4}.purchase-challan-invoice .purchase-challan-items .table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.purchase-challan-invoice .purchase-challan-items table{border-collapse:collapse;width:100%;margin-bottom:2rem}.purchase-challan-invoice .purchase-challan-items table th,.purchase-challan-invoice .purchase-challan-items table td{text-align:left;vertical-align:middle;white-space:nowrap;border:1px solid #e2e8eb;padding:.6rem .8rem;font-size:15px}.purchase-challan-invoice .purchase-challan-items table th{color:#fff;background-color:#384b70;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 #384b70;border:1px solid var(--primary-light);padding:10px;box-shadow:0 4px 6px #0000000c}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals .total-row{color:#333;border-bottom:1px solid #e2e8eb;justify-content:space-between;padding:.5rem 0;font-size:15px;display:flex}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals .total-row.grand-total{color:#2f405f;border-bottom:none;font-size:18px;font-weight:700}.purchase-challan-invoice .invoice-error,.purchase-challan-invoice .invoice-empty{text-align:center;color:#ff4c51;margin-top:3rem;font-size:15px}.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{-webkit-overflow-scrolling:touch;overflow-x:auto}.purchase-challan-invoice .purchase-challan-items table{width:max-content;font-size:14px}.purchase-challan-invoice .purchase-challan-items table th,.purchase-challan-invoice .purchase-challan-items table td{padding:.4rem .6rem}}.vendor-details-page .vendor-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.vendor-details-page .vendor-header .view-vendor-action-button-outter{gap:10px;display:flex}.vendor-details-page .vendor-header .edit-button{color:var(--primary-color)}.vendor-details-page .vendor-header .delete-button{color:#ff4c51}.vendor-details-page .vendor-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px}.vendor-details-page .vendor-title{color:var(--primary-color);margin:0;font-size:22px}.vendor-details-page .vendor-info{flex-wrap:wrap;gap:10px;margin-top:20px;padding:0 20px;display:flex}.vendor-details-page .vendor-info p{flex:1;gap:5px;margin:0;font-size:14px;display:flex}.vendor-details-page .vendor-info p strong{color:var(--primary-color);font-weight:600}.vendor-details-page .vendor-invoices-section .vendor-invoices-summary{margin-top:20px}.vendor-details-page .vendor-items-section{flex-direction:column;margin-top:20px;padding:0 20px;display:flex}.vendor-details-page .vendor-items-section .toggle-items-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:600;display:flex}.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-color)}@media (max-width:768px){.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{color:#333;background-color:#f8f9fa;min-height:100vh;line-height:1.6}.vendor-invoice-container .invoice-header{flex-direction:column;margin-top:10px;margin-bottom:10px;padding:0 20px;display:flex}.vendor-invoice-container .invoice-header .invoice-number{color:#fff;background-color:var(--primary-color);border-radius:5px;margin-top:0;padding:10px;font-size:.875rem}.vendor-invoice-container .invoice-header .vendor-invoice-header-inner{flex-direction:column;display:flex}.vendor-invoice-container .invoice-title{color:#2c3e50;margin-bottom:.5rem;font-size:2rem;font-weight:700}.vendor-invoice-container .invoice-status{border-radius:1rem;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.vendor-invoice-container .invoice-status.paid{color:#155724;background-color:#d4edda}.vendor-invoice-container .invoice-status.due{color:#721c24;background-color:#f8d7da}.vendor-invoice-container .invoice-date-box{text-align:right;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;margin-top:1rem;padding:.75rem 1rem;box-shadow:0 1px 3px #0000001a}.vendor-invoice-container .invoice-date-label{color:#6c757d;margin-bottom:.25rem;font-size:.75rem}.vendor-invoice-container .invoice-card{background:#fff;border:1px solid #e9ecef;margin:auto;overflow:hidden;box-shadow:0 4px 6px #0000000d}.vendor-invoice-container .vendor-info-section{border-bottom:1px solid #e9ecef;padding:1.5rem}.vendor-invoice-container .section-title{color:#2c3e50;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.vendor-invoice-container .vendor-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.vendor-invoice-container .vendor-details-outer{border-left:3px solid var(--primary-color);background-color:#f3f3f3;border-radius:5px;padding:10px}.vendor-invoice-container .vendor-detail-item{border-bottom:1px dashed var(--primary-color);margin-bottom:.5rem}.vendor-invoice-container .payment-method-outer{border-top:1px dashed var(--primary-color);padding-top:5px}.vendor-invoice-container .vendor-detail-label{color:#495057;font-weight:600}.vendor-invoice-container .financial-summary{border-bottom:1px solid #e9ecef;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1.5rem;display:grid}.vendor-invoice-container .summary-card{text-align:center;background-color:#f8f9fa;border-radius:.5rem;padding:1rem}.vendor-invoice-container .summary-card.total{color:#fff;background-color:#384b70}.vendor-invoice-container .summary-title{color:inherit;margin-bottom:.5rem;font-size:.875rem}.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{margin-bottom:100px;padding:1.5rem}.vendor-invoice-container .items-table{border-collapse:collapse;width:100%}.vendor-invoice-container .items-table th{text-align:left;color:#495057;background-color:#f8f9fa;border-bottom:2px solid #e9ecef;padding:.75rem 1rem;font-weight:600}.vendor-invoice-container .items-table td{vertical-align:top;border-bottom:1px solid #e9ecef;padding:1rem}.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-color)}.vendor-invoice-container .Vendor-invoice-repay-btn-outer{justify-content:flex-end;margin:20px;display:flex}@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{justify-content:space-between;align-items:center;display:flex}.vendor-invoice-container .invoice-date-box{margin-top:0}}.items-list-container{margin:10px 0}.items-list-container .section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px;display:flex}.items-list-container .section-header h3{color:#384b70;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.items-list-container .header-icon{color:#384b70;font-size:18px}.items-list-container .items-horizontal-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.items-list-container .horizontal-item-card{background:#fff;border:1px dashed #384b70;border-radius:5px;height:max-content;padding:12px;transition:all .2s;box-shadow:0 1px 3px #7e22ce1a}.items-list-container .horizontal-item-card:hover{box-shadow:0 2px 6px #7e22ce26}.items-list-container .horizontal-item-card .item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.items-list-container .horizontal-item-card .item-header .item-title-wrapper{flex-direction:column;flex:1;gap:6px;display:flex}.items-list-container .horizontal-item-card .item-header .item-title-wrapper .item-name{color:#1e293b;margin:0;font-size:18px;font-weight:600;line-height:1.2}.items-list-container .horizontal-item-card .item-price-tag{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:15px;font-weight:600;display:flex}.items-list-container .horizontal-item-card button{color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:6px;font-size:12px;transition:all .2s;display:flex}.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-color);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{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.items-list-container .horizontal-item-card .basic-details-row .detail-chip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:15px;font-weight:500;display:flex}.items-list-container .horizontal-item-card .basic-details-row .detail-chip.highlight{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none}.items-list-container .horizontal-item-card .basic-details-row .chip-icon{opacity:.8;font-size:15px}.items-list-container .horizontal-item-card .additional-details-grid{flex-wrap:wrap;gap:8px;display:flex}.items-list-container .horizontal-item-card .additional-details-grid .detail-item{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.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{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.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{white-space:nowrap;flex-direction:column;flex:1;gap:5px;display:flex}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-content .detail-title{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:500;line-height:1}.items-list-container .horizontal-item-card .additional-details-grid .detail-item .detail-content .detail-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.items-list-container .horizontal-item-card .additional-details-grid select{color:#1e293b;cursor:pointer;background-color:#0000;border:none;padding:0;font-size:15px;font-weight:600;line-height:1.2}.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{border:none;padding:0;font-size:15px}.items-list-container .horizontal-item-card .additional-details-grid .tax-selector .addvendor-dropdown .vendors-header{color:#1e293b;font-size:15px;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{background:#f8f9fa;border:1px solid #e2e8eb;border-radius:5px;margin-top:20px;padding:10px 12px}.overall-tax-summary .section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px;display:flex}.overall-tax-summary .section-header h3{color:#384b70;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.overall-tax-summary .tax-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:10px;display:grid}.overall-tax-summary .tax-summary-grid .summary-card{text-align:center;background:#fff;border:1px solid #e2e8eb;border-radius:5px;padding:10px}.overall-tax-summary .tax-summary-grid .summary-card .summary-label{color:#6c757d;margin-bottom:5px;font-size:15px;font-weight:500}.overall-tax-summary .tax-summary-grid .summary-card .summary-value{color:#2c2b2e;font-size:18px;font-weight:600}@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{padding:3px 6px;font-size:10px}.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;align-items:flex-start;gap:6px;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{gap:20px;width:100%;margin:20px 0;display:flex}.hr-hero-wrapper .time-stats-wrapper{flex:1;gap:20px;display:flex}.hr-hero-wrapper .time-stats-wrapper .time-section{text-align:center;background:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;align-items:center;min-width:220px;padding:20px;display:flex}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container{flex-direction:column;align-items:center;gap:5px;display:flex}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container svg{cursor:pointer;transition:all 1s ease-out}.hr-hero-wrapper .time-stats-wrapper .time-section .time{color:#1b1b1b;letter-spacing:-.5px;margin:8px 0;font-size:24px;font-weight:600}.hr-hero-wrapper .time-stats-wrapper .time-section .date{color:#999;font-size:14px;font-weight:500}.hr-hero-wrapper .time-stats-wrapper .time-section .realtime-label{color:#999;background:#f8f9fc;border-radius:10px;margin-top:8px;padding:4px 8px;font-size:12px}.hr-hero-wrapper .time-stats-wrapper .time-section .attendance-btn{background:var(--primary-color);color:#fff;border-radius:6px;margin-top:16px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.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{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-link{height:100%;text-decoration:none}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box{background:#fff;border:1px solid #e2e8eb;border-radius:5px;height:100%;padding:20px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box h2{color:#1b1b1b;letter-spacing:-.5px;margin-bottom:10px;font-size:22px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .label{color:#333;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .note{color:#999;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:15px;overflow:hidden}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .card-icon{color:#fff;background:var(--primary-color);border-radius:12px;justify-content:center;align-items:center;width:35px;height:35px;font-size:18px;display:flex}.hr-attandance-status .hr-at-st-tabs{border-bottom:1px solid #e2e8eb;justify-content:flex-end;margin-bottom:20px;display:flex}@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{grid-template-columns:repeat(2,1fr);padding:10px;display:grid}.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{width:40px;height:40px;margin:0}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container span{white-space:nowrap;margin:0}.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{white-space:nowrap;margin-top:10px;margin-bottom:4px;font-size:12px}.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}.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{text-align:right;align-items:center;gap:10px;display:flex}.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{cursor:pointer;border:none;border-radius:5px;outline:none;padding:4px 8px;font-weight:500}.status-green{color:#01a601;background-color:#e6f5ec}.status-orange{color:#ff4c51;background-color:#fff4e5}.status-red{color:#ff4c51;background-color:#fdecea}.pay-slip-container .page-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:10px}.pay-slip-container .page-header h1{color:var(--primary-color);align-items:center;gap:12px;margin-bottom:8px;font-size:28px;font-weight:700;display:flex}.pay-slip-container .page-header .subtitle{color:#64748b;font-size:16px;font-weight:400}.pay-slip-container .employee-profile-section{background:#fff;border-radius:5px;margin-bottom:20px;padding:10px 12px}.pay-slip-container .employee-profile-section h2{color:#1e293b;border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:600}.pay-slip-container .employee-profile-section .employee-info-grid{flex-wrap:wrap;gap:10px;display:flex}.pay-slip-container .salary-details-section{background:#fff;border-radius:5px;padding:10px 12px}.pay-slip-container .salary-details-section .section-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.pay-slip-container .salary-details-section .section-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}.pay-slip-container .salary-details-section .section-header .filter-controls{align-items:center;gap:10px;display:flex}.pay-slip-container .salary-details-section .section-header .filter-controls label{color:#475569;white-space:nowrap;font-size:14px;font-weight:500}.pay-slip-container .salary-details-section .section-header .filter-controls select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;min-width:150px;padding:5px 10px;font-size:14px;transition:border-color .2s}.pay-slip-container .salary-details-section .section-header .filter-controls select:focus{border-color:var(--primary-light);outline:none}.pay-slip-container .salary-details-section .salary-stats-grid{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card{white-space:nowrap;background:#f8fafc;border-radius:5px;flex-direction:column;flex:1;gap:5px;padding:10px;display:flex}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-label{color:#64748b;font-size:14px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value{color:#1e293b;font-size:18px;font-weight:600}.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{background:#f8fafc;border-radius:5px;flex-direction:column;padding:10px;display:flex}.pay-slip-container .info-row .icon-label{align-items:center;gap:8px;display:flex}.pay-slip-container .info-row .icon-label .icon{color:var(--primary-color);align-items:center;font-size:14px;display:flex}.pay-slip-container .info-row .label{color:#64748b;font-size:13px;font-weight:500}.pay-slip-container .info-row .value{color:#1e293b;word-break:break-word;margin-top:4px;padding-left:22px;font-size:14px;font-weight:500}.pay-slip-container .info-row .value.link{color:var(--primary-color);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{gap:8px;font-size:22px}.pay-slip-container .page-header .subtitle{font-size:14px}.pay-slip-container .employee-profile-section,.pay-slip-container .salary-details-section{margin-bottom:15px;padding:8px 10px}.pay-slip-container .employee-profile-section h2,.pay-slip-container .salary-details-section h2{margin-bottom:15px;font-size:18px}.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{padding-left:18px;font-size:13px}.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{min-width:120px;padding:4px 8px;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{background:#fff;border-radius:5px;padding:20px;box-shadow:0 2px 10px #0000000d}.edit-user-container .edit-user-title{color:#222;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.edit-user-container .edit-user-form{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.edit-user-container .edit-user-form .form-group{flex-direction:column;display:flex}.edit-user-container .edit-user-form .form-group .form-input,.edit-user-container .edit-user-form .form-group .form-select{border:1px solid var(--primary-color);color:#161616;background:#fff;border-radius:5px;padding:10px 12px;font-size:14px}.edit-user-container .edit-user-form .form-group.full-width{grid-column:span 2}.edit-user-container .edit-user-form-smt-btn{justify-content:flex-end;display:flex}.employee-profile-container{color:#333}.employee-profile-container .employee-profile-nav{justify-content:space-between;align-items:center;display:flex}.employee-profile-container .employee-profile-inner-container{background:#fff;border-radius:5px;padding:30px 20px}.employee-profile-container .employee-profile-inner-container .not-found{text-align:center;color:#ff4c51;padding:40px;font-size:18px}.employee-profile-container .employee-profile-inner-container .profile-header{align-items:center;gap:30px;padding:0 15px 25px;display:flex}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-image{object-fit:cover;border:3px solid rgba(var(--primary-color), .1);border-radius:50%;width:100px;height:100px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-initial{background:linear-gradient(135deg, rgba(var(--primary-color), .2), #ff4c5133);width:85px;height:85px;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;font-size:50px;font-weight:700;display:flex}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content{flex:1;justify-content:space-between;align-items:center;display:flex}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title h1{color:var(--primary-color);margin:0;font-size:24px;font-weight:600}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta{gap:10px;margin-top:10px;display:flex}.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{border-radius:5px;padding:4px 12px;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-color), .1);color:var(--primary-color)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .badge.status{color:#01a601;background:#01a6011a}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions{gap:15px;display:flex}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:5px;height:40px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.primary{background:var(--primary-color);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 #0000001a}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.danger{color:#ff4c51;background:#ff4c511a}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.danger:hover{background:#ff4c5133}.employee-profile-container .employee-profile-inner-container .profile-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;display:grid}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;padding:10px;transition:all .3s}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title{color:#2c2b2e;border-bottom:1px solid #e2e8eb;align-items:center;gap:10px;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:600;display:flex}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title i,.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title h4{color:var(--primary-color)}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid .info-item .info-label{color:#999;margin-bottom:5px;font-size:14px;font-weight:500;display:block}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid .info-item .info-value{color:#333;word-break:break-word;font-size:15px;font-weight:400;display:block}.employee-profile-container .employee-profile-inner-container .profile-grid .basic-info{border-top:3px solid var(--primary-color)}.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{align-items:center;gap:1rem;display:flex;position:relative}.employee-profile-container .desktop-only{gap:15px;display:flex}.employee-profile-container .mobile-only{display:none}.employee-profile-container .dots-button{cursor:pointer;color:var(--primary-color);background:0 0;border:none;font-size:27px;font-weight:700}.employee-profile-container .dropdown-menu{z-index:10;background:#fff;border-radius:5px;width:150px;padding:10px 0;position:absolute;top:100%;right:0;box-shadow:0 2px 10px #0000001a}.employee-profile-container .dropdown-menu button{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;width:100%;padding:.5rem 1rem;font-size:15px;display:flex}.employee-profile-container .dropdown-menu button:active{border-right:2px solid var(--primary-color);background-color:#f1f9f9}.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{color:green;border-bottom:1px solid gray}@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-color)}}@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{flex-direction:column;display:flex}.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{gap:10px;display:flex}.attendamce-t-btns-outer .approve-btn,.attendamce-t-btns-outer .reject-btn{color:#fff;border-radius:5px;align-items:center;padding:4px 5px;font-size:14px;display:flex}.attendamce-t-btns-outer .approve-btn{background-color:#01a601}.attendamce-t-btns-outer .reject-btn{background-color:#ff4c51}.view-attendance img{object-fit:cover;border-radius:5px;width:50px;height:50px}.employee-form-container{flex-direction:column;display:flex}.employee-form-container .form-header{border-bottom:1px solid #eee;align-items:center;gap:15px;margin-bottom:0;padding:10px 20px;display:flex}.employee-form-container .form-header .back-button{margin:0}.employee-form-container .form-header h4{color:var(--primary-color);margin:0}.employee-form-container .form-content-wrapper form{grid-template-columns:2fr 1fr;gap:20px;display:grid}.employee-form-container .form-sidebar{flex-direction:column;flex-shrink:0;gap:20px;display:flex}.employee-form-container .image-upload-card{background:#fff;border-radius:5px;padding:20px}.employee-form-container .image-upload-card h3{color:var(--primary-color);align-items:center;gap:8px;margin-top:0;margin-bottom:15px;font-size:16px;display:flex}.employee-form-container .image-preview{border:1px dashed #ccc;border-radius:4px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:15px;display:flex;overflow:hidden}.employee-form-container .image-preview img{object-fit:cover;width:100%;height:100%}.employee-form-container .image-preview .placeholder{color:#999;flex-direction:column;align-items:center;display:flex}.employee-form-container .upload-controls{flex-direction:column;display:flex}.employee-form-container .file-input{display:none}.employee-form-container .upload-button{color:var(--primary-color);cursor:pointer;background-color:#f0f0f0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 15px;font-size:14px;transition:background-color .3s;display:inline-flex}.employee-form-container .upload-button:hover{background-color:var(--primary-light);color:#fff}.employee-form-container .form-main-content{flex-direction:column;flex-grow:1;gap:20px;display:flex}.employee-form-container .form-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;overflow:hidden}.employee-form-container .form-card-title{color:var(--primary-color);border-bottom:1px solid #d9d9d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.employee-form-container .form-card-title h3{font-size:18px;font-weight:600}.employee-form-container .form-card-title .icon{color:var(--primary-color)}.employee-form-container .form-card-content{padding:40px 20px}.employee-form-container .form-grid{grid-template-columns:repeat(2,1fr);gap:30px 25px;display:grid}.employee-form-container .employee-field input::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:13px;font-weight:400}.employee-form-container .employee-field .select-field{color:#3c3939;background-color:#0000;border-radius:5px;width:100%;padding:10px 12px;font-size:13px;font-weight:400}.employee-form-container .employee-field .select-field.common-placeholder{color:#ccc}.employee-form-container .employee-field .select-field option{color:#000;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.employee-form-container .employee-field .select-field option[value=""]{color:#ccc}.employee-form-container .employee-field input,.employee-form-container .employee-field select{color:#3c3939;border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px}.employee-form-container .employee-field input:focus,.employee-form-container .employee-field select:focus{border-color:var(--primary-light);background:0 0;transform:scale(1)}.employee-form-container .employee-field select{cursor:pointer}.employee-form-container .error-message{color:#dc3545;margin-top:5px;font-size:12px}.employee-form-container .form-actions{flex-wrap:wrap;justify-content:flex-end;gap:15px;padding:20px 0;display:flex}.employee-form-container .form-button{cursor:pointer;white-space:nowrap;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .3s}.employee-form-container .form-button:hover{background-color:var(--primary-light)}.employee-form-container .form-button.secondary{background-color:var(--primary-light);color:#fff}.employee-form-container .form-button.secondary:hover{color:var(--primary-color);background-color:#f4f4f4}.employee-form-container .form-button:disabled{cursor:not-allowed;background-color:#ccc}.employee-form-container .toggle-icon-btn{border:2px solid var(--primary-color);fill:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.employee-form-container .toggle-icon-btn svg{color:var(--primary-color);font-size:12px}@media (max-width:992px){.employee-form-container .form-content-wrapper form{flex-direction:column;display:flex}.employee-form-container .form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,3fr));gap:10px 20px}.employee-form-container .form-sidebar{flex-direction:row;grid-template-columns:1fr 1fr;width:100%;display:flex}.employee-form-container .image-upload-card{width:calc(50% - 10px);padding:10px}}@media (max-width:768px){.employee-form-container{padding:0}.employee-form-container .form-card{margin:0}.employee-form-container .form-header{padding:5px 10px}.employee-form-container .form-header h2{font-size:20px}.employee-form-container .image-upload-card{width:100%}.employee-form-container .form-card-title,.employee-form-container .form-card-content{padding:10px}.employee-form-container .form-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:468px){.employee-form-container .form-sidebar,.employee-form-container .form-grid{flex-direction:column;display:flex}}.attendance-container .calendar-container{background-color:#fff;border-radius:8px;flex-direction:column;height:100%;padding:10px;display:flex;box-shadow:0 4px 6px #0000000c}.attendance-container .calendar-container .calendar{flex-direction:column;height:100%;display:flex}.attendance-container .calendar-container .calendar .not-logged-in{text-align:center;color:#999;width:100%;margin-top:auto;margin-bottom:auto;font-size:12px}.attendance-container .calendar-container .calendar .calendar-header{border-bottom:1px solid #eee;justify-content:center;align-items:center;margin-bottom:10px;padding:12px 0;display:flex}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav{align-items:center;gap:10px;display:flex}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .nav-button{color:#fff;cursor:pointer;background:#384b70;border:none;border-radius:6px;padding:6px 12px;font-size:14px;transition:background .2s}.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{cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;min-width:100px;padding:6px 10px;font-size:14px;transition:background .2s;display:flex}.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{z-index:10;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:200px;position:absolute;top:110%;left:0;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-container .dropdown-menu .dropdown-item{cursor:pointer;padding:8px 12px;font-size:14px;transition:background .2s}.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{color:#fff;background:#384b70}.attendance-container .calendar-container .calendar .calendar-grid-header{text-align:center;grid-template-columns:repeat(7,1fr);padding-bottom:5px;font-size:14px;display:grid}.attendance-container .calendar-container .calendar .calendar-grid{flex-grow:1;grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.attendance-container .calendar-container .calendar .calendar-grid .day{cursor:pointer;border:1px solid #ddd;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:80px;padding:5px;transition:background-color .2s;display:flex;position:relative}.attendance-container .calendar-container .calendar .calendar-grid .day:hover{background-color:#f1f1f1}.attendance-container .calendar-container .calendar .calendar-grid .day .day-number{margin-bottom:5px;font-weight:700}.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{text-align:center;margin-top:auto;font-size:12px}.attendance-container .calendar-container .calendar .calendar-grid .day .holiday-indicator{text-align:center;color:#fff;background-color:#384b70;border-radius:4px;margin-top:auto;padding:2px 6px;font-size:12px}.attendance-container .calendar-container .calendar .calendar-grid .day .offday-indicator{text-align:center;color:#fff;background-color:gray;border-radius:4px;margin-top:auto;padding:2px 6px;font-size:12px}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators{gap:4px;margin-top:auto;display:none}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators .indicator-dot{border-radius:50%;width:8px;height:8px}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators .indicator-dot.holiday{background:#00f}.attendance-container .calendar-container .calendar .calendar-grid .day .indicators .indicator-dot.offday{background:gray}.attendance-container .calendar-container .calendar .calendar-legend{justify-content:space-around;margin-top:15px;font-size:12px;display:none}.attendance-container .calendar-container .calendar .calendar-legend .legend-item{align-items:center;gap:5px;display:flex}.attendance-container .calendar-container .calendar .calendar-legend .legend-item .legend-dot{border-radius:50%;width:10px;height:10px}.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:#00f}.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{min-width:36px;padding:6px 8px}.attendance-container .calendar-container .calendar .calendar-header .calendar-nav .dropdown-toggle{min-width:70px;padding:6px 8px;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 .offday-indicator,.attendance-container .calendar-container .calendar .calendar-grid .day .mobile-hiddenn{display:none}.attendance-container .calendar-container .calendar .calendar-legend{gap:6px;font-size:9px;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{gap:4px;font-size:8px}}@media (min-width:769px){.attendance-container .mobile-only,.attendance-container .calendar-legend{display:none}}.supervisor-page{position:relative}.supervisor-page .dashboard-stats{white-space:nowrap;gap:16px;margin-bottom:20px;display:flex;overflow-x:scroll}.supervisor-page .dashboard-stats .stat-card{cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:12px;width:100%;min-width:280px;padding:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.supervisor-page .dashboard-stats .stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 6px #0000000c}.supervisor-page .dashboard-stats .stat-card:hover .stat-icon-wrapper{background-color:var(--primary-color)}.supervisor-page .dashboard-stats .stat-card:hover .stat-icon-wrapper svg{color:#fff}.supervisor-page .dashboard-stats .stat-card .stat-icon-wrapper{background-color:var(--primary-light-rgb);width:40px;height:40px;color:var(--primary-color);border-radius:5px;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.supervisor-page .dashboard-stats .stat-card .stat-icon-wrapper .stat-icon{font-size:24px}.supervisor-page .dashboard-stats .stat-card .stat-content h3{color:var(--primary-color);margin:0;font-size:20px;font-weight:600;line-height:1.2}.supervisor-page .dashboard-stats .stat-card .stat-content p{color:#6b7280;margin:2px 0 0;font-size:16px;font-weight:500}.supervisor-page .attendance-management{grid-template-columns:300px 1fr;gap:20px;display:grid}@media (max-width:1200px){.supervisor-page .attendance-management{grid-template-columns:1fr;height:auto}}.supervisor-page .attendance-management .employee-selection-panel{background:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;align-self:start;height:fit-content;transition:all .3s;display:flex;position:sticky;top:80px}@media (max-width:1200px){.supervisor-page .attendance-management .employee-selection-panel{position:relative;top:auto}}.supervisor-page .attendance-management .employee-selection-panel .panel-header{border-bottom:1px solid #e2e8eb;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.supervisor-page .attendance-management .employee-selection-panel .panel-header .header-content{flex:1;grid-template-columns:40px 1fr;align-items:flex-start;gap:10px;display:grid}.supervisor-page .attendance-management .employee-selection-panel .panel-header .header-content .icon-wrapper{background:var(--primary-light-rgb);border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.supervisor-page .attendance-management .employee-selection-panel .panel-header .header-content .icon-wrapper svg{color:var(--primary-color);font-size:20px}.supervisor-page .attendance-management .employee-selection-panel .panel-header .header-content h3{color:#2c2b2e;margin:0 0 4px;font-size:20px;font-weight:700}.supervisor-page .attendance-management .employee-selection-panel .panel-header .header-content p{color:#6b7280;margin:0;font-size:16px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container{flex:1;padding:10px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid{flex-direction:column;gap:10px;display:flex}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card{cursor:pointer;border:1px solid #e2e8eb;border-radius:5px;align-items:center;gap:10px;padding:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;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{background:#f8fafc;border:2px solid #e2e8eb;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:all .3s;display:flex;position:relative}.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:20px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-avatar .selected-indicator{background:#01a601;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-5px;right:-5px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-avatar .selected-indicator .check-icon{color:#fff;font-size:12px}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-info{flex:1}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-info .employee-name{color:#2c2b2e;margin:0;font-size:16px;font-weight:600;line-height:1.3}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .employee-info .employee-id{color:#6b7280;margin:4px 0 0;font-size:12px;font-weight:500}.supervisor-page .attendance-management .employee-selection-panel .employee-list-container .employee-grid .employee-card .selection-status .status-icon{font-size:16px;transition:all .3s}.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{text-align:center;justify-content:center;padding:20px 0;display:flex}.supervisor-page .attendance-management .attendance-form-panel{background:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;transition:all .3s;display:flex}.supervisor-page .attendance-management .attendance-form-panel .panel-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content{flex:1;align-items:flex-start;gap:12px;display:flex}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content .icon-wrapper{background:var(--primary-light-rgb);border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content .icon-wrapper svg{color:var(--primary-color);font-size:20px}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content h3{color:#2c2b2e;margin:0 0 4px;font-size:20px;font-weight:700}.supervisor-page .attendance-management .attendance-form-panel .panel-header .header-content p{color:#6b7280;margin:0;font-size:16px}.supervisor-page .attendance-management .attendance-form-panel .panel-header .selection-count .count-badge{background:var(--primary-color);color:#fff;border-radius:5px;padding:6px 12px;font-size:14px;font-weight:600}.supervisor-page .attendance-management .attendance-form-panel .attendance-form{flex-direction:column;flex:1;display:flex;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{flex-direction:column;gap:16px;display:flex}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card{border:1px solid var(--primary-light);background:#fff;border-radius:5px;padding:10px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info{align-items:center;gap:12px;display:flex}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info .avatar{background:#f8fafc;border:2px solid #e2e8eb;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.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:18px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info h4{color:#2c2b2e;margin:0;font-size:16px;font-weight:600}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .employee-info span{color:#6b7280;font-size:12px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .employee-header .remove-btn{color:#ff4c51;font-size:16px}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@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{flex-direction:column;display:flex}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group label{align-items:center;gap:5px;display:flex}.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:14px}.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{background:#fff;border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.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{border-color:var(--primary-color);outline:none}.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{color:#6b7280;cursor:not-allowed;background:#f9fafb}.supervisor-page .attendance-management .attendance-form-panel .attendance-form .form-section .attendance-fields .employee-attendance-card .attendance-inputs .input-group .time-fields{flex-direction:column;gap:8px;display:flex}.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{cursor:pointer;color:#6b7280;background:#f8fafc;border:2px dashed #e2e8eb;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.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);color:var(--primary-color);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{color:#fff;background:#01a601;border-radius:5px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.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{border-top:1px solid #e2e8eb;justify-content:flex-end;gap:12px;padding:20px;display:flex}@media (max-width:768px){.supervisor-page .attendance-management{grid-template-columns:1fr;gap:16px}.supervisor-page .attendance-management .attendance-form-panel .panel-header{flex-direction:column}.supervisor-page .attendance-management .attendance-form-panel .panel-header .selection-count{justify-content:center;width:100%;display:flex}}.pos-wrapper{background:#fff;height:100vh;display:flex}.pos-wrapper select,.pos-wrapper input,.pos-wrapper .tabs button,.pos-wrapper inner-tab{height:40px}.cats-sidebar{background:#fff;border-right:1px solid #e2e8eb;width:150px;overflow-y:auto}.cats-sidebar button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cats-sidebar .desktop-category-wrapper{display:block}.cats-sidebar .desktop-category-wrapper .desktop-categories .category-tab{color:#2c2b2e;background-color:#fff;border-bottom:1px solid #e2e8eb;align-items:center;height:50px;transition:all .2s;display:flex}.cats-sidebar .desktop-category-wrapper .desktop-categories .category-tab.selected{background-color:var(--primary-color);color:#fff}.cats-sidebar .desktop-category-wrapper .desktop-categories .category-tab.selected .category-button .category-icon{color:#fff}.cats-sidebar .desktop-category-wrapper .desktop-categories .category-button{text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:5px;padding:10px;display:flex;overflow:hidden}.cats-sidebar .desktop-category-wrapper .desktop-categories .category-button .category-icon{color:var(--primary-color)}.cats-sidebar .desktop-category-wrapper .desktop-categories .category-button span{text-overflow:ellipsis;width:100%;overflow:hidden}.cats-sidebar .mobile-categories-overlay{z-index:10000;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cats-sidebar .mobile-categories-overlay .mobile-categories-backdrop{z-index:-1;background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.cats-sidebar .mobile-categories-overlay .mobile-categories-content{background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;min-height:60vh;max-height:90vh;animation:.3s ease-out mCatslideUp;position:relative;overflow-y:auto;box-shadow:0 -4px 12px #00000026}.cats-sidebar .mobile-categories-overlay .mobile-categories-content .m-cat-header{z-index:99;background-color:#fff;border-bottom:1px solid #eee;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;padding:10px;display:flex;position:sticky;top:0}.cats-sidebar .mobile-categories-overlay .mobile-categories-content .m-cat-header h4{color:#333;font-size:16px;font-weight:600}.cats-sidebar .mobile-categories-overlay .mobile-categories-content .m-cat-header button{cursor:pointer;background:0 0;border:none;font-size:16px}.cats-sidebar .mobile-categories-overlay .mobile-categories-content .mobile-categories{padding:20px 10px 120px}.cats-sidebar .mobile-categories-overlay .mobile-categories-content .mobile-categories .category-checkbox-label{justify-content:space-between;align-items:center;gap:5px;display:flex}.cats-sidebar .mobile-categories-overlay .mobile-categories-content .mobile-categories .category-checkbox-label .category-icon{color:var(--primary-color)}@keyframes mCatslideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.invoice-items-wrapper{background-color:#f8f7fa;flex:1;padding-bottom:50px;overflow-y:auto}.invoice-items-wrapper .searchbar-desktop,.invoice-items-wrapper .searchbar-mobile{z-index:999;background-color:#fff;margin-bottom:20px;position:sticky;top:0;box-shadow:0 4px 6px #0000000c}.invoice-items-wrapper .searchbar-desktop .searchbar-container,.invoice-items-wrapper .searchbar-mobile .searchbar-container{background-color:#fff;border:1px solid #e2e8eb;align-items:center;gap:5px;padding:0 10px;display:flex}.invoice-items-wrapper .searchbar-desktop .searchbar-container input,.invoice-items-wrapper .searchbar-mobile .searchbar-container input{border:none;outline:none;width:100%;padding:8px;font-size:14px}.invoice-items-wrapper .searchbar-desktop .searchbar-container svg,.invoice-items-wrapper .searchbar-mobile .searchbar-container svg{color:#6c757d}.invoice-items-wrapper .searchbar-desktop .searchbar-container .icon-buttons,.invoice-items-wrapper .searchbar-mobile .searchbar-container .icon-buttons{align-items:center;gap:10px;margin-left:auto;display:flex}.invoice-items-wrapper .searchbar-desktop .searchbar-container .icon-buttons .circle-btn,.invoice-items-wrapper .searchbar-mobile .searchbar-container .icon-buttons .circle-btn{cursor:pointer;background:#f1f1f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.invoice-items-wrapper .searchbar-desktop .searchbar-container .icon-buttons .circle-btn:hover,.invoice-items-wrapper .searchbar-mobile .searchbar-container .icon-buttons .circle-btn:hover{background:#e9ecef}.invoice-items-wrapper .searchbar-desktop .searchbar-container .icon-buttons .circle-btn.cart-icon-btn,.invoice-items-wrapper .searchbar-mobile .searchbar-container .icon-buttons .circle-btn.cart-icon-btn{position:relative}.invoice-items-wrapper .searchbar-desktop .searchbar-container .icon-buttons .cart-badge,.invoice-items-wrapper .searchbar-mobile .searchbar-container .icon-buttons .cart-badge{color:#fff;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-5px;right:-5px}.invoice-items-wrapper .searchbar-mobile{display:none}.invoice-items-wrapper .no-items{text-align:center;color:#6c757d;padding:40px 20px;font-size:16px}.invoice-items-wrapper .item-list{gap:12px;padding:0 10px;list-style:none;display:grid}.invoice-items-wrapper .item-list .item{cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;transition:all .3s;display:flex;position:relative;overflow:hidden}.invoice-items-wrapper .item-list .item:hover .add-to-cart-btn{opacity:1;transform:translateY(0)}.invoice-items-wrapper .item-list .item .item-image{background:#f9f9f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.invoice-items-wrapper .item-list .item .item-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100px}.invoice-items-wrapper .item-list .item .add-to-cart-btn{color:#fff;cursor:pointer;opacity:0;background:#384b70;border:none;justify-content:center;align-items:center;gap:8px;padding:5px 10px;font-weight:600;transition:all .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.invoice-items-wrapper .item-list .item.in-cart{border:1px solid #4caf4f67!important}.invoice-items-wrapper .item-list .item.in-cart .item-image:after{content:"";background-color:#4caf501a;position:absolute;inset:0}.invoice-items-wrapper .item-list .item .item-selected-indicator{justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:5px;display:flex;position:absolute;top:0;right:0}.invoice-items-wrapper .item-list .item .checkmark-circle{color:#fff;background-color:#384b70;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;box-shadow:0 2px 4px #0003}.invoice-items-wrapper .item-list .item .checkmark-icon{font-size:10px}.invoice-items-wrapper .item-list .item .item-details{flex-direction:column;flex-grow:1;padding:12px;display:flex;overflow:hidden}.invoice-items-wrapper .item-list .item .item-details .product-category{text-transform:uppercase;color:#999;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500}.invoice-items-wrapper .item-list .item .item-details .item-name{color:var(--primary-color);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;margin:0 0 5px;font-size:14px;font-weight:600;overflow:hidden}.invoice-items-wrapper .item-list .item .item-details .item-price{color:#384b70;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:16px;font-weight:600;overflow:hidden}.invoice-items-wrapper .item-list.grid-view{grid-template-columns:repeat(4,1fr)}.invoice-items-wrapper .item-list.grid-view .item{flex-direction:column}.invoice-items-wrapper .item-list.grid-view .item .item-image{height:100px}.invoice-items-wrapper .item-list.list-view{grid-template-columns:repeat(2,1fr)}.invoice-items-wrapper .item-list.list-view .item{grid-template-columns:100px 1fr;display:grid}.invoice-items-wrapper .item-list.list-view .item .item-image{width:100%;max-width:100px}.invoice-items-wrapper .item-list.list-view .item .add-to-cart-btn span{display:none}.discount-toggle-container{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:10px;display:flex}.discount-toggle-container .toggle-label{color:#384b70;font-weight:600}.discount-toggle-container .toggle-switch-wrapper{align-items:center;gap:5px;display:flex}.discount-toggle-container .toggle-switch-wrapper .toggle-switch{color:#384b70;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:5px;padding:4px 8px;font-size:12px}.discount-toggle-container .toggle-switch-wrapper .toggle-switch.active{color:#fff;background:#384b70;border-color:#2f405f}.payment-cards{flex-wrap:wrap;gap:10px;display:flex}.payment-cards .payment-card{color:var(--primary-color);cursor:pointer;background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;transition:all .2s ease-in-out;display:flex}.payment-cards .payment-card:hover{border-color:var(--primary-light);box-shadow:0 4px 6px #0000000c}.payment-cards .payment-card.active,.payment-cards .payment-card.selected-method{opacity:.9;cursor:not-allowed;pointer-events:none}.payment-cards .payment-card svg{display:block}.payment-cards .payment-card span{font-size:15px;font-weight:500;display:block}.checkout-panel{background:#fff;border-left:1px solid #e2e8eb;flex-direction:column;width:100%;max-width:450px;display:flex;position:relative;overflow:scroll}.checkout-panel .checkout{flex:1;position:relative;overflow-y:auto}.checkout-panel .checkout .tabs{z-index:10;background-color:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:0;display:flex;position:sticky;top:0}.checkout-panel .checkout .tabs .tab.close-checkout-btn{display:none}.checkout-panel .checkout .tabs .tab{cursor:pointer;color:#6b7280;text-transform:capitalize;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:14px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.checkout-panel .checkout .tabs .tab .cart-badge{color:#fff;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.checkout-panel .checkout .tabs .tab:hover{color:var(--primary-color);background-color:#f9fafb}.checkout-panel .checkout .tabs .tab.active{color:var(--primary-color);background:0 0}.checkout-panel .checkout .tabs .tab.active:after{content:"";background-color:var(--primary-color);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.checkout-panel .form-group input{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.checkout-panel .form-group input:focus{border-color:var(--primary-light);background:0 0}.checkout-panel .form-group input::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:14px;font-weight:400}.checkout-panel .inner-tabs{border:1px solid #e5e7eb;border-radius:5px;justify-content:space-between;margin-bottom:10px;display:flex;overflow:hidden}.checkout-panel .inner-tab{cursor:pointer;color:#6b7280;white-space:nowrap;text-overflow:ellipsis;background-color:#f9fafb;border:none;flex:1;justify-content:center;align-items:center;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.checkout-panel .inner-tab.active{background-color:var(--primary-color);color:#fff}.checkout-panel .inner-tab.danger{color:#dc2626;background-color:#fee2e2;align-items:center;gap:6px;display:flex}.checkout-panel .cart-tab-content{padding:0 10px}.checkout-panel .inner-tab-content{margin:20px 0 120px}.checkout-panel .inner-tab-content .client-form{padding:0 10px}.checkout-panel .inner-tab-content .client-form select{border:1px solid #efefef;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.checkout-panel .inner-tab-content .client-form .select-field{color:#3c3939;background-color:#0000;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.checkout-panel .inner-tab-content .client-form .select-field.common-placeholder{color:#ccc}.checkout-panel .inner-tab-content .client-form .select-field option{color:#000;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.checkout-panel .inner-tab-content .client-form .select-field option[value=""]{color:#ccc}.checkout-panel .inner-tab-content .client-form .guest-checkbox{cursor:pointer;align-items:center;gap:20px;display:flex;position:relative}.checkout-panel .inner-tab-content .client-form .guest-checkbox .checkmark{background-color:#f3f4f6;border:1.5px solid #ccc;border-radius:4px;width:18px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkout-panel .inner-tab-content .client-form .guest-checkbox input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:inset 0 0 0 4px #fff}.checkout-panel .total-section{border:1px solid #efefef;border-radius:5px;margin-top:15px;padding:10px;font-size:14px;line-height:25px}.checkout-panel .total-section .total-row{color:#2c2b2e;justify-content:space-between;margin-bottom:5px;display:flex}.checkout-panel .total-section .total-row.subtotal{border-top:1px dashed #ccc;margin-top:5px;padding-top:5px}.checkout-panel .total-section .total-row.grand-total{color:var(--primary-color);border-top:1px solid #ccc;margin-top:8px;padding-top:8px;font-size:16px;font-weight:700}.checkout-panel .no-bank-acc-found{color:#ff4c51;margin-top:10px}.checkout-panel .cart-items-container{position:relative}.checkout-panel .cart-items-container.view-all-mode{z-index:2147483647;background:#fff;width:100%;height:100%;padding-bottom:50px;position:fixed;top:0;left:0;overflow:auto}@media (max-width:1024px){.checkout-panel .cart-items-container.view-all-mode{padding-bottom:150px}}.checkout-panel .cart-items-container.view-all-mode .discount-toggle-container{z-index:99;background-color:#fff;border-bottom:1px dashed #e2e8eb;padding:5px 20px;position:sticky;top:0}@media (max-width:768px){.checkout-panel .cart-items-container.view-all-mode .discount-toggle-container{padding:5px 10px}}.checkout-panel .cart-items-container.view-all-mode .discount-toggle-container .view-all-close-btn{color:var(--primary-color);stroke-width:1.5px;cursor:pointer;opacity:0;font-size:25px;transition:all .3s;transform:translateY(-100%)}@media (max-width:1024px){.checkout-panel .cart-items-container.view-all-mode .discount-toggle-container .view-all-close-btn{opacity:1;font-size:20px;transform:none}}.checkout-panel .cart-items-container.view-all-mode .discount-toggle-container:hover .view-all-close-btn{opacity:1;transform:translateY(0)}@media (max-width:1024px){.checkout-panel .cart-items-container.view-all-mode .discount-toggle-container:hover .view-all-close-btn{transform:none}}.checkout-panel .cart-items-container.view-all-mode .cart-items-list{grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px;display:grid}@media (max-width:1024px){.checkout-panel .cart-items-container.view-all-mode .cart-items-list{grid-template-columns:repeat(2,1fr);gap:15px;padding:0 10px}}@media (max-width:768px){.checkout-panel .cart-items-container.view-all-mode .cart-items-list{grid-template-columns:1fr;gap:10px}}.checkout-panel .cart-items-container .view-all-mode-btn{color:var(--primary-color);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:500;display:inline-flex}.checkout-panel .cart-items-container .view-all-mode-btn .arrow{animation:1s infinite alternate arrowMove;display:inline-block}@keyframes arrowMove{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}.checkout-panel .cart-items-list{flex-direction:column;gap:10px;margin:0 8px;display:flex}.checkout-panel .cart-items-list .cart-item-row{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;flex-direction:column;gap:10px;padding:10px;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner{align-items:center;gap:16px;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-image-container{flex-shrink:0}.checkout-panel .cart-items-list .cart-item-row-inner .item-image-container .item-image-placeholder{color:#6b7280;background-color:#f3f4f6;border-radius:5px;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:700;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-image-container img{cursor:zoom-in;object-fit:contain}.checkout-panel .cart-items-list .cart-item-row-inner .item-details{flex-direction:column;flex-grow:1;gap:10px;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-header{justify-content:space-between;align-items:center;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-name{color:#222;text-transform:capitalize;font-size:14px;font-weight:600}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls .quantity-control{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;display:flex;overflow:hidden}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls .quantity-control .item-quantity-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls .quantity-control .item-quantity-btn:not(:disabled):hover{color:#475569;background:#e2e8f0}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls .quantity-control .item-quantity-btn:disabled{color:#cbd5e1;cursor:not-allowed}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls .quantity-control input{text-align:center;color:#424242;background:#fff;border:none;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;height:32px;padding:0;font-size:14px;font-weight:600}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls .quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-controls .quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-price{color:#2c2b2e;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:5px;font-size:16px;font-weight:700;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-price .stock-info{color:#666;align-items:center;gap:4px;font-size:12px;display:flex}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .item-price .stock-info svg{color:#888}.checkout-panel .cart-items-list .cart-item-row-inner .item-details .delete-btn{color:#e11d48;cursor:pointer;background:0 0;border:none;font-size:16px}.checkout-panel .cart-items-list .cart-item-row .unit-discount-wrapper{border-top:1px solid #f1f3f4;justify-content:space-between;align-items:center;gap:20px;padding-top:10px;display:flex}.checkout-panel .cart-items-list .cart-item-row .unit-discount-wrapper input{text-align:right;border:none;border-bottom:1px solid #f1f3f4;min-width:60px;height:auto;padding:5px 10px;font-size:14px;font-weight:700}.checkout-panel .cart-items-list .cart-item-row .unit-discount-wrapper input::placeholder{font-size:12px;font-weight:500}.checkout-panel .cart-items-list .cart-item-row .subunit-selector{flex:1;gap:6px;display:flex}.checkout-panel .cart-items-list .cart-item-row .subunit-selector .subunit-option.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.checkout-panel .cart-items-list .cart-item-row .subunit-selector .loading-indicator{margin-left:5px;font-weight:700;display:inline-block}.checkout-panel .cart-items-list .cart-item-row .subunit-selector .subunit-option{color:#384b70;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:5px;padding:4px 8px;font-size:12px}.checkout-panel .cart-items-list .cart-item-row .subunit-selector .subunit-option.selected{color:#fff;background:#384b70;border-color:#2f405f}.checkout-panel .cart-items-list .cart-item-row .tax-price-wrapper{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px;display:flex}.checkout-panel .empty-cart-message{color:#888;flex-direction:column;justify-content:center;align-items:center;padding:40px 10px;display:flex}.checkout-panel .empty-cart-message p{margin-top:10px;font-size:16px}.checkout-panel .toggle-total-outer{cursor:pointer;background-color:#fafafa;border-bottom:1px solid #e2e8eb;border-radius:5px 5px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding:10px;font-weight:700;display:flex}.checkout-panel .sectionToggle{color:var(--primary-color);align-items:center;gap:5px;display:flex}.checkout-panel .sectionToggle:hover{color:var(--primary-light)}.checkout-panel .payment-section{background:#fafafa;border-radius:0 0 5px 5px;flex-direction:column;gap:10px;padding:20px 10px;display:flex}.checkout-panel .payment-section input[type=number]{border:1px solid #e2e8eb;outline:none;max-width:fit-content;height:30px;padding:10px 12px;font-size:14px;border-radius:5px!important}.checkout-panel .payment-section input[type=number]:focus{border-color:var(--primary-light)}.checkout-panel .discount-input-container{flex-direction:column;margin-top:10px;display:flex}.checkout-panel .discount-input-container label{color:#333;margin-bottom:10px;font-size:14px;font-weight:500}.checkout-panel .section-group{border-bottom:1px dashed #e2e8eb;flex-direction:column;padding-bottom:10px;display:flex}.checkout-panel .section-group .bank-account-selection{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;margin-top:10px;padding:10px}.checkout-panel .section-group .bank-account-selection .b-a-s-header{justify-content:space-between;align-items:center;gap:5px;margin-bottom:5px;display:flex}.checkout-panel .section-group .bank-account-selection select{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px}.checkout-panel .section-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 20px;font-size:14px;font-weight:600;display:flex}.checkout-panel .section-title span{align-items:center;gap:10px;display:flex}.checkout-panel .section-title span:last-child{cursor:pointer}.checkout-panel .section-title span:last-child:hover{text-decoration:underline}.checkout-panel .options-row{flex-wrap:wrap;gap:10px 20px;display:flex}.checkout-panel .credit-options .options-row{border-top:1px dashed #e2e8eb;margin-top:20px;padding-top:10px}.checkout-panel .custom-checkbox,.checkout-panel .custom-radio{cursor:pointer;color:#2c2b2e;align-items:center;padding-left:28px;font-size:14px;display:inline-flex;position:relative}.checkout-panel .custom-checkbox input,.checkout-panel .custom-radio input{opacity:0;cursor:pointer;position:absolute}.checkout-panel .checkmark,.checkout-panel .radiomark{background-color:#f3f4f6;border:1.5px solid #ccc;border-radius:4px;width:18px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkout-panel .radiomark{border-radius:50%}.checkout-panel .custom-checkbox input:checked~.checkmark,.checkout-panel .custom-radio input:checked~.radiomark{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:inset 0 0 0 4px #fff}.checkout-panel .custom-checkbox:hover .checkmark,.checkout-panel .custom-radio:hover .radiomark{border-color:#888}.checkout-panel .form{flex-direction:column;gap:10px;display:flex}.checkout-panel .form input,.checkout-panel .form textarea{border:1px solid #e2e8eb;border-radius:5px;padding:10px 12px}.checkout-panel .form input:hover,.checkout-panel .form textarea:hover{border-color:#999}.checkout-panel .form textarea{resize:vertical}.checkout-panel .tax-section{background-color:#f8f9fa;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.checkout-panel .tax-section h4{color:#333;margin-bottom:15px;font-size:20px;font-weight:600}.checkout-panel .tax-details{flex-direction:column;gap:12px;display:flex}.checkout-panel .tax-item{color:#333;justify-content:space-between;font-size:16px;display:flex}.checkout-panel .tax-item span:last-child{font-weight:700}.checkout-panel .actions{gap:10px;margin-top:20px;display:flex}.checkout-panel .btn{color:#fff;cursor:pointer;background:var(--primary-color);letter-spacing:.4px;white-space:nowrap;border:none;border-radius:5px;flex:1;padding:8px 12px;font-size:16px;transition:background-color .3s}.checkout-panel .btn:hover{background-color:var(--primary-light)}.cart-item-popup-image{justify-content:center;align-items:center;display:flex;position:relative}.cart-item-popup-image img{object-fit:contain;width:100%;height:500px}.creat-inv-page.fullView .invoice-items-wrapper .item-list.grid-view{grid-template-columns:repeat(5,1fr)}.creat-inv-page.fullView .invoice-items-wrapper .item-list.list-view{grid-template-columns:repeat(3,1fr)}.total-breakdown{flex-direction:column;gap:5px;width:100%;margin-top:10px;display:flex}.total-breakdown .breakdown-row{color:#2c2b2e;justify-content:space-between;align-items:center;gap:5px;padding-bottom:5px;font-size:14px;display:flex}.total-breakdown .breakdown-row .label{color:#666;font-weight:500}.total-breakdown .breakdown-row .value{color:#2c2b2e;font-weight:600}.total-breakdown .total-row{border-top:1px solid #e2e8eb;margin-top:4px;padding-top:6px;font-size:15px}.total-breakdown .total-row .value{color:#2c2b2e;font-weight:700}@media (max-width:1540px){.invoice-items-wrapper .item-list.grid-view{grid-template-columns:repeat(3,1fr)}}@media (min-width:1441px){.mobile-categories-overlay{display:none}}@media (min-width:1025px) and (max-width:1440px){.cats-sidebar{white-space:nowrap;border-right:none;flex-direction:row;width:auto;height:auto;overflow-x:auto}.cats-sidebar .desktop-category-wrapper{display:none}.cats-sidebar .mobile-categories-overlay{z-index:999999999}.checkout-panel{border-top:1px solid #e2e8eb;border-left:none;width:100%;max-width:100%;overflow:hidden}.checkout-panel.checkout-panel-overlay{z-index:1000;background:#fff;width:100%;max-width:100%;height:100vh;transition:transform .4s ease-in-out;position:absolute;top:0;bottom:0;right:0;transform:translate(101%);box-shadow:-5px 0 15px #0000001a}.checkout-panel.checkout-panel-overlay.open{transform:translate(0)}.checkout-panel.checkout-panel-overlay.closing{transform:translate(101%)}.checkout-panel.checkout-panel-overlay .close-checkout-btn{cursor:pointer;color:#fff;background-color:#384b70;width:60px;max-width:60px;display:block!important}.invoice-items-wrapper .item-list.grid-view .item .item-details{padding:5px 10px}.invoice-items-wrapper .searchbar-container{background-color:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 15px;display:flex}.invoice-items-wrapper .searchbar-desktop{display:none}.invoice-items-wrapper .searchbar-mobile{z-index:999;background-color:#fff;margin:auto auto 10px;padding:10px;display:block;position:sticky;top:0}.invoice-items-wrapper .searchbar-mobile .searchbar-container{height:40px;margin-bottom:0}.invoice-items-wrapper .searchbar-mobile .searchbar-container input{height:32px}}@media (max-width:1200px){.invoice-items-wrapper .item-list{grid-template-columns:repeat(3,1fr)}.checkout-panel{max-width:400px}}@media (min-width:993px) and (max-width:1024px){.mobile-categories-overlay{display:none}}@media (max-width:992px){.pos-wrapper{flex-direction:column;height:auto}.pos-wrapper .cats-sidebar{white-space:nowrap;border-right:none;flex-direction:row;width:100%;height:auto;overflow-x:auto}.pos-wrapper .cats-sidebar .desktop-category-wrapper{display:none}.pos-wrapper .invoice-items-wrapper .item-list .item .item-image img{height:80px}.pos-wrapper .invoice-items-wrapper .item-list .item .item-details{padding:5px 10px}.pos-wrapper .invoice-items-wrapper .item-list .item .item-details .item-name{font-size:14px}.pos-wrapper .invoice-items-wrapper .item-list .item .item-details .item-price{font-size:12px}.pos-wrapper .invoice-items-wrapper .item-list.grid-view .item .item-image{height:80px}.pos-wrapper .invoice-items-wrapper .item-list.list-view{grid-template-columns:1fr}.pos-wrapper .invoice-items-wrapper .searchbar-container{background-color:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 15px;display:flex}.pos-wrapper .invoice-items-wrapper .searchbar-desktop{display:none}.pos-wrapper .invoice-items-wrapper .searchbar-mobile{z-index:999;background-color:#fff;margin:auto auto 10px;padding:10px;display:block;position:sticky;top:0}.pos-wrapper .invoice-items-wrapper .searchbar-mobile .searchbar-container{height:40px;margin-bottom:0}.pos-wrapper .invoice-items-wrapper .searchbar-mobile .searchbar-container input{height:32px}.pos-wrapper .checkout-panel{border-top:1px solid #e2e8eb;border-left:none;width:100%;max-width:100%;overflow:hidden}.pos-wrapper .checkout-panel.checkout-panel-overlay{z-index:1000;background:#fff;width:100%;height:100vh;padding-bottom:120px;transition:transform .4s ease-in-out;position:fixed;top:70px;bottom:0;right:0;transform:translate(101%);box-shadow:-5px 0 15px #0000001a}.pos-wrapper .checkout-panel.checkout-panel-overlay.open{transform:translate(0)}.pos-wrapper .checkout-panel.checkout-panel-overlay.closing{transform:translate(101%)}.pos-wrapper .checkout-panel.checkout-panel-overlay .close-checkout-btn{cursor:pointer;color:#fff;background-color:#384b70;width:60px;max-width:60px;display:block!important}.pos-wrapper .checkout-panel .tab,.pos-wrapper .checkout-panel .inner-tab{padding:8px;font-size:14px}.pos-wrapper .checkout-panel .cart-items-list{margin:0}.pos-wrapper .checkout-panel .tabs{z-index:9999;padding:0;position:sticky;top:0}.pos-wrapper .checkout-panel .inner-tab.danger span{display:none}}@media (max-width:768px){.pos-wrapper .invoice-items-wrapper{background-color:#fff}.pos-wrapper .checkout-panel .section-title{font-size:12px}.pos-wrapper .checkout-panel .discount-input-container label{margin-bottom:10px}.pos-wrapper .checkout-panel .inner-tabs .danger{font-size:0}.pos-wrapper .checkout-panel .inner-tabs .danger svg{width:50%;font-size:20px}.pos-wrapper .checkout-panel .inner-tab-content .client-form{padding:0}.pos-wrapper .checkout-panel .inner-tab-content .client-form .form-group{gap:5px;margin-bottom:10px}.pos-wrapper .checkout-panel .inner-tab-content .client-form .form-group label{color:var(--primary-color);font-size:12px;font-weight:500}.pos-wrapper .checkout-panel .inner-tab-content .client-form .form-group input{height:32px}.pos-wrapper .checkout-panel .no-bank-acc-found{margin:0;font-size:12px}.pos-wrapper .checkout-panel .custom-radio,.pos-wrapper .checkout-panel .custom-checkbox{padding-left:20px;font-size:13px}.pos-wrapper .checkout-panel .custom-radio .radiomark,.pos-wrapper .checkout-panel .custom-radio .checkmark,.pos-wrapper .checkout-panel .custom-checkbox .radiomark,.pos-wrapper .checkout-panel .custom-checkbox .checkmark{width:14px;height:14px}.pos-wrapper .checkout-panel .custom-radio input:checked~.radiomark,.pos-wrapper .checkout-panel .custom-radio input:checked~.checkmark,.pos-wrapper .checkout-panel .custom-checkbox input:checked~.radiomark,.pos-wrapper .checkout-panel .custom-checkbox input:checked~.checkmark{box-shadow:inset 0 0 0 3px #fff}.pos-wrapper .checkout-panel .credit-options label,.pos-wrapper .checkout-panel .bank-account-selection label{font-size:12px}.pos-wrapper .checkout-panel .bank-account-selection select{margin-top:5px}.pos-wrapper .checkout-panel .toggle-total-outer .sectionToggle{white-space:nowrap;gap:2px;font-size:14px}.pos-wrapper .checkout-panel .toggle-total-outer .total{white-space:nowrap;flex:1;justify-content:flex-end;font-size:14px;display:flex}.pos-wrapper .checkout-panel .cart-labels{font-size:12px}.pos-wrapper .checkout-panel .cart-labels .searchbar-desktop{display:none}.pos-wrapper .checkout-panel .cart-labels .searchbar-mobile{display:block}.pos-wrapper .checkout-panel .actions{flex-wrap:wrap}.pos-wrapper .checkout-panel .actions .btn{white-space:nowrap;padding:8px;font-size:14px}}@media (max-width:480px){.checkout-panel .payment-section{padding:15px 10px}.checkout-panel .tax-section h4{font-size:16px}.checkout-panel .form input,.checkout-panel .form textarea{font-size:14px}.checkout-panel .sectionToggle{font-size:13px}.invoice-items-wrapper .item-list.grid-view{grid-template-columns:repeat(2,1fr)}}.navigation .invoice-nav-section .invoice-nav-buttons{gap:20px;padding-left:0;list-style-type:none;display:flex}.navigation .invoice-nav-section .invoice-nav-buttons a{text-decoration:none}.invoice-form{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 2px 5px #0000001a}.form-group{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.form-label{color:#2c2b2e;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{border:1px solid #ccc;border-radius:5px;width:100%;padding:8px}.item-group{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;margin-bottom:16px;padding:16px;position:relative}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.autocomplete-list{z-index:10;background-color:#fff;border:1px solid #ddd;width:100%;max-height:150px;position:absolute;overflow-y:auto}.autocomplete-item{cursor:pointer;padding:8px}.autocomplete-item:hover{background-color:#f1f1f1}.flex-between{justify-content:space-between;align-items:center;display:flex}.subtotal{color:#666;font-size:14px}.remove-item{color:red;cursor:pointer;font-size:14px;position:absolute;top:0;right:0}.add-item-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:14px}.add-item-btn:hover{background-color:#01a601}.submit-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:15px}.submit-btn:disabled{background-color:#6c757d}.quantity-controls{align-items:center;gap:8px;display:flex}.quantity-btn{color:#333;cursor:pointer;background-color:#f1f1f1;border:1px solid #ccc;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;transition:background-color .3s;display:flex}.quantity-btn:hover{background-color:#e0e0e0}.quantity-btn:disabled{cursor:not-allowed;background-color:#dcdcdc}.quantity-display{color:#333;font-size:16px;font-weight:600}.item-field{flex-direction:column;display:flex}.item-field input{border:1px solid #ddd;border-radius:5px;margin-top:4px;padding:8px;font-size:14px}.item-field label{color:#666;margin-bottom:6px;font-size:14px}.all-invoice-table-container .invoice-v-d-button-container{justify-content:center;gap:10px;display:flex}.quotation-form{background:#fff;border-radius:5px;padding:1rem;font-family:DMSans,sans-serif;box-shadow:0 2px 10px #0000000d}.quotation-form .form-title{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.quotation-form .form-body{flex-direction:column;gap:1rem;display:flex}.quotation-form .form-body .quotation-form-wrapper{justify-content:space-between;gap:10px;display:flex}.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{border:1px solid #e2e8eb;border-radius:5px;outline:none;width:100%;padding:8px 12px;transition:border-color .2s}.quotation-form .form-group input:focus{border-color:var(--primary-light)}.quotation-form .item-row{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.quotation-form .item-row input{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px 12px}.quotation-form .remove-btn{text-align:right;color:#e74c3c;cursor:pointer;background:0 0;border:none;grid-column:span 3;font-size:.85rem}.quotation-form .add-item-btn{color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;width:fit-content;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.quotation-form .tax-amount,.quotation-form .quotation-total{color:#01a601}.quotation-form .summary{text-align:right;color:#2c2b2e;letter-spacing:.4px;flex-direction:column;gap:10px;font-weight:600;display:flex}.quotation-form .total{margin-top:15px;padding-bottom:5px}.quotation-form .quotation-submit-btn-outer{justify-content:flex-end;display:flex}.quotation-form .quotation-submit-btn-outer .submit-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;width:fit-content;padding:.6rem 1.2rem;font-weight:700}.quotation-form .quotation-submit-btn-outer .submit-btn:hover{background-color:var(--primary-light);color:#fff}.quotation-form .submit-btn:disabled{cursor:not-allowed;background:#ccc}.quotation-form .success-msg{color:#2ecc71;margin-top:1rem;font-weight:500}.quotation-form .quotion-item-dropdown{z-index:10;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.quotation-form .quotion-item-dropdown li{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:14px;transition:background-color .2s}.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.relative,.quotation-form .item-row .form-group{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{text-align:left;grid-column:span 2}}@media (max-width:768px){.quotation-form{padding:.8rem}.quotation-form .form-body{gap:1rem}.quotation-form .form-group{width:100%}.quotation-form .remove-btn{text-align:left;grid-column:span 1}.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{flex-direction:column;display:flex}.quotation-form .summary,.quotation-form .submit-btn{font-size:.9rem}}.quotation-container{position:relative;overflow:hidden}.quotation-container .quotation-card{background:#fff;border-radius:5px;padding:20px}@media (max-width:480px){.quotation-container .quotation-card{padding:10px}}.quotation-container .quotation-card .quotation-header{border-bottom:1px solid var(--primary-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.quotation-container .quotation-card .quotation-header h1{color:var(--primary-color);align-items:center;gap:5px;margin:0;font-size:22px;display:flex}.quotation-container .quotation-card .quotation-header .quotation-dates span{color:var(--primary-color);font-size:15px;display:block}.quotation-container .quotation-card .client-info{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.quotation-container .quotation-card .client-info .info-item{background-color:var(--primary-light-rgb);color:#2c2b2e;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:15px;display:flex}.quotation-container .quotation-card .client-info .info-item span{align-items:center;gap:5px;width:100%;display:flex}@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{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.quotation-container .quotation-card .quotation-summary .summary-row{white-space:nowrap;border:1px dashed var(--primary-color);border-radius:5px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.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{gap:10px;margin-top:10px}.quotation-container .quotation-card .quotation-summary .summary-row{padding:5px 8px;font-size:14px}}.quotation-container .quotation-card .quotation-footer{text-align:center;color:var(--primary-color);border-top:1px solid #f0f0f0;margin-top:20px;padding-top:10px;font-weight:700}.quotations-download-btn{color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;background-color:#0000;border-radius:5px;align-items:center;gap:6px;padding:5px 15px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.quotations-download-btn:hover{background-color:var(--primary-color);color:#fff}@value headerSvg from "@crm/assets/headersvg.svg";.invoices-page table tr td:nth-child(5){text-transform:capitalize}.invoice-view-container{background:#fff;border-radius:5px;padding:20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.invoice-view-container:before,.invoice-view-container:after{content:"";z-index:0;opacity:.05;background-repeat:no-repeat;background-size:cover;width:100%;height:120px;position:absolute;left:0}.invoice-view-container:before{background-image:url(/assets/headersvg.svg);top:0}.invoice-view-container:after{background-image:url(/assets/bottomsvgtwo.svg);bottom:0;transform:scaleX(-1)}.invoice-view-container .corner{background-color:var(--primary-color);width:10px;height:20px;box-shadow:0 0 0 2px rgba(var(--primary-color), .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{color:#384b700d;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:120px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.invoice-view-container .invoice-header{z-index:1;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:15px 0;display:flex;position:relative}.invoice-view-container .invoice-header .header-left .invoice-title{color:#384b70;text-transform:uppercase;letter-spacing:1px;margin:0 0 5px;font-size:24px;font-weight:600}.invoice-view-container .invoice-header .header-left .invoice-meta{gap:15px;font-size:13px;display:flex}.invoice-view-container .invoice-header .header-left .invoice-meta .invoice-number{color:#ff4c51;background:#ff4c511a;border-radius:4px;padding:2px 8px;font-weight:600}.invoice-view-container .invoice-header .header-left .invoice-meta .invoice-date{color:#666;align-items:center;display:flex}.invoice-view-container .invoice-header .header-right{flex-direction:column;align-items:center;gap:10px;display:flex}.invoice-view-container .invoice-header .header-right img{cursor:pointer;border-radius:50%}.invoice-view-container .invoice-header .header-right .invoice-status-badge{color:#01a601;text-transform:capitalize;letter-spacing:.5px;background:#e8f5e9;border-radius:5px;padding:2px 12px;font-size:12px;font-weight:600}.invoice-view-container .invoice-header .header-right .pdf-actions{align-items:center;gap:6px;display:flex}.invoice-view-container .invoice-parties{z-index:1;border-bottom:1px solid #e0e0e0;padding:20px 0;display:flex;position:relative}.invoice-view-container .invoice-parties .invoice-client,.invoice-view-container .invoice-parties .invoice-issuer{flex: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{color:#384b70;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee;margin:0 0 10px;padding-bottom:5px;font-size:14px;font-weight:600}.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{text-transform:capitalize;margin:0 0 8px;font-size:14px;font-weight:600}.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;text-transform:capitalize;margin:0 0 5px;font-size:13px;display:flex}.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{z-index:1;padding:15px 0;position:relative;overflow-x:auto}.invoice-view-container .invoice-summary{z-index:1;justify-content:flex-end;padding:15px 0;display:flex;position:relative}.invoice-view-container .invoice-summary .summary-totals{width:300px}.invoice-view-container .invoice-summary .summary-totals .total-row{justify-content:space-between;margin-bottom:8px;padding:3px 0;font-size:13px;display:flex}.invoice-view-container .invoice-summary .summary-totals .total-row.out-standings{font-size:14px;font-weight:500}.invoice-view-container .invoice-summary .summary-totals .total-row.grand-total{border-top:2px solid #eee;margin-top:10px;padding-top:10px;font-size:15px;font-weight:600}.invoice-view-container .invoice-footer{text-align:center;color:#666;z-index:1;border-top:1px solid #eee;margin-top:15px;padding:20px 0 10px;font-size:12px;position:relative}.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{flex-direction:row;justify-content:space-between;width:100%;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-bottom:1px solid #eee;border-right:none;margin-bottom:15px;padding-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{grid-template-columns:repeat(2,1fr);gap:10px 20px;display:grid}@media (max-width:480px){.customer-form .fields-wrapper{gap:10px}}.customer-view-container{background-color:#fff;border-radius:5px;padding:20px}.customer-view-container .customer-card{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.customer-view-container .customer-card .customer-info{color:#555;align-items:center;gap:10px;font-size:15px;display:flex}.customer-view-container .customer-card .customer-info .info-icon{color:#384b70;min-width:24px;font-size:18px}.customer-view-container .invoice-section h3{border-bottom:1px solid #e2e8eb;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:20px;display:flex}.customer-view-container .invoice-section h3 .section-icon,.customer-view-container .action-icon{color:#384b70}@media (max-width:768px){.customer-view-container{padding:10px}}.pay-credit-container{background-color:#fff;border-radius:5px;padding:20px}.pay-credit-container .payment-method-options{gap:1rem;margin-top:.5rem;display:flex}.pay-credit-container .payment-method-option{cursor:pointer;border:1px solid #ddd;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.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{border:1px solid #eee;border-radius:8px;margin-top:2rem;padding:1rem}.pay-credit-container .payment-history-section h3{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.pay-credit-container .customer-card{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.pay-credit-container .customer-card .customer-info{color:#555;align-items:center;gap:10px;font-size:15px;display:flex}.pay-credit-container .customer-card .customer-info .info-icon{color:#384b70;min-width:24px;font-size:18px}.pay-credit-container .credit-section{margin-bottom:24px}.pay-credit-container .credit-section h3{color:#2f405f;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.pay-credit-container .credit-section h3 .section-icon{color:#384b70}.pay-credit-container .credit-section .total-due-row{background-color:#91e07d6a;border-radius:5px;align-items:center;gap:10px;margin-top:16px;padding:12px;font-weight:700;display:flex}.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;margin-left:auto;font-size:16px}.pay-credit-container .payment-form{background:#f8f9fc;border:1px solid #e2e8eb;border-radius:6px;flex-direction:column;gap:16px;padding:20px;display:flex}.pay-credit-container .payment-form .form-group{flex-direction:column;gap:6px;display:flex}.pay-credit-container .payment-form .form-label{color:#999;font-size:13px;font-weight:600}.pay-credit-container .payment-form .form-input,.pay-credit-container .payment-form .form-textarea{color:#2e2e2e;background-color:#fff;border:1px solid #e2e8eb;border-radius:4px;width:100%;padding:10px 12px;font-size:14px;transition:all .3s}.pay-credit-container .payment-form .form-input:focus,.pay-credit-container .payment-form .form-textarea:focus{border-color:#9cb9d0;outline:none}.pay-credit-container .payment-form .form-textarea{resize:vertical;min-height:80px}.pay-credit-container .Payment-submit-btn-outer{justify-content:flex-end;margin-top:12px;display:flex}@media (max-width:768px){.pay-credit-container,.pay-credit-container .payment-form{padding:10px}}.pay-btn-outer .pay-btn{color:#fff;background-color:var(--primary-color);cursor:pointer;border:none;border-radius:5px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:background-color .3s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #00000014}.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{cursor:not-allowed;background-color:#a0aec0}.credit-users-page{color:#333}.credit-users-page .customer-summary{background-color:#f8fafc;border-radius:5px;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding:10px;display:flex;box-shadow:0 1px 3px #0000001a}.credit-users-page .customer-summary h2{color:#1e293b;margin-bottom:12px;font-size:24px}.credit-users-page .customer-summary p{gap:8px;margin:8px 0;display:flex}.credit-users-page .customer-summary p strong{color:#475569;font-weight:600}.credit-users-page .table-container{background-color:#fff;border-radius:5px;padding:16px;box-shadow:0 1px 3px #0000001a}.credit-users-page .status-badge{border-radius:5px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.credit-users-page .status-paid{color:#166534;background-color:#dcfce7}.credit-users-page .status-pending{color:#854d0e;background-color:#fef9c3}.credit-users-page .status-overdue{color:#991b1b;background-color:#fee2e2}.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{-webkit-overflow-scrolling:touch;margin-bottom:16px;position:relative;overflow-x:auto}.cashflow-container .cashflow-tabs-container::-webkit-scrollbar{background:#dee9f2;height:4px}.cashflow-container .cashflow-tabs-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}.cashflow-container .cashflow-tabs-container .cashflow-tabs{background:#fff;min-width:100%;display:inline-flex;box-shadow:0 4px 6px #0000000c}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button{color:#999;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:10px 15px;font-size:14px;font-weight:500;display:flex;position:relative}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button:focus{outline:none}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button .tab-label{font-size:14px}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button:hover{color:var(--primary-color);background:#dee9f2}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);font-weight:600}@media (max-width:768px){.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button{flex:1;justify-content:center;padding:8px 12px}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button .tab-label{font-size:12px}}@media (max-width:624px){.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button .tab-label{display:none}}.payment-history-container .filters-section{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;margin-bottom:20px;padding:10px}.payment-history-container .filters-section .filters-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.payment-history-container .filters-section .filters-header .filters-title{color:#384b70;align-items:center;margin:0;font-size:18px;display:flex}@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{color:#384b70;margin-right:8px}.payment-history-container .filters-section .filters-header .clear-filters-btn{color:#384b70;cursor:pointer;background:0 0;border:none;font-size:14px}@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:#9cb9d0}.payment-history-container .filters-section .filters-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:480px){.payment-history-container .filters-section .filters-grid{gap:10px}}.payment-history-container .filters-section .filters-grid .filter-group .filter-label{color:#384b70;margin-bottom:5px;font-size:14px;display:block}.payment-history-container .filters-section .filters-grid .filter-group .filter-select{color:#384b70;background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;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{color:#999;background-color:#f5f5f5}.payment-history-container .payment-card{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;margin-bottom:15px;padding:15px}.payment-history-container .payment-card .card-header{justify-content:space-between;margin-bottom:10px;display:flex}.payment-history-container .payment-card .card-header .invoice-number{color:#384b70;margin:0;font-size:16px}.payment-history-container .payment-card .card-header .invoice-date{color:#666;margin:0;font-size:14px}.payment-history-container .payment-card .card-body .invoice-amount{color:#384b70;margin:0;font-size:14px}.payment-history-container .table-container{width:100%;overflow-x:auto}.payment-history-container .table-container .table-header{color:#fff;background-color:#384b70}.payment-history-container .table-container .table-row:hover{background-color:#9cb9d0}.payment-history-container .table-container .pay-btn-outer .pay-btn{color:#fff;cursor:pointer;background-color:#384b70;border:none;border-radius:5px;padding:5px 10px}.payment-history-container .table-container .pay-btn-outer .pay-btn:hover{background-color:#9cb9d0}.expense-form .form-group{flex-direction:column;gap:0;margin-bottom:15px;display:flex}.expense-form .form-group .file-input{width:100%}.expense-form .form-group input,.expense-form .form-group select,.expense-form .form-group textarea{letter-spacing:.3px;border:1px solid #e2e8eb;border-radius:5px;padding:8px 12px;font-size:14px;font-weight:400}.expense-form .form-group input:focus,.expense-form .form-group select:focus,.expense-form .form-group textarea:focus{border-color:var(--primary-light);background:0 0}.expense-form .form-group input::placeholder,.expense-form .form-group select::placeholder,.expense-form .form-group textarea::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:14px;font-weight:400}.expense-form .form-group .select-field,.expense-form .form-group .common-placeholder{letter-spacing:.3px;font-size:14px;font-weight:400}.expense-form .form-group .select-field{background-color:#0000}.expense-form .form-group .select-field option{color:#333}.expense-form .form-group .common-placeholder{color:#ccc}.expense-form .description-file-group{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:768px){.expense-form .description-file-group{grid-template-columns:1fr}}.expense-form .description-file-group textarea,.expense-form .description-file-group .upload-card{height:60px}.expense-form .description-file-group .upload-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;cursor:pointer;background:#fff;border:2px dashed #e2e8eb;border-radius:5px;padding:10px;position:relative;overflow:hidden}.expense-form .description-file-group .upload-card .upload-cart-text{justify-content:center;align-items:center;gap:10px;display:flex}.expense-form .description-file-group .upload-card:hover{border-color:var(--primary-light);background:#0096930d}.expense-form .description-file-group .upload-card .upload-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.expense-form .description-file-group .upload-card .upload-text{color:#4a4a4a;font-size:14px}.expense-form .description-file-group .upload-card .upload-note{color:#888;font-size:12px}.expense-form .description-file-group .image-preview-grid{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.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:5px}.expense-form .description-file-group .image-preview-grid .image-preview-item .remove-image-btn{color:#fff;cursor:pointer;background-color:#ff4d4d;border:none;border-radius:5px;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;font-weight:700;transition:background .3s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0003}.expense-form .description-file-group .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.expense-form .button-group{flex-direction:row;justify-content:flex-end;gap:10px;display:flex}.expense-form .button-group .cancel-btn{color:#384b70;background-color:#0000;border:1px solid #384b70}.expense-form .tag-group-input-btn-wrapper{position:relative}.expense-form .tag-group-input-btn-wrapper .add-tag-btn{background-color:var(--primary-color);border:unset;color:#fff;border-radius:5px;margin-right:2px;padding:5px;font-size:13px;display:flex;position:absolute;top:8px;right:8px}.expense-form .expense-form-header{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.expense-form .expense-form-header textarea{resize:vertical;height:auto}.expense-form .relation-section{border-radius:5px;margin:20px auto;padding:20px;box-shadow:0 1px 3px #0000001a}.expense-form .relation-section input[type=checkbox]{accent-color:#384b70;cursor:pointer;width:16px;height:16px}.expense-form .relation-section .section-heading{color:#2c2b2e;border-bottom:1px solid #e2e8eb;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:12px;font-size:16px;font-weight:600;display:flex}.expense-form .relation-section .relation-card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.expense-form .relation-section .relation-card-grid .relation-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;height:fit-content;transition:all .2s;overflow:hidden;box-shadow:0 1px 2px #0000000d}.expense-form .relation-section .relation-card-grid .relation-card.active{border-color:#9cb9d0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.expense-form .relation-section .relation-card-grid .relation-card .card-header{cursor:pointer;border-bottom:1px solid #e2e8eb;padding:16px}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle{cursor:pointer;align-items:center;gap:12px;width:100%;margin:0;display:flex}.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:#384b70;font-size:16px}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .card-label{color:#2c2b2e;flex:1;font-weight:500}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .toggle-icon{color:#999;font-size:14px;transition:transform .2s}.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{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px 8px 32px;font-size:14px;transition:border-color .2s}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper input:focus{border-color:#9cb9d0;outline:none;box-shadow:0 0 0 2px #9cb9d01a}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper .search-icon{color:#999;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.expense-form .relation-section .relation-card-grid .relation-card .card-body{max-height:300px;padding:10px 0;overflow-y:auto}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-option{cursor:pointer;border-radius:5px;align-items:center;gap:12px;padding:8px 20px;transition:background .2s;display:flex}.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{color:#2c2b2e;font-size:14px}.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{border:1px solid #e2e8eb;border-radius:5px;margin-top:8px;padding:12px}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section.hidden{border:none;margin:0;padding:0}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section .toggle-batch-btn{color:#384b70;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;display:flex;position:absolute;top:8px;right:5px}.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{background:#f5f5f5;border-radius:4px;margin:.5rem 10px 10px;padding:.5rem}.relation-item-with-batches .batches-header{margin-bottom:.5rem;font-size:.9rem;font-weight:600}.relation-item-with-batches .batch-option{margin-bottom:.5rem;padding:.25rem}.relation-item-with-batches .batch-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.relation-item-with-batches .batch-info{font-size:.85rem}.payables-expance-form-outer .payables-expance-form-inner{flex-direction:column;gap:10px;display:flex}.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:5px;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{flex-direction:column;display:flex}.payables-expance-form-outer .payables-expance-form-inner .expance-form-add-bank-buton{color:var(--primary-color);border:unset;background-color:unset;cursor:pointer;align-items:center;gap:3px;display:flex}.payables-expance-form-outer .payables-expance-form-inner .expance-form-addbank-action-outer{justify-content:space-between;align-items:end;display:flex}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-checkboxes-outer{gap:10px;margin-top:10px;display:flex}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-checkboxes{cursor:pointer;align-items:center;gap:3px;display:flex}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-payment-actions{justify-content:flex-end;gap:10px;display:flex}.payables-expance-form-outer .payables-expance-form-inner input[type=checkbox]{accent-color:var(--primary-color)}@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{box-shadow:none;background-color:#0000;margin:10px auto 20px;padding:0}.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{background:#e9e9e9;border-radius:4px;align-items:center;margin-bottom:8px;padding:8px;font-weight:700;display:flex}.select-all-batches input{margin-right:8px}.batch-option{background:#f5f5f5;border-radius:4px;align-items:center;margin:4px 0;padding:4px 8px;display:flex}.batch-option input{margin-right:8px}.expense-page .expense-container .expense-header{background:#fff;border-radius:5px;margin-bottom:20px;padding:12px 20px}.expense-page .expense-container .expense-header .header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.expense-page .expense-container .expense-header .header-content .title-wrapper{align-items:center;gap:15px;display:flex}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper{background:linear-gradient(135deg, var(--primary-color), var(--primary-light));border-radius:5px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper .header-icon{color:#fff;font-size:24px}.expense-page .expense-container .expense-header .header-content .title-wrapper h1{color:#2c2b2e;font-size:22px;font-weight:700}.expense-page .expense-container .expense-header .header-content .title-wrapper .expense-date{color:#7f8c8d;font-size:14px;font-weight:500}.expense-page .expense-container .expense-header .header-content .badge{text-transform:uppercase;letter-spacing:.5px;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:700}.expense-page .expense-container .expense-header .header-content .badge.paid,.expense-page .expense-container .expense-header .header-content .badge.approved,.expense-page .expense-container .expense-header .header-content .badge.credit{color:#fff;background-color:#01a601}.expense-page .expense-container .expense-header .header-content .badge.pending{color:#fff;background-color:#fc0}.expense-page .expense-container .expense-content{gap:20px;display:flex}.expense-page .expense-container .expense-content .details-section{flex:1}.expense-page .expense-container .expense-content .details-section .detail-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}@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;border:1px solid #e2e8eb;border-radius:5px;height:max-content;padding:0;transition:transform .2s;overflow:hidden}.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{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e2e8eb;align-items:center;gap:15px;padding:10px 20px;display:flex}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper{border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper .card-icon{font-size:16px;transition:transform .2s}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title{flex:1}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title label{margin:0;font-weight:600}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title .value-preview{color:#7f8c8d;text-transform:capitalize;font-size:14px;font-weight:500}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content{padding:12px 20px;overflow:auto}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content p{text-transform:capitalize}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content p.amount{color:var(--primary-color);font-size:20px;font-weight:700}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table{margin-top:10px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table thead tr th:first-child{border-top-left-radius:5px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table thead tr th:last-child{border-top-right-radius:5px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content table .mono{background:#f8f9fa;border-radius:5px;padding:6px 10px;font-weight:600}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .description{color:#5a6c7d;margin-top:8px;font-size:16px;font-weight:500;line-height:1.5}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill{color:var(--primary-color);background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:5px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill .avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .more-users{color:#7f8c8d;align-self:center;font-size:12px;font-weight:600}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll{gap:10px;margin-top:8px;padding:12px 0;display:flex;overflow-x:auto}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll .invoice-pill{color:#2e7d32;white-space:nowrap;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #c8e6c9;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:600}.expense-page .expense-container .expense-content .details-section .vendor-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item{background:#f8f9fa;border-radius:5px;flex-direction:column;justify-content:center;padding:10px;display:flex;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-color);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:0;right:0}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item .vendor-detail-icon svg{font-size:14px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item label{font-weight:600}.expense-page .expense-container .expense-content .details-section .financial-summary-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card{background:#f8f9fa;border-radius:5px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .total{background:#e7f3ff;border-left-color:#384b70}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .due{color:#ff4c51;font-weight:700}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .summary-value{color:#2c2b2e;font-weight:700}.expense-page .expense-container .expense-content .receipt-sidebar{width:100%;max-width:380px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;padding:0;overflow:hidden}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:1px solid #e2e8eb;align-items:center;gap:15px;padding:12px 20px;display:flex}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper{background:#fff;border-radius:5px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper .card-icon{color:#1976d2;font-size:20px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .card-title h3{color:#1976d2;margin:0 0 4px;font-size:18px;font-weight:700}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .card-title .value-preview{color:#5c6bc0;font-size:12px;font-weight:600}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .image-container{background:#fafafa;justify-content:center;align-items:center;max-height:300px;padding:20px;display:flex}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .image-container img{object-fit:cover;border-radius:5px;width:100%;height:100%}@media (max-width:900px){.expense-page .expense-container .expense-content{flex-direction:column;gap:15px}.expense-page .expense-container .expense-content .details-section .detail-cards{gap:10px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header{gap:5px;padding:5px 10px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper{width:25px;height:25px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .icon-wrapper .card-icon{font-size:14px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title label{font-size:13px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-header .card-title .value-preview{font-size:12px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content{padding:5px 10px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content p.amount{font-size:18px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .description{font-size:14px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid{gap:8px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill{padding:6px 10px;font-size:12px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .user-pill .avatar{width:20px;height:20px;font-size:10px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .users-grid .more-users{font-size:11px}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll{padding:10px 0}.expense-page .expense-container .expense-content .details-section .detail-cards .detail-card .card-content .invoices-scroll .invoice-pill{padding:6px 12px;font-size:12px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid{grid-template-columns:1fr;gap:15px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item{padding:8px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item label{font-size:13px}.expense-page .expense-container .expense-content .details-section .vendor-details-grid .vendor-detail-item .vendor-detail-icon{width:24px;height:24px}.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 .financial-summary-cards{grid-template-columns:1fr;gap:15px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card{padding:10px 12px}.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .summary-value,.expense-page .expense-container .expense-content .details-section .financial-summary-cards .summary-card .due{font-size:14px}.expense-page .expense-container .expense-content .receipt-sidebar{max-width:100%;margin-top:20px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header{padding:10px 12px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper{width:36px;height:36px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .icon-wrapper .card-icon{font-size:18px}.expense-page .expense-container .expense-content .receipt-sidebar .receipt-card .card-header .card-title h3{font-size:16px}.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{max-height:220px;padding:12px}.expense-page .expense-container .expense-header{padding:5px 10px}.expense-page .expense-container .expense-header .header-content{gap:10px}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper{width:30px;height:30px}.expense-page .expense-container .expense-header .header-content .title-wrapper .header-icon-wrapper .header-icon,.expense-page .expense-container .expense-header .header-content .title-wrapper h1{font-size:18px}.expense-page .expense-container .expense-header .header-content .title-wrapper .expense-date{font-size:12px}.expense-page .expense-container .expense-header .header-content .badge{padding:5px 10px;font-size:11px}}.payables-expense-container .payment-history{margin-top:30px}.payables-expense-container .payment-history h3{color:var(--primary-color);margin-bottom:10px;font-size:22px;font-weight:700}.payables-expense-container .expance-add-payment-button-outer{justify-content:flex-end;margin-top:20px;display:flex}.table-actions-wrapper{justify-content:flex-start;gap:15px;display:flex}.table-actions-wrapper .table-e-d-v-buttons{cursor:pointer;border:unset;background-color:unset;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:5px;transition:background-color .3s;display:inline-flex}.table-actions-wrapper svg{width:15px;height:15px}.table-actions-wrapper .edit-button{color:#01a601}.table-actions-wrapper .edit-button:hover{background-color:#0080001a}.table-actions-wrapper .delete-button{color:#ff4c51}.table-actions-wrapper .delete-button:hover{background-color:#ff00001a}.task-form{width:100%}.task-form .add-task-form{grid-template-columns:repeat(2,1fr);gap:10px 15px;display:grid}.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{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:10px 12px;font-size:16px;transition:all .2s}.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{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed var(--primary-light);text-align:center;cursor:pointer;background:#fff;border-radius:5px;padding:5px 10px;position:relative;overflow:hidden}.task-form .add-task-form .form-group .upload-card:hover{border-color:var(--primary-color);background:#0096930d}.task-form .add-task-form .form-group .upload-card .upload-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.task-form .add-task-form .form-group .upload-card .upload-text{color:#4a4a4a;font-size:14px}.task-form .add-task-form .form-group .upload-card .upload-note{color:#888;font-size:12px}.task-form .add-task-form .image-preview-grid{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.task-form .add-task-form .image-preview-grid .image-preview-item{border:1px solid #e2e8eb;position:relative;box-shadow:0 4px 6px #0000000c}.task-form .add-task-form .image-preview-grid .image-preview-item img{border:1px solid #e2e8eb;border-radius:5px}.task-form .add-task-form .image-preview-grid .image-preview-item .remove-image-btn{color:#fff;cursor:pointer;background-color:#ff4d4d;border:none;border-radius:5px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;transition:background .3s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0003}.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{flex-direction:column;gap:0;display:flex}.task-form .add-task-form .form-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.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{justify-content:flex-end;display:flex}.task-form .add-task-form .form-actions{grid-column:span 2;justify-content:flex-end;gap:1rem;margin-bottom:20px;display:flex}.view-task-actions-container{justify-content:space-between;display:flex}.view-task-actions-container .view-task-check-icon,.view-task-actions-container .view-times-check-icon{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:5px;transition:background-color .3s;display:inline-flex}.view-task-actions-container .view-task-check-icon:hover{background-color:#0080001a}.view-task-actions-container .view-times-check-icon:hover{background-color:#ff00001a}.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{flex-direction:column;gap:15px;display:flex}.task-form .form-group{margin-bottom:0}}.leave-application-container .application-header h1{color:#2d3436;margin-bottom:1.5rem;font-size:2rem}.leave-application-container .application-header .timeline-indicator{gap:1rem;margin-bottom:2rem;display:flex}.leave-application-container .application-header .timeline-indicator .step{color:#7f8c8d;background:#f8f9fa;border-radius:5px;padding:.6rem 1.2rem;font-size:.9rem}.leave-application-container .application-header .timeline-indicator .step.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 6px #0984e333}.leave-application-container .application-body{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.leave-application-container .application-body .calendar-card{background:#fff;border:1px solid #f0f0f0;border-radius:5px;padding:20px}.leave-application-container .application-body .calendar-card .calendar-header h2{color:var(--primary-color);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--selected:not(.selected-green),.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected:not(.selected-green){color:inherit!important;background-color:#0000!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{border-bottom:1px solid #efefef;padding:5px 0}.leave-application-container .application-body .calendar-card .modern-calendar .selected-green{border-radius:5px;background-color:var(--primary-color)!important;color:#fff!important}.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{color:#fff;border-radius:5px;font-weight:700}.leave-application-container .application-body .calendar-card .modern-calendar .sunday-date{color:#ff4c51!important}.leave-application-container .application-body .details-card{background:#fff;border:1px solid #f0f0f0;border-radius:5px;padding:20px}.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{gap:.8rem;display:flex}.leave-application-container .application-body .details-card .input-group .type-chips .chip{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:5px;padding:10px 12px;transition:all .2s}.leave-application-container .application-body .details-card .input-group .type-chips .chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.leave-application-container .application-body .details-card .input-group .modern-input{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;font-size:16px;transition:all .2s}.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{resize:vertical;border:2px solid #e2e8eb;border-radius:5px;width:100%;min-height:120px;padding:1rem;font-size:16px;transition:all .2s}.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-color);text-align:center;cursor:pointer;background:var(--input-bg);border-radius:5px;flex-direction:column;align-items:center;gap:10px;padding:20px;transition:all .3s;display:flex}.leave-application-container .application-body .details-card .input-group .file-upload-box:hover{background:var(--input-hover-bg);border-color:var(--primary-color)}.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-color)!important}.leave-application-container .application-body .details-card .input-group .file-preview{flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;display:flex;position:relative}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper{border-radius:8px;width:150px;height:150px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .preview-link{cursor:pointer;width:100%;height:100%;display:block}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .remove-button{cursor:pointer;z-index:2;background:#fffc;border:none;border-radius:50%;padding:2px 6px;font-size:16px;position:absolute;top:4px;right:4px}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .remove-button:hover{color:#fff;background-color:#ff4c51}.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{color:#666;font-size:12px}.leave-application-container .application-body .details-card .submit-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;margin:0;padding:8px;font-size:1rem;transition:all .2s}.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:1s steps(5,end) infinite dots}.leave-application-container .application-body .date-range-display{color:#fff;flex-direction:column;gap:5px;display:flex}.leave-application-container .application-body .date-range-display .date-range-badge{background:var(--primary-color);border-radius:5px;padding:.6rem 1rem;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:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:5px;width:100%;display:inline-block;position:relative}.leave-application-container .react-datepicker__week{white-space:nowrap;justify-content:space-between;width:100%;display:flex}.leave-application-container .react-datepicker__day-names{justify-content:space-between;padding-bottom:5px;font-size:14px;display:flex}.leave-application-container h2.react-datepicker__current-month{padding:5px 0;font-size:18px}.leave-application-container .react-datepicker__day--selected,.leave-application-container .react-datepicker__day--keyboard-selected{background-color:var(--primary-color);color:#fff}.leave-application-container .react-datepicker__day--selected:hover,.leave-application-container .react-datepicker__day--keyboard-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{color:#2c2b2e;max-width:800px;margin:auto;font-family:Rubik,sans-serif}.attendance-page .capture-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.attendance-page .capture-options .option-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;padding:2rem;transition:all .3s;box-shadow:0 4px 6px #0000000c}.attendance-page .capture-options .option-card:hover{box-shadow:#f0f0f0;transform:translateY(-5px)}.attendance-page .capture-options .option-card .option-icon{background:rgba(var(--primary-color), .1);width:80px;height:80px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:2rem;display:flex}.attendance-page .capture-options .option-card h3{color:#2c2b2e;margin-bottom:.5rem;font-size:18px}.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:5px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 6px #0000000c}.attendance-page .preview-section .preview-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.attendance-page .preview-section .preview-header h3{color:#2c2b2e;margin:0;font-size:18px}.attendance-page .preview-section .preview-header .clear-button{color:#ff4c51;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;padding:.5rem;font-size:1.5rem;transition:all .3s;display:flex}.attendance-page .preview-section .preview-header .clear-button:hover{background:#ff4c511a}.attendance-page .preview-section .image-preview{border:1px solid var(--primary-color);border-radius:5px;width:100%;height:400px;position:relative;overflow:hidden}.attendance-page .webcam-modal{z-index:1000;background:#2c2b2ecc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attendance-page .webcam-modal .webcam-container{background:#fff;border-radius:5px;flex-direction:column;width:90%;max-width:800px;display:flex;overflow:hidden;box-shadow:0 18px 40px #01969314}.attendance-page .webcam-modal .webcam-container .react-webcam{width:100%;display:block}.attendance-page .webcam-modal .webcam-container .webcam-controls{background:#fff;justify-content:flex-end;align-items:center;gap:20px;padding:10px;display:flex}.attendance-page .submit-form{text-align:center;margin-top:2rem}.attendance-page .submit-form .submit-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px #0000000c}.attendance-page .submit-form .submit-button:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 18px 40px #01969314}.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:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:1s linear infinite spin}.attendance-page .attendance-header{margin:8px}.attendance-page .current-time{color:var(--primary-color);text-align:center;font-size:20px;font-weight:600}.attendance-page .current-date{color:var(--primary-color);text-align:center;margin-bottom:.75rem;font-size:14px;font-weight:500}.attendance-page .attendance-details{background:#fff;border:1px solid #efefef;border-radius:5px;padding:10px;transition:all .3s;box-shadow:0 4px 6px #0000000c}.attendance-page .detail-value-name{color:var(--primary-color)}.attendance-page .detail-item{border-bottom:1px solid #efefef;justify-content:space-between;margin-bottom:3px;padding-bottom:3px;font-size:14px;display:flex}.attendance-page .detail-item:last-child{margin-bottom:0}.attendance-page .detail-label{color:#555;min-width:100px;font-weight:500}.attendance-page .detail-value{color:#222;font-weight:400}.chip-active{background-color:var(--primary-color);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 .datepicker-container,.aply-for-leave-form-outer .aply-for-leave-input-wrapper{width:100%}.react-datepicker__week{white-space:nowrap;justify-content:space-between;display:flex}.form-card{margin:0 15px}}@media (max-width:576px){.page-title{padding:20px 0;font-size:22px}.aply-for-leave-form-outer{flex-direction:column}.aply-for-leave-form-outer .input-group input,.aply-for-leave-form-outer .input-group textarea{height:auto;padding:9px 14px;font-size:14px}.apply-button{padding:8px 12px;font-size:15px}}.recurring-wrapper .recurring-task-header{justify-content:flex-end;align-items:center;gap:20px;margin-bottom:20px;display:flex}.recurring-wrapper .back-button{margin:0}.recurring-wrapper .toggle-button{cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;width:fit-content!important}.recurring-wrapper .toggle-button.on{background-color:var(--primary-color);color:#fff}.recurring-wrapper .toggle-button.off{color:#555;background-color:#e0e0e0}.recurring-wrapper .toggle-button:hover{opacity:.9}.recurring-wrapper .edit-button{color:#01a601}.recurring-wrapper form{flex-direction:column;gap:10px;display:flex}.recurring-wrapper .employee-fields-wrapper{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.recurring-wrapper .employee-field{flex-direction:column;gap:0;display:flex}.recurring-wrapper .employee-field input,.recurring-wrapper .employee-field select,.recurring-wrapper .employee-field .date-input{border:1px solid #e2e8eb;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.recurring-wrapper .employee-field input:focus,.recurring-wrapper .employee-field select:focus,.recurring-wrapper .employee-field .date-input:focus{border-color:var(--primary-light);background:0 0}.recurring-wrapper .employee-field input::placeholder,.recurring-wrapper .employee-field select::placeholder,.recurring-wrapper .employee-field .date-input::placeholder{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:14px;font-weight:400}.recurring-wrapper .form-group{flex-direction:column;gap:0;display:flex}.recurring-wrapper .form-group .toggle-button{background-color:var(--primary-color);color:#2c2b2e;cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:600;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{color:#3c3939;background-color:#0000;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.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{justify-content:flex-end;display:flex}.recurring-wrapper .create-employess-action .form-button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 24px;font-size:16px;transition:all .3s}.recurring-wrapper .create-employess-action .form-button:hover{background-color:var(--primary-light)}.recurring-wrapper .create-employess-action .form-button:disabled{cursor:not-allowed;opacity:.7;background-color:#999}.recurring-wrapper .text-red-500{color:#ff4c51;padding-top:2px;font-size:12px}.task-status-badge{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.task-status-badge.approved{color:#065f46;background-color:#d1fae5}.task-status-badge.submitted{color:#1e40af;background-color:#dbeafe}.task-status-badge.pending,.task-status-badge.in_progress{color:#92400e;background-color:#fef3c7}.task-status-badge.rejected{color:#920e15;background-color:#ee640f3f}.task-details-section{background:#fff;border-radius:5px;margin-bottom:20px;padding:20px}@media (max-width:768px){.task-details-section{padding:10px}}.task-details-section .task-details-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.task-details-section .task-details-header h3{margin:0;font-size:18px;font-weight:600}.task-details-section .task-description{color:#4b5563;margin-bottom:15px}.task-details-section .task-meta{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:15px;display:grid}.task-details-section .task-meta .meta-item{color:#4b5563;font-size:14px}.task-details-section .task-attachments h4{margin-bottom:10px;font-size:15px}.task-details-section .task-attachments .attachment-list{flex-wrap:wrap;gap:10px;display:flex}.task-details-section .task-attachments .attachment-item{border:1px solid #e5e7eb;border-radius:4px;position:relative;overflow:hidden}.task-details-section .task-attachments .attachment-item button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:5px;right:5px}.timeline-container{background-color:#fff;border-radius:5px;width:100%;margin-bottom:20px;overflow:hidden}.timeline-container .timeline-header{border-bottom:1px solid #e5e7eb;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:24px;padding:15px;display:flex}@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{align-items:center;gap:10px;width:100%;display:flex}@media (min-width:768px){.timeline-container .timeline-header .new-task-action{width:auto}}.timeline-container .timeline-header button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;padding:5px 10px;font-size:14px}@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{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.timeline-container .reminder-form .reminder-content{background:#fff;border-radius:5px;width:90%;max-width:400px;padding:20px;box-shadow:0 10px 25px #0003}@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]{border:1px solid #ccc;border-radius:5px;width:100%;margin-top:.3rem;margin-bottom:1rem;padding:.6rem;display:block}.timeline-container .reminder-form .reminder-content button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;padding:8px 10px;font-size:14px}.timeline-container .reminder-form .reminder-content button:hover{background-color:var(--primary-light)}.timeline-container .timeline-submit-task-wrapper{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.timeline-container .timeline-submit-task-wrapper .timeline-submit-task-inner{background:#fff;border-radius:5px;width:90%;max-width:600px;padding:15px;box-shadow:0 10px 25px #0003}@media (min-width:768px){.timeline-container .timeline-submit-task-wrapper .timeline-submit-task-inner{padding:20px}}.timeline-container .timeline-item{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:10px;padding:15px;display:flex;position:relative}@media (min-width:768px){.timeline-container .timeline-item{flex-direction:row;align-items:flex-start;gap:20px;padding:10px 20px}}.timeline-container .timeline-left{align-items:center;gap:10px;width:100%;display:flex}@media (min-width:768px){.timeline-container .timeline-left{width:auto}}.timeline-container .time-block{justify-content:space-between;align-items:center;width:100%;font-size:14px;font-weight:600;display:flex}@media (min-width:768px){.timeline-container .time-block{justify-content:flex-start;gap:10px;width:auto}}.timeline-container .avatar-wrapper{cursor:pointer;display:inline-block;position:relative}.timeline-container .avatar-wrapper .avatar{cursor:pointer;background-color:#f1f9f9f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;display:flex}@media (min-width:768px){.timeline-container .avatar-wrapper .avatar{margin-right:16px}}.timeline-container .avatar-wrapper .avatar h3{color:var(--primary-color);font-size:14px}.timeline-container .avatar-wrapper .av-tooltip{visibility:hidden;opacity:0;color:#2c2b2e;text-align:left;z-index:9999;background-color:#fff;border-radius:5px;width:fit-content;padding:10px;text-decoration:none;transition:opacity .2s ease-in-out;position:absolute;top:100%;left:0;transform:translate(-10%);box-shadow:0 4px 12px #00000026}.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{z-index:1;background-color:#f1f9f9f9;border-radius:5px;width:100%;padding:15px;position:relative}@media (min-width:768px){.timeline-container .timeline-content{flex:1;padding:16px 20px}}.timeline-container .timeline-content:before{content:"";z-index:-1;background-color:#f1f9f9f9;width:15px;height:15px;position:absolute;top:10px;left:-6px;transform:rotate(140deg)}@media (max-width:767px){.timeline-container .timeline-content:before{display:none}}.timeline-container .timeline-content .task-timeline-downloadall-btn{border:unset;color:var(--primary-color);cursor:pointer;background-color:unset;font-size:14px;font-weight:500;text-decoration:none}.timeline-container .timeline-content .task-timeline-downloadall-btn:hover{text-decoration:underline}.timeline-container .t-date{color:#2c2b2e;font-size:13px;font-weight:700;display:inline-block}@media (min-width:768px){.timeline-container .t-date{font-size:14px}}.timeline-container .t-status{color:#6b7280;font-size:12px;font-weight:500}.timeline-container .card-content strong{color:#2c2b2e;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.timeline-container .description{color:#2c2b2e;margin-top:6px;font-size:16px;line-height:1.6}@media (min-width:768px){.timeline-container .description{font-size:15px}}.timeline-container .attachment-list{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}@media (max-width:480px){.timeline-container .attachment-list{grid-template-columns:repeat(3,1fr);display:grid}}.timeline-container .attachment-image{object-fit:cover;border:1px solid #e2e8eb;border-radius:5px;width:100%;max-width:100px;height:100px}@media (max-width:480px){.timeline-container .attachment-image{height:80px}}.timeline-container .attachment-image img{width:100%;height:auto}.timeline-container .time{color:#6b7280;align-items:center;margin-top:12px;font-size:12px;font-weight:500;display:flex}.timeline-container .time svg{margin-right:6px}.timeline-container .action-buttons{border-top:1px solid #e2e8eb;justify-content:flex-end;gap:10px;padding:15px;display:flex}.reminder-form-group{flex-direction:column;margin-bottom:20px;display:flex}.reminder-form-group .react-datepicker-wrapper{width:100%}.reminder-form-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.reminder-form-group input{width:100%}.reminder-form-action{justify-content:flex-end;align-items:center;gap:10px;display:flex}.attachment-images-popup{width:100%;position:relative}.attachment-images-popup .timeline-images-control{background-color:#fff;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex;position:sticky;bottom:0}.attachment-images-popup img{object-fit:contain;width:100%;height:100%}.timeline-dawnload-imaeg-btn-outer{justify-content:center;padding:15px;display:flex}@media (min-width:768px){.timeline-dawnload-imaeg-btn-outer{padding:20px}}.submit-task-form{flex-direction:column;gap:5px;display:flex}.submit-task-form .form-group{flex-direction:column;display:flex}.submit-task-form .form-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:500;display:block}.submit-task-form .form-group textarea{resize:vertical;border:1px solid #e2e8eb;border-radius:5px;padding:10px;font-size:16px}.submit-task-form .form-group .upload-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed var(--primary-light);text-align:center;cursor:pointer;background:#fff;border-radius:5px;padding:10px;position:relative;overflow:hidden}.submit-task-form .form-group .upload-card:hover{border-color:var(--primary-color);background:#0096930d}.submit-task-form .form-group .upload-card .upload-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.submit-task-form .form-group .upload-card .upload-text{color:#4a4a4a;font-size:14px}.submit-task-form .form-group .upload-card .upload-note{color:#888;font-size:12px}.submit-task-form .image-preview-grid{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.submit-task-form .image-preview-grid .image-preview-item{position:relative;box-shadow:0 4px 6px #0000000c}.submit-task-form .image-preview-grid .image-preview-item img{border-radius:5px}.submit-task-form .image-preview-grid .image-preview-item .remove-image-btn{color:#fff;cursor:pointer;background-color:#ff4d4d;border:none;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;transition:background .3s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0003}.submit-task-form .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.submit-task-form .task-timeline-btn-wrapper{justify-content:flex-end;display:flex}.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{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.task-view-page .overview-grid-container .card{cursor:pointer;background:#fff;border:1px solid #e2e8eb;border-radius:5px;flex-direction:column;padding:10px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.task-view-page .overview-grid-container .card:hover{border-color:var(--primary-color);box-shadow:0 4px 6px #0000000c}.task-view-page .overview-grid-container .card:hover .card-content .card-header .icon-shell{background-color:var(--primary-color);transform:scale(1.05)}.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{flex-direction:column;height:100%;display:flex}.task-view-page .overview-grid-container .card .card-content .card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px;display:flex}.task-view-page .overview-grid-container .card .card-content .card-header .icon-shell{background-color:var(--primary-light-rgb);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .3s;display:flex}.task-view-page .overview-grid-container .card .card-content .card-header .icon-shell svg{color:var(--primary-color);transition:color .3s}.task-view-page .overview-grid-container .card .card-content .card-header .card-values{flex:1}.task-view-page .overview-grid-container .card .card-content .card-header .card-values .card-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:16px;font-weight:500;overflow:hidden}.task-view-page .overview-grid-container .card .card-content .card-header .card-values .value-count{color:var(--primary-color);font-size:20px;font-weight:600;line-height:1.2}.task-view-page .overview-grid-container .card .card-content .card-header .trend-indicator{align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.task-view-page .overview-grid-container .card .card-content .card-header .trend-indicator svg{font-size:16px}.task-view-page .overview-grid-container .card .card-content .card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.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-color);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.task-view-page .stat-performance-container .stats-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;margin-bottom:20px;padding:20px;transition:all .3s}.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{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section{align-items:flex-start;gap:10px;display:flex}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper{background:var(--primary-light-rgb);border-radius:5px;justify-content:center;align-items:center;padding:10px;display:flex}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section .icon-wrapper svg{color:var(--primary-color);font-size:20px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section h3{color:#2c2b2e;margin:0 0 4px;font-size:20px;font-weight:700}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .title-section p{color:#6b7280;margin:0;font-size:16px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats{gap:20px;display:flex}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item{flex-direction:column;align-items:flex-end;display:flex}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-label{color:#6b7280;margin-bottom:4px;font-size:16px}.task-view-page .stat-performance-container .stats-card .card-header-section .header-content .header-stats .stat-item .stat-value{color:#2c2b2e;font-size:18px;font-weight:700}.task-view-page .stat-performance-container .stats-card .card-header-section .controls-section{justify-content:flex-end;align-items:center;gap:10px;display:flex}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}@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{flex-direction:column;gap:8px;display:flex}.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{color:#6b7280;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item .detail-label .field-icon{color:var(--primary-color);font-size:14px}.task-view-page .stat-performance-container .stats-card .task-details-content .detail-grid .detail-item .detail-value{color:#2c2b2e;background:#f8fafc;border:1px solid #e2e8eb;border-radius:5px;align-items:center;padding:10px;font-size:16px;font-weight:400;display:flex}.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{border-top:1px solid #e2e8eb;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.task-view-page .stat-performance-container .stats-card .task-details-content .action-buttons button{cursor:pointer;color:#fff;border:none;border-radius:5px;align-items:center;gap:5px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.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 #ef44444d}.task-view-page .stat-performance-container .stats-card .task-details-content .action-buttons button.approve{background:#01a601;border:1px solid #10b9814d}.task-view-page .stat-performance-container .stats-card .attachments-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item{cursor:pointer;border:1px solid #e2e8eb;border-radius:8px;transition:all .3s;overflow:hidden}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.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{aspect-ratio:1;position:relative}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-image-wrapper .attachment-image{object-fit:cover;width:100%;height:100%}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-image-wrapper .image-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.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{background:#f8fafc;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-info .attachment-name{color:#6b7280;font-size:12px;font-weight:500}.task-view-page .stat-performance-container .stats-card .attachments-grid .attachment-item .attachment-info .download-single-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.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{flex-wrap:wrap;gap:10px;display:flex}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item{background:#f8fafc;border:1px solid #e2e8eb;border-radius:5px;padding:10px;transition:all .3s}.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{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header .history-date{color:#6b7280;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header .history-date .date-icon{color:var(--primary-color);font-size:12px}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-header .history-status{text-transform:capitalize;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.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;margin-bottom:12px;font-size:14px;line-height:1.5}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .attachments-label{color:#6b7280;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .attachments-label .attachments-icon{color:var(--primary-color);font-size:10px}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .history-attachments-list{flex-wrap:wrap;gap:8px;display:flex}.task-view-page .stat-performance-container .stats-card .history-list .history-timeline .history-item .history-attachments .history-attachments-list .history-attachment .history-attachment-img{cursor:pointer;border-radius:4px;transition:transform .3s}.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{justify-content:space-between;width:100%}}@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{flex-wrap:wrap;justify-content:space-between;display:flex}.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{flex-direction:column;gap:10px;display:flex}.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{flex-direction:column;display:flex}}.myTask-table-calender-wrapper{flex-wrap:wrap;gap:20px;display:flex}.myTask-table-calender-wrapper .myTask-table-wrapper{flex:1}.my-tasks-show-all-btn-wrapper{margin-bottom:10px}.my-task-modern-calendar{color:#2e2e2e;-webkit-user-select:none;user-select:none;background:#fff;border-radius:5px;width:320px;max-width:100%;margin:0 auto;box-shadow:0 4px 6px #0000000c}.my-task-modern-calendar .calendar-header{border-bottom:1px solid var(--primary-color);background-color:var(--primary-color);justify-content:center;gap:12px;padding:6px 0;display:flex}.my-task-modern-calendar .calendar-header select.calendar-select{color:#333;cursor:pointer;background-color:#fff;border:1.5px solid #e2e8eb;border-radius:5px;padding:5px 12px;font-family:Rubik,sans-serif;font-size:14px;font-weight:500;transition:border-color .3s,box-shadow .3s}.my-task-modern-calendar .calendar-header select.calendar-select:focus{background-color:#f8f9fc;border-color:#384b70;outline:none;box-shadow:0 0 8px #384b7059}.my-task-modern-calendar .calendar-weekdays{color:#333;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--primary-color);grid-template-columns:repeat(7,1fr);margin-bottom:8px;padding:3px 0;font-size:12px;font-weight:700;display:grid}.my-task-modern-calendar .calendar-weekdays .calendar-weekday{text-align:center;text-transform:uppercase;padding:4px 0}.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{grid-template-columns:repeat(7,1fr);justify-content:center;gap:6px;padding:5px 10px;display:grid}.my-task-modern-calendar .calendar-grid .calendar-cell{color:#2e2e2e;cursor:default;outline-offset:2px;background-color:#f0f0f0;border-radius:5px;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 4px 6px;font-size:14px;font-weight:400;transition:background-color .3s,box-shadow .3s,color .3s;display:flex;position:relative}.my-task-modern-calendar .calendar-grid .calendar-cell.empty{cursor:default;pointer-events:none;background-color:#0000;border:none}.my-task-modern-calendar .calendar-grid .calendar-cell.clickable{cursor:pointer}.my-task-modern-calendar .calendar-grid .calendar-cell.clickable:hover,.my-task-modern-calendar .calendar-grid .calendar-cell.clickable:focus-visible{background-color:#dee9f2;outline:none;box-shadow:0 3px 6px #0000001a}.my-task-modern-calendar .calendar-grid .calendar-cell .calendar-day-number{-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.1}.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{border-radius:50%;width:8px;height:8px;margin-top:4px;display:inline-block}.my-task-modern-calendar .calendar-legend{color:#333;-webkit-user-select:none;user-select:none;border-top:1px solid var(--primary-color);justify-content:center;gap:10px;margin:10px 0;padding:10px 0;font-size:12px;display:flex}.my-task-modern-calendar .calendar-legend .calendar-indicator{border-radius:50%;width:12px;height:12px;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{color:#fff;background-color:orange}.my-task-modern-calendar .calendar-cell.highlight-orange:hover{color:#333}.my-task-modern-calendar .calendar-cell.highlight-green{color:#fff;background-color:#01a601}.my-task-modern-calendar .calendar-cell.highlight-green:hover{color:#333}.my-task-modern-calendar .calendar-cell.highlight-red{color:#fff;background-color:#ff4c51}.my-task-modern-calendar .calendar-cell.highlight-red:hover{color:#333}.chat-attachments{z-index:9;background-color:#fff;border-radius:5px 5px 0 0;width:100%;padding:0 10px;position:absolute;bottom:70px;left:0;overflow:hidden;box-shadow:0 -4px 6px -2px #0000001a}.chat-attachments .attachment-previews{border-top:1px solid #eee;width:100%;margin-top:10px;padding-top:10px;position:relative;overflow:hidden}.chat-attachments .attachment-previews .attachment-preview-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chat-attachments .attachment-previews .attachment-preview-header h4{color:#666;margin:0;font-size:12px;font-weight:500}.chat-attachments .attachment-previews .attachment-preview-header .clear-all-btn{color:#384b70;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:background-color .2s}.chat-attachments .attachment-previews .attachment-preview-header .clear-all-btn:hover{background-color:#0096931a}.chat-attachments .attachment-previews .preview-grid{white-space:nowrap;gap:8px;width:100%;margin-bottom:12px;padding-bottom:4px;display:flex;overflow:auto}.chat-attachments .attachment-previews .preview-grid .preview-item{border:1px solid #00000014;border-radius:5px;flex-shrink:0;max-width:100px;height:80px;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000026}.chat-attachments .attachment-previews .preview-grid .preview-item .image-preview,.chat-attachments .attachment-previews .preview-grid .preview-item .video-preview{object-fit:cover;width:100%;height:100%}.chat-attachments .attachment-previews .preview-grid .preview-item .remove-preview{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:4px;right:4px}.chat-attachments .attachment-previews .document-list{white-space:nowrap;gap:8px;width:100%;margin-bottom:12px;padding-bottom:4px;display:flex;overflow:auto}.chat-attachments .attachment-previews .document-list .document-item{background:#f9f9f9;border-radius:4px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.chat-attachments .attachment-previews .document-list .document-item .document-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.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{color:#999;cursor:pointer;background:0 0;border:none;padding:0}.chat-attachments .attachment-previews .document-list .document-item .remove-document:hover{color:#ff4d4f}.chat-app{background-color:#fff;border-radius:5px;height:600px;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000c}.chat-app.fullView{z-index:2147483647;border-radius:0;width:100%;height:100%;position:fixed;top:0;left:0}.chat-app.autoView{position:relative}.chat-app .chat-sidebar{background-color:#fff;border-right:1px solid #00969329;flex-direction:column;width:350px;display:flex;overflow:hidden}.chat-app .chat-sidebar .chat-users-list{height:600px;padding-bottom:120px;overflow-y:auto}.chat-app .sidebar-header{background-color:#fff;border-bottom:1px solid #e2e8eb;align-items:center;gap:12px;padding:16px;display:flex}.chat-app .search-container{background-color:#f4f4f4;border-radius:5px;flex:1;align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative}.chat-app .search-container .chat-action-btn{background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:auto;right:5px}.chat-app .search-container .chat-action-btn:focus{outline:none}.chat-app .search-icon{color:var(--primary-color);justify-content:center;align-items:center;font-size:14px;display:flex}.chat-app .search-input{color:var(--primary-color);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.chat-app .search-input::placeholder{color:var(--primary-color)}.chat-app .toggle-users-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.chat-app .toggle-users-btn:hover{transform:scale(1.01)}.chat-app .chat-list-container{flex:1;overflow-y:auto}.chat-app .all-users-header{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-app .all-users-header h4{color:#999;font-size:14px;font-weight:600}.chat-app .badge{color:var(--primary-color);background-color:#f4f4f4;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}.chat-app .chat-item{cursor:pointer;border-bottom:1px solid #00969329;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.chat-app .chat-item:hover{background-color:#f4f4f4}.chat-app .chat-item.selected{background-color:rgba(var(--primary-color), .08);box-shadow:inset 3px 0 0 var(--primary-color)}.chat-app .chat-item .message-time{color:#999;font-size:11px;font-weight:500}.chat-app .user-avatar{position:relative}.chat-app .avatar{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.chat-app .status-indicator{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.chat-app .status-indicator.online{background-color:#4ade80}.chat-app .status-indicator.offline{background-color:#94a3b8}.chat-app .user-info{flex:1;min-width:0}.chat-app .user-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.chat-app .unread-count{background-color:var(--primary-color);color:#fff;border-radius:5px;padding:2px 6px;font-size:12px;font-weight:600}.chat-app .user-role{color:#999;font-size:12px}.chat-app .last-message{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-app .message-time{color:#ffffffb3;align-self:flex-start;font-size:12px}.chat-app .empty-state{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.chat-app .clear-search-btn,.chat-app .start-chat-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.chat-app .clear-search-btn:hover,.chat-app .start-chat-btn:hover{background-color:var(--primary-light)}.chat-app .chat-main{background-color:#f4f4f4;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-app .chat-header{z-index:1;background-color:#fff;border-bottom:1px solid #00969329;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chat-app .header-left{align-items:center;gap:12px;display:flex}.chat-app .user-details h3{font-size:16px;font-weight:600}.chat-app .user-status{color:#999;font-size:13px}.chat-app .header-right{align-items:center;gap:8px;display:flex}.chat-app .header-action-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.chat-app .header-action-btn input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer}.chat-app .header-action-btn .delete-count{color:#fff;pointer-events:none;background-color:#ff4d4f;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 4px #0000001a}.chat-app .header-action-btn:hover{color:var(--primary-color);background-color:#f4f4f4}.chat-app .messages-container{background-color:#f9fafb;background-image:linear-gradient(rgba(var(--primary-color), .03) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--primary-color), .03) 1px, transparent 1px);background-size:20px 20px;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;position:relative;overflow-y:auto}.chat-app .messages-container::-webkit-scrollbar{width:5px;height:5px;display:block!important}.chat-app .messages-container::-webkit-scrollbar-track{background:rgba(var(--primary-color), .04);border-radius:5px}.chat-app .messages-container::-webkit-scrollbar-thumb{background:rgba(var(--primary-color), .2);border-radius:5px}.chat-app .messages-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color), .4)}.chat-app .messages-container .scroll-to-bottom-btn{color:var(--primary-color);cursor:pointer;z-index:10;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:auto 10px 10px auto;padding:8px;display:flex;position:sticky;bottom:0;box-shadow:0 2px 5px #00969355}.chat-app .date-label{text-align:center;margin:16px 0;position:relative}.chat-app .date-label span{background-color:rgba(var(--primary-color), .1);color:var(--primary-color);z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:5px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block;position:relative}.chat-app .date-label:before{content:"";z-index:0;background-color:#e2e8eb80;height:1px;position:absolute;top:50%;left:0;right:0}.chat-app .message{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;display:flex}.chat-app .message p,.chat-app .message span{cursor:auto;-webkit-user-select:none;user-select:none}.chat-app .message.sent{justify-content:flex-end;align-self:flex-end}.chat-app .message.received{align-self:flex-start}.chat-app .message-content{word-wrap:break-word;border-radius:5px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.5;position:relative}.chat-app .message-content .message-text{margin-bottom:4px}.chat-app .message-content .message-time{text-align:right;opacity:.8;justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;font-size:11px;display:flex}.chat-app .message-content .message-status{color:var(--primary-color);font-size:14px;position:absolute;bottom:0;right:-20px}.chat-app .message-content .message-status.read{color:#999}.chat-app .message.sent .message-content{background-color:var(--primary-color);color:#fff;border-top-right-radius:4px}.chat-app .message.received .message-content{color:#333;background-color:#fff;border-top-left-radius:4px;box-shadow:0 2px 4px #0000000d}.chat-app .message.received .message-time{color:#999c}.chat-app .empty-chat{text-align:center;color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.chat-app .no-chat-selected{background-color:#f4f4f4;flex:1;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 6px #0000000c}.chat-app .no-chat-content{text-align:center;flex-direction:column;gap:16px;max-width:300px;padding:24px;display:flex}.chat-app .no-chat-content h3{color:#333;font-size:18px;font-weight:600}.chat-app .no-chat-content p{color:#999;font-size:14px}.chat-app .new-chat-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 16px;font-size:16px;font-weight:500;transition:all .2s}.chat-app .new-chat-btn:hover{background-color:var(--primary-light);transform:translateY(-1px)}.chat-app .message-input-container{background-color:#fff;border-top:1px solid #e2e8eb;align-items:center;gap:8px;padding:16px;display:flex;position:relative}.chat-app .attachment-btn{width:40px;height:40px;color:var(--primary-color);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-app .attachment-btn:hover{color:var(--primary-color);background-color:#f4f4f4}.chat-app .attachment-panel{z-index:10;transform-origin:0 100%;background-color:#fff;border-radius:5px;flex-direction:column;min-width:200px;padding:10px;animation:.2s ease-out fadeIn;display:flex;position:absolute;bottom:70px;left:20px;box-shadow:0 10px 30px #00000026}.chat-app .attachment-panel:after{content:"";background-color:#fff;width:12px;height:12px;position:absolute;bottom:-6px;left:20px;transform:rotate(45deg);box-shadow:3px 3px 5px #0000000d}.chat-app .attachment-option{color:#2c2b2e;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.chat-app .attachment-option:hover{background-color:rgba(var(--primary-color), .08);color:var(--primary-color)}.chat-app .attachment-option .icon{color:var(--primary-color);font-size:18px}.chat-app .input-wrapper{background-color:#f4f4f4;border-radius:5px;flex:1;align-items:center;height:40px;padding:0 10px;display:flex}.chat-app .message-input{color:var(--primary-color);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.chat-app .message-input::placeholder{color:var(--primary-color)}.chat-app .emoji-btn{width:36px;height:36px;color:var(--primary-color);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-app .emoji-panel{z-index:10;border-radius:5px;position:absolute;bottom:70px;right:70px;overflow:hidden;box-shadow:0 10px 15px #0000001a}.chat-app .send-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;margin:auto;display:flex}.chat-app .send-btn:disabled{color:#666;cursor:not-allowed;box-shadow:none;opacity:.7;background:#cccccc82;transform:none}.chat-app .chat-list-skeleton{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.chat-app .chat-item-skeleton{align-items:center;gap:12px;display:flex}.chat-app .chat-info-skeleton{flex-direction:column;flex:1;gap:8px;display:flex}.chat-app .messages-skeleton{flex-direction:column;gap:12px;padding:16px;display:flex}.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{z-index:999999;background:#fff;border-radius:5px;min-width:160px;position:absolute;overflow:hidden;box-shadow:0 2px 10px #0003}.action-popup .popup-item{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 12px;transition:background-color .2s;display:flex}.action-popup .popup-item:hover{background-color:#f5f5f5}.action-popup .popup-item input[type=checkbox]{accent-color:var(--primary-color);margin-left:8px}.message.selected{background-color:#0077ff1a;border-radius:5px;position:relative}.message.selected:before{content:"";z-index:9999;background-color:#0077ff1a;width:100%;height:100%;position:absolute}@media (min-width:769px){.chat-sidebar{border-right:1px solid #e0e0e0;width:350px}.mobile-hidden{display:block!important}.chatback-button{display:none}}@media (max-width:768px){.chat-app{flex-direction:column;height:78vh}.chat-app .chat-sidebar{border-bottom:1px solid #e2e8eb;border-right:none;width:100%;height:auto}.chat-app .chat-item.selected,.chat-app .chat-item:hover{box-shadow:none;background-color:#0000}.chat-app .emoji-panel{right:0}.chat-app .input-wrapper{height:35px}.chat-app .send-btn,.chat-app .attachment-btn,.chat-app .avatar{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{max-width:90%;padding:5px 10px}.chat-app .message-content .message-time{margin-top:2px;font-size:10px}.chat-app .date-label{margin:10px 0}.chat-main{flex:1}.chat-list-container{z-index:10;width:100%;transition:transform .3s;position:relative;top:0;left:0}.chat-main{width:100%;height:100%;transition:transform .3s;position:relative;top:0;left:0;transform:translate(100%)}.mobile-hidden{height:0;transform:translate(-100%)}.mobile-hidden .chat-item{background:0 0}.mobile-hidden .chat-item:before,.mobile-hidden .chat-item:after{content:""}.chat-main:not(.mobile-hidden){transform:translate(0)}.chatback-button{cursor:pointer;color:#333;background:0 0;border:none;justify-content:center;align-items:center;margin-right:10px;font-size:1.2rem;display:flex}}.settings-container{flex-direction:row;gap:1.5rem;height:100%;display:flex}.settings-container .settings-navigation{width:250px;min-width:250px}.settings-container .settings-content{flex:1;padding:0;overflow-y:auto}.settings-container .settings-nav{background-color:#fff;border:1px solid #e2e8eb;border-radius:5px;position:relative}.settings-container .settings-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.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-color)}.settings-container .settings-item.active{background-color:#dee9f2}.settings-container .settings-item.active .settings-label{color:var(--primary-color);font-weight:600}.settings-container .settings-item.active svg{color:var(--primary-color)}.settings-container .settings-button{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:1rem;transition:background .2s;display:flex}.settings-container .settings-button:hover{background-color:#fafafa}.settings-container .settings-item-content{align-items:center;display:flex}.settings-container .settings-icon{color:#656464;margin-right:15px;font-size:20px}.settings-container .settings-text{flex-direction:column;align-items:flex-start;display:flex}.settings-container .settings-text .settings-label{font-size:.95rem}.settings-container .settings-text .settings-sublabel{color:#777;font-size:.75rem}@media (max-width:1024px){.settings-container{flex-direction:column;gap:1rem;padding:0}.settings-container .settings-navigation{order:-1;width:100%}.settings-container .settings-content{padding:1rem .5rem}.settings-container .settings-nav{scroll-snap-type:x mandatory;border-bottom:2px solid #e0e0e0;overflow-x:auto}.settings-container .settings-nav::-webkit-scrollbar{height:3px}.settings-container .settings-nav::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:2px}.settings-container .settings-nav::-webkit-scrollbar-track{background:0 0}.settings-container .settings-list{grid-template-columns:repeat(6,1fr);display:grid}.settings-container .settings-item{border:1px solid #eee;display:inline-block}.settings-container .settings-button{text-align:center;flex-direction:column;min-width:20px;height:100%;padding:.75rem 1rem}.settings-container .settings-button:focus{border-bottom:2px solid var(--primary-color);background-color:#dee9f2}.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:.85rem}.settings-container .settings-text .settings-sublabel{display:none}}@media (max-width:768px){.settings-container .modal-actions{margin:0}.settings-container .settings-content{padding:10px 0 0}.settings-container .settings-text{display:none}.settings-container .settings-list{grid-template-columns:repeat(6,1fr);display:grid}}@media (max-width:468px){.settings-container{gap:5px}.settings-container .settings-button{min-width:50px;padding:.3rem .5rem}.settings-container .settings-icon{margin-bottom:0;margin-right:0}}.department-form-wrapper{flex-direction:column;gap:20px;display:flex}.shift-page .responsive-table .table-view .table-actions{justify-content:flex-start;gap:10px;display:flex}.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-color)}.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{border:1px solid #e2e8eb;border-radius:5px;outline:none;width:100%;padding:8px 12px;transition:border-color .2s}@media (max-width:768px){.shift-page .navigation-buttons{margin-bottom:20px}}.tax-page .action-buttons{justify-content:flex-start;gap:.5rem;display:flex}.tax-page .action-buttons svg{font-size:16px}.tax-page .update-add-btn{background-color:var(--primary-color);color:#fff;gap:5px;display:flex}.tax-page .update-add-btn .MuiButton-icon{margin:0}.tax-page .edit-btn{color:var(--primary-color)}.tax-page .delete-btn{color:#ff4c51}.tax-form-wrapper{flex-direction:column;gap:15px;display:flex}.tax-form-wrapper label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.tax-form-wrapper input{border:1px solid #efefef;border-radius:5px;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{justify-content:flex-end;gap:10px;display:flex}.permissions-form-outer td{text-transform:capitalize}.permissions-page{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 4px 6px #0000000c}.permissions-page h5{color:#2c2b2e;font-size:24px;font-weight:700}.permissions-page .role-cards-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:center;gap:20px;display:grid}.permissions-page .role-cards-container .role-card,.permissions-page .role-cards-container .add-role-card{cursor:pointer;background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0000000c}.permissions-page .role-cards-container .role-card{flex-direction:column;gap:10px;padding:10px;display:flex}.permissions-page .role-cards-container .role-card .role-card-actions .role-action{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.permissions-page .role-cards-container .add-role-card{justify-content:center;align-items:center;gap:10px;display:flex}.permissions-page .role-cards-container .add-role-card .add-role-body{padding:10px}.permissions-form-actions-icons-outer{border:none;justify-content:center;gap:10px;display:flex}.role-details-container{flex-wrap:wrap;gap:10px;display:flex}.role-details-container .role-detail-item{white-space:nowrap;border-radius:5px;flex:1;align-items:flex-start;gap:10px;display:flex}.role-details-container .role-detail-item .detail-icon{color:#384b70;margin-top:5px}.role-details-container .role-detail-item .detail-content h4{color:#2c2b2e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 5px;font-size:14px;font-weight:600}.role-details-container .role-detail-item .detail-content p{color:#2c2b2e;margin:0;font-size:13px}.role-details-container .permissions-badge{align-items:center;gap:8px;font-size:13px;display:flex}.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{color:#2c2b2e;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.sop-wrapper .sop-heading svg{color:#384b70;font-size:14px}.sop-wrapper .sop-content{color:#2c2b2e;overflow-wrap:break-word;white-space:normal;background:#fff;border:1px solid #e2e8eb;border-radius:6px;padding:10px 20px;font-size:13px;line-height:20px}.sop-wrapper .sop-content *{word-wrap:break-word;word-break:break-word;max-width:100%}.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{margin:8px 0 4px;font-size:14px;font-weight:600}.sop-wrapper .sop-content p,.sop-wrapper .sop-content span,.sop-wrapper .sop-content div{font-size:13px;line-height:20px}.sop-wrapper .sop-content ul,.sop-wrapper .sop-content ol{margin:6px 0;padding-left:18px}.sop-wrapper .sop-content img{object-fit:contain;border-radius:5px;width:100%;height:200px}.sop-wrapper .sop-content table{border-collapse:collapse;width:100%;margin-top:8px}.sop-wrapper .sop-content table th,.sop-wrapper .sop-content table td{text-align:left;border:1px solid #ccc;padding:6px;font-size:12px}.sop-wrapper .sop-content table th{background-color:#f1f1f1}.bank-account-form-wrapper .bank-account-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.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{-webkit-appearance:none;margin:0}.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{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.bank-account-list .add-bank-btn-outer{justify-content:flex-end;gap:5px;margin-bottom:1rem;display:flex}@media (max-width:468px){.bank-account-form-wrapper .bank-account-form{flex-direction:column;display:flex}}.leave-form-wrapper .form-input-lable-wrapper,.holiday-form-wrapper .form-input-lable-wrapper{flex-direction:column;gap:5px;display:flex}.leave-form-wrapper .form-input-lable-wrapper label,.holiday-form-wrapper .form-input-lable-wrapper label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.leave-form-wrapper s .leave-form,.leave-form-wrapper .holiday-form,.holiday-form-wrapper s .leave-form,.holiday-form-wrapper .holiday-form{flex-direction:column;gap:1rem;display:flex}.leave-form-wrapper .leave-form,.holiday-form-wrapper .leave-form{flex-direction:column;gap:10px;display:flex}.leave-form-wrapper .leave-form label,.holiday-form-wrapper .leave-form label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.leave-form-wrapper .leave-form input,.leave-form-wrapper .leave-form select,.leave-form-wrapper .holiday-form input,.leave-form-wrapper .holiday-form select,.holiday-form-wrapper .leave-form input,.holiday-form-wrapper .leave-form select,.holiday-form-wrapper .holiday-form input,.holiday-form-wrapper .holiday-form select{border:1.5px solid #e2e8eb;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:16px;transition:border-color .3s}.leave-form-wrapper .leave-form input:focus,.leave-form-wrapper .leave-form select:focus,.leave-form-wrapper .holiday-form input:focus,.leave-form-wrapper .holiday-form select:focus,.holiday-form-wrapper .leave-form input:focus,.holiday-form-wrapper .leave-form select:focus,.holiday-form-wrapper .holiday-form input:focus,.holiday-form-wrapper .holiday-form select:focus{border-color:var(--primary-light)}.leave-form-wrapper .leave-form-actions,.leave-form-wrapper .holiday-form-actions,.holiday-form-wrapper .leave-form-actions,.holiday-form-wrapper .holiday-form-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}@media (max-width:480px){.leave-form-wrapper .leave-form-wrapper,.leave-form-wrapper .holiday-form-wrapper,.holiday-form-wrapper .leave-form-wrapper,.holiday-form-wrapper .holiday-form-wrapper{max-width:100%;padding:1rem}}.action-buttons{gap:10px;display:flex}.action-buttons .icon-button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:16px}.action-buttons .icon-button.edit-button{color:var(--primary-color)}.action-buttons .icon-button.delete-button{color:#ff4c51}.action-buttons .icon-button:hover{opacity:.8}.leave-holiday-container .tabs{border-bottom:1px solid #e1e4e8;margin-bottom:20px;display:flex;position:relative}.leave-holiday-container .add-holiday-leave-btn-wrapper{justify-content:flex-end;margin-bottom:20px;display:flex}.leave-holiday-container .tab{cursor:pointer;color:#586069;background:0 0;border:none;border-radius:6px 6px 0 0;justify-content:center;align-items:center;gap:8px;margin-right:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative}.leave-holiday-container .tab:hover{color:var(--primary-color);background-color:#f6f8fa}.leave-holiday-container .tab.active{color:var(--primary-color);background-color:#fff}.leave-holiday-container .tab.active:after{content:"";background-color:var(--primary-color);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.leave-holiday-container .setting-tab-content{border-radius:6px;padding:20px}.leave-holiday-container .setting-tab-content>*{animation:.3s ease-in-out fadeIn}@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{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.Sdash-container .s-card{cursor:pointer;border:none;border-radius:5px;padding:8px 10px;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000c}.Sdash-container .s-card.clickable{transition:all .2s}.Sdash-container .s-card.clickable:hover{cursor:pointer;transition:all .2s;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.Sdash-container .s-card .card-content{align-items:center;gap:10px;display:flex}.Sdash-container .s-card .icon-shell{background:#384b701a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex}.Sdash-container .s-card .icon-shell .card-icon{color:#384b70;font-size:16px}.Sdash-container .s-card .card-title{color:#999;margin-bottom:2px;font-size:13px;font-weight:500}.Sdash-container .s-card .card-value{color:#384b70;margin:2px 0;font-size:24px;font-weight:700}.Sdash-container .s-card .progress-tag .trend{border-radius:8px;padding:2px 6px;font-size:10px}.Sdash-container .s-card .progress-tag .trend.up{color:#01a601;background:#01a6011a}.Sdash-container .s-card .progress-tag .trend.down{color:#ff4c51;background:#ff4c511a}.Sdash-container .s-card.admin-card{background:#fff;box-shadow:0 4px 6px -1px #4299e11a,0 2px 4px -1px #4299e10f}.Sdash-container .s-card.admin-card .icon-shell,.Sdash-container .s-card.admin-card .card-icon,.Sdash-container .s-card.admin-card .card-value{color:#4299e1}.Sdash-container .s-card.company-card{background:#fff;box-shadow:0 4px 6px -1px #48bb781a,0 2px 4px -1px #48bb780f}.Sdash-container .s-card.company-card .icon-shell,.Sdash-container .s-card.company-card .card-icon,.Sdash-container .s-card.company-card .card-value{color:#48bb78}.Sdash-container .s-card.verified-card{background:#fff;box-shadow:0 4px 6px -1px #9f7aea1a,0 2px 4px -1px #9f7aea0f}.Sdash-container .s-card.verified-card .icon-shell,.Sdash-container .s-card.verified-card .card-icon,.Sdash-container .s-card.verified-card .card-value{color:#9f7aea}.Sdash-container .s-card.pending-card{background:#fff;box-shadow:0 4px 6px -1px #ed89361a,0 2px 4px -1px #ed89360f}.Sdash-container .s-card.pending-card .icon-shell,.Sdash-container .s-card.pending-card .card-icon,.Sdash-container .s-card.pending-card .card-value{color:#ed8936}.location-form{grid-template-columns:repeat(3,1fr);gap:0 20px;display:grid}.location-form .map-group{grid-column:1/-1}.admin-avatar-placeholder{color:#fff;background-color:#ccc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;font-weight:700;display:flex}.allAdmin-table-outer select,.allAdmin-table-outer input{border-radius:5px;padding:3px 11px;font-size:14px}.allAdmin-table-outer select{cursor:pointer;box-shadow:0 4px 6px #0000000c}.allAdmin-table-outer .status-select{border-radius:5px;padding:6px 10px;font-weight:500}.allAdmin-table-outer .status-select.active{color:#22c55e;background-color:#f0fdf4;border:1px solid #22c55e}.allAdmin-table-outer .status-select.blocked{color:#ef4444;background-color:#fef2f2;border:1px solid #ef4444}.company-table-outer select{cursor:pointer;box-shadow:0 4px 6px #0000000c}.company-table-outer select,.company-table-outer input{border-radius:5px;padding:3px 11px;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.rejected,.company-table-outer .verification-select.block{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{gap:15px;margin-bottom:20px;display:flex}.Scompany-nav-outer ul a{color:#fff;font-weight:500;text-decoration:none}.Scompany-nav-outer .content-area{width:100%;margin:0 50px}.Scompany-nav-outer .company-table td:last-child{border:none;justify-content:center;align-items:center;gap:10px;display:flex}.Scompany-nav-outer .action-buttons{align-items:center;gap:10px;display:flex}.Scompany-nav-outer .action-buttons button{background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:600}.Scompany-nav-outer .action-buttons button:hover{border-color:rgba(var(--primary-color), .2);cursor:pointer;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.vc-modern-container .subscribed-package-card{background:#fff;border:1px solid #e2e8eb;border-radius:5px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000c}.vc-modern-container .subscribed-package-card .ribbon{background:var(--primary-color);color:#fff;padding:3px 25px;font-size:12px;font-weight:700;position:absolute;top:15px;right:-25px;transform:rotate(45deg);box-shadow:0 1px 3px #0003}.vc-modern-container .subscribed-package-card h2{color:var(--primary-color);border-bottom:1px solid #e2e8eb;margin-top:0;margin-bottom:15px;padding-bottom:8px;font-size:18px}.vc-modern-container .subscribed-package-card ul{margin:0 0 15px;padding:0;list-style:none}.vc-modern-container .subscribed-package-card ul li{border-bottom:1px dashed #e2e8eb;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.vc-modern-container .subscribed-package-card ul li strong{color:#555;font-weight:600}.vc-modern-container .subscribed-package-card ul li:last-child{border-bottom:none}.vc-modern-container .subscribed-package-card .package-upgrade-btn-outer{justify-content:flex-end;display:flex}.vc-modern-container .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background .2s}.vc-modern-container .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn:hover{background:var(--primary-color)}.vc-modern-header{background:#fff;border-radius:5px;margin-bottom:20px;padding:10px 20px}.vc-company-logo{align-items:center;gap:5px;display:flex}.vc-modern-back{color:var(--primary-color);align-items:center;margin-bottom:1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.vc-modern-back:hover{color:rgba(var(--primary-color), 15%)}.vc-header-main{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.vc-header-main .vc-company-logo-wrapper{border-radius:50%;flex-shrink:0;width:80px;height:80px;margin-right:1rem;overflow:hidden;box-shadow:0 0 5px #0000001a}.vc-header-main .vc-company-logo-wrapper img.vc-company-logo{object-fit:cover;width:100%;height:100%}.vc-company-name{color:var(--primary-color);border-bottom:1px solid var(--primary-color);margin-bottom:.5rem;font-size:24px;font-weight:700}.vc-company-meta{color:var(--primary-color);border-bottom:1px solid var(--primary-color);gap:1rem;padding-bottom:5px;font-size:14px;display:flex}.vc-company-meta span{padding:0 5px;position:relative}.vc-company-meta span:not(:last-child):after{content:"|";color:var(--primary-color);position:absolute;right:-.5rem}.vc-status-container{border-bottom:1px solid var(--primary-color);flex-shrink:0;gap:.75rem;padding-bottom:5px;display:flex}.vc-status{border-radius:5px;padding:.5rem 1rem;font-size:14px;font-weight:600}.vc-status-verified{color:#01a601;background:#01a6011a}.vc-status-pending{color:#fc0;background:#ffcc001a}.vc-status-unpaid{color:#ff4c51;background:#ff4c511a}.vc-modern-grid{grid-template-columns:1fr 400px;gap:20px;display:grid}.vc-details-card{background:#fff;border-radius:5px;margin-bottom:20px;padding:20px}.vc-details-card .toggle-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:13px;font-weight:500;text-decoration:underline;transition:color .2s}.vc-section-title{color:var(--primary-color);border-bottom:2px solid #f3f3f3;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:18px;display:flex}.vc-title-icon{color:var(--primary-color)}.vc-detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.vc-detail-grid .vc-status{text-transform:capitalize;border-radius:5px;padding:4px 10px;font-weight:600;display:inline-block}.vc-detail-grid .vc-status.vc-status-success{color:#01a601}.vc-detail-grid .vc-status.vc-status-warning,.vc-detail-grid .vc-status.vc-status-danger,.vc-detail-grid .vc-status.vc-status-default{color:#ff4c51}.vc-detail-item{background:#f9f9f9;border-radius:5px;padding:1rem}.vc-detail-item .buttons.vc-terms-showmore-buttons{margin-top:10px}.vc-detail-label{color:#999;margin-bottom:.25rem;font-size:14px}.vc-detail-value{color:#2c2b2e;text-transform:capitalize;font-size:18px;font-weight:500}.vc-action-buttons{gap:1rem;margin-top:2rem;display:flex}.vc-action-btn{border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-weight:600;transition:all .3s;display:inline-flex}.vc-action-btn.vc-edit-btn{color:#fff;background:var(--primary-color);cursor:pointer;border:none}.vc-action-btn.vc-edit-btn:hover{background:#00969329}.vc-action-btn.vc-delete-btn{color:#fff;cursor:pointer;background:#ff4c51;border:none}.vc-action-btn.vc-delete-btn:hover{background:#ff4c511a}.vc-documents-card{background:#fff;border-radius:5px;padding:20px;position:sticky;top:20px}.vc-documents-grid{gap:1.5rem;display:grid}.company-documents-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.vc-document-card{border:1px solid #e2e8eb;border-radius:5px;overflow:hidden}.vc-document-header{color:#2c2b2e;background:#f9f9f9;justify-content:space-between;align-items:center;gap:10px;padding:1rem;font-weight:600;display:flex}.vc-document-preview{background:#f3f3f3;height:250px;position:relative}.vc-document-image{transition:transform .3s}.vc-document-image:hover{transform:scale(1.05)}.vc-document-missing{color:#999;justify-content:center;align-items:center;height:100%;font-style:italic;display:flex}.company-card-link{color:inherit;text-decoration:none;display:block}.company-card-link .company-card{cursor:pointer;transition:transform .2s}.company-card-link .company-card:hover{transform:scale(1.02)}@media (max-width:1200px){.vc-modern-grid{grid-template-columns:1fr}.vc-documents-card{position:static}}@media (max-width:768px){.vc-header-main{flex-direction:column;gap:10px}.vc-header-main .vc-company-name{font-size:24px}.company-documents-grid{grid-template-columns:1fr 1fr}.vc-action-buttons{margin-top:0}.vc-modern-container{padding:0}.vc-documents-card,.vc-details-card{padding:10px}}@media (max-width:448px){.vc-company-logo{text-align:center;flex-direction:column;align-items:center;width:100%}.company-documents-grid{grid-template-columns:1fr}.vc-company-meta{flex-direction:column;gap:5px}.vc-company-id:after{display:none}}.edit-company-wrapper{background:#fff;border-radius:5px;margin:32px auto;padding:32px;font-family:Segoe UI,sans-serif;box-shadow:0 8px 24px #0000000d}.edit-company-wrapper h1{margin-bottom:24px;font-size:24px;font-weight:700}.edit-company-form{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.edit-company-form .form-group{flex-direction:column;display:flex}.edit-company-form .form-group label{color:#2c2b2e;margin-bottom:6px;font-size:16px;font-weight:500}.edit-company-form .form-group input,.edit-company-form .form-group select{border:1px solid #00969357;border-radius:5px;width:100%;padding:10px;font-size:16px}.edit-company-form .form-group input:focus,.edit-company-form .form-group select:focus{border-color:var(--primary-color);outline:none}.edit-company-form .form-group select{cursor:pointer}.edit-company-form .image-preview{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;width:100%;height:200px;position:relative;overflow:hidden}.vadmin-container{background-color:#f9f9f9;min-height:100vh;font-family:Rubik,sans-serif;font-size:16px}.modern-admin-card{background:#fff;border-radius:5px;gap:3rem;margin-bottom:3rem;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #01969314}.modern-admin-card:before{content:"";background:var(--primary-color);width:3px;height:100%;position:absolute;top:0;left:0}.modern-admin-card .admin-image-side{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.modern-admin-card .admin-image-side .admin-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000000c}.modern-admin-card .admin-image-side span[class*=admin-status]{color:#fff;text-transform:capitalize;background:#01a601;border-radius:5px;padding:.3rem 1rem;font-size:12px;font-weight:600;position:relative;box-shadow:0 4px 6px #0000000c}.modern-admin-card .admin-image-side span[class*=admin-status].blocked{background:#ff4c51}.modern-admin-card .admin-image-side span[class*=admin-status]:before{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.modern-admin-card .admin-info-side-outer{flex-grow:1}.modern-admin-card .admin-info-side-outer h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:24px;font-weight:600}.modern-admin-card .admin-info-side{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.modern-admin-card .admin-info-side .admin-field{color:#333;border-bottom:1px dashed var(--primary-color);align-items:center;gap:7px;padding-bottom:7px;font-size:14px;display:flex}.modern-admin-card .admin-info-side .admin-field .admin-info-side-lable-value{flex-wrap:wrap;gap:7px;display:flex}.modern-admin-card .admin-info-side .admin-field svg{color:var(--primary-color);flex-shrink:0;font-size:16px}.modern-admin-card .admin-info-side .admin-field strong{color:#2c2b2e;font-weight:500}.modern-admin-card .admin-info-side .admin-field .admin-info-side-lable{align-items:center;gap:5px;display:flex}.company-cards-outer{background:#fff;border-radius:5px;padding:2rem;box-shadow:0 18px 40px #01969314}.company-cards-outer .admin-subtitle{color:var(--primary-color);border-bottom:.5px solid var(--primary-color);margin-bottom:1.5rem;padding-bottom:5px;font-size:24px;font-weight:600}.company-cards-outer .company-cards-wrapper{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.company-cards-outer .company-cards-wrapper .company-card{background:#f3f3f3;border-radius:5px;padding:1.5rem;transition:all .3s}.company-cards-outer .company-cards-wrapper .company-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0000000c}.company-cards-outer .company-cards-wrapper .company-card h3{color:#2c2b2e;margin-bottom:.5rem;font-size:15px;font-weight:500}.company-cards-outer .company-cards-wrapper .company-card p{color:#999;font-size:14px}.company-cards-outer .no-companies{color:#999;text-align:center;padding:2rem;font-size:14px}@media (max-width:768px){.modern-admin-card{flex-direction:column;gap:2rem;padding:20px 10px}.modern-admin-card:before{display:none}.modern-admin-card .admin-info-side{grid-template-columns:repeat(2,1fr)}.company-cards-outer{padding:10px}}@media (max-width:468px){.modern-admin-card .admin-info-side .admin-field .admin-info-side-lable-value{justify-content:space-between;width:100%;font-size:14px}.modern-admin-card .admin-info-side-outer h2{margin-bottom:15px;font-size:20px}.modern-admin-card .admin-info-side{grid-template-columns:repeat(1,1fr)}.company-cards-outer .admin-subtitle{font-size:16px}}.business-categories{margin:0 auto;padding:20px 0}.business-categories .section-header{margin-bottom:24px}.business-categories .section-header h2{color:#333;margin-bottom:4px;font-size:24px;font-weight:600}.business-categories .section-header p{color:#666;font-size:14px}.business-categories .category-form{gap:12px;margin-bottom:24px;display:flex}.business-categories .category-form input,.business-categories .category-form select{border:1px solid #ddd;border-radius:6px;width:100%;max-width:250px;padding:10px 12px;font-size:14px}.business-categories .category-form input:focus,.business-categories .category-form select:focus{border-color:var(--primary-color);outline:none}.business-categories .category-form .form-buttons{gap:8px;display:flex}.business-categories .categories-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.business-categories .categories-list .category-item{background:#fff;border-radius:5px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;box-shadow:0 4px 6px #0000000c}.business-categories .categories-list .category-item span{white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:500;overflow:hidden}.business-categories .categories-list .category-item .item-actions{gap:8px;display:flex}.business-categories .categories-list .category-item .item-actions button{background:0 0;border:none;font-size:14px}.business-categories .categories-list .loader,.business-categories .categories-list .error{text-align:center;grid-column:1/-1;padding:20px}.business-categories .categories-list .error{color:#d32f2f}.business-categories .view-more{background:#f5f5f5;width:100%;margin-top:16px}.business-types-page .add-business-type-btn-wrapper{justify-content:flex-end;margin-bottom:10px;display:flex}.busness-type-form-wrapper .busness-type-input-wrapper{flex-direction:column;gap:10px;display:flex}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group{flex-direction:column;display:flex}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.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{justify-content:flex-end;gap:10px;margin-top:21px;display:flex}.add-package-form{flex-direction:column;gap:20px;display:flex}.add-package-form .form-group-outer{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.add-package-form .form-group-outer .form-group .multi-select{position:relative}.add-package-form .form-group-outer .form-group .multi-select .dropdown-toggle{text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:10px;transition:border-color .2s;display:flex}.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:#384b70;font-size:12px}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:5px;max-height:300px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu .dropdown-item{cursor:pointer;text-transform:capitalize;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.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{color:#384b70;font-size:14px;font-weight:600}.add-package-form .form-group-outer .form-group .multi-select .dropdown-menu .dropdown-item input[type=checkbox]{accent-color:#384b70;width:15px;height:15px}.add-package-form .plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.add-package-form .plans-grid .plan-card{background:#384b70;border-radius:5px;flex:1;overflow:hidden}.add-package-form .plans-grid .plan-card h3{text-align:center;color:#fff;padding:10px 12px 5px}.add-package-form .plans-grid .plan-card-content{background-color:#fff;border-radius:5px;margin:1px;padding:10px 12px}.add-package-form .plans-grid .plan-card .rules-section{margin-top:10px}.add-package-form .plans-grid .plan-card .rules-section .rule-row{align-items:center;gap:10px;margin-top:8px;display:flex}.add-package-form .plans-grid .plan-card .rules-section .rule-row input{flex:1}.add-package-form .plans-grid .plan-card .rules-section .rule-row svg{color:#ff4c51}.add-package-form .plans-grid .plan-card .modules{flex-direction:column;gap:6px;margin-top:10px;display:flex}.add-package-form .plans-grid .plan-card .modules label{text-transform:capitalize;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.add-package-form .plans-grid .plan-card .modules input{accent-color:#384b70;width:16px;height:16px}.add-package-form .package-action{justify-content:flex-end;display:flex;position:relative}.plan-config{flex-direction:column;gap:5px;display:flex}.plan-config strong{color:#4a5568;font-size:13px}.pricing-cards-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:2rem;display:grid}@media (max-width:768px){.pricing-cards-container{grid-template-columns:1fr}}.pricing-cards-container .pricing-card{background:#fff;border-radius:8px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 10px #0000001a}.pricing-cards-container .pricing-card .card-header{background:var(--primary-color);color:#fff;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:relative}.pricing-cards-container .pricing-card .card-header .clear-card-btn{color:#ff4c51;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;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}.price-input-group,.limit-input-group{margin-bottom:15px}.price-input-group label,.limit-input-group label{color:#333;align-items:center;gap:8px;margin-bottom:5px;font-weight:500;display:flex}.price-input-group input,.limit-input-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:14px}.limit-checkbox-group{flex-direction:column;grid-column:1/-1;gap:10px;margin-top:10px;display:flex}.limit-checkbox-group label{cursor:pointer;color:#4a5568;align-items:center;gap:8px;font-size:.95rem;transition:color .2s;display:flex}.limit-checkbox-group label:hover{color:#2d3748}.limit-checkbox-group label input[type=checkbox]{accent-color:#384b70;width:15px;height:15px}.price-input-group input{color:var(--primary-color);font-weight:700}@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 .pricing-grid{grid-template-columns:1fr}}.refund_view_outer{color:#1f2937;background:#f9fafb;min-height:100vh;font-family:Inter,sans-serif}.refund_view_outer .refund_view_title{color:#111827;margin-bottom:20px;font-size:22px;font-weight:600}.refund_view_outer .refund_view_card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:16px 20px;box-shadow:0 2px 6px #0000000a}.refund_view_outer .refund_view_card .refund_view_section_title{color:#374151;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px;font-size:20px;font-weight:600;display:flex}.refund_view_outer .refund_view_card p{flex-direction:column;gap:5px;margin-bottom:6px;font-size:14px;display:flex}.refund_view_outer .refund_view_card p strong{color:#111827;font-weight:500}.refund_view_outer .refund_view_records_list{margin:0;padding:0;list-style:none}.refund_view_outer .refund_view_records_list .refund_view_record_item{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;padding:10px 0;display:flex}.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_status,.refund_view_outer .refund_view_refund_status,.refund_view_outer .refund_view_record_status{border-radius:6px;padding:3px 8px;font-size:13px;font-weight:500;display:inline-block}.refund_view_outer .refund_view_status{color:#1e40af;background:#dbeafe}.refund_view_outer .refund_view_refund_status{color:#92400e;background:#fef3c7}.refund_view_outer .refund_view_record_status.approved{color:#166534;background:#dcfce7}.refund_view_outer .refund_view_record_status.completed{color:#1e3a8a;background:#dbeafe}.refund_view_outer .refund_view_record_status.declined{color:#991b1b;background:#fee2e2}.refund_view_outer .refund_view_record_status.pending{color:#92400e;background:#fef3c7}.refund_view_outer .refund_view_actions{gap:12px;margin-top:20px;display:flex}.refund_view_outer .refund_view_actions .refund_view_btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.refund_view_outer .refund_view_actions .refund_view_btn_approve{color:#fff;background:#22c55e}.refund_view_outer .refund_view_actions .refund_view_btn_approve:hover{background:#16a34a}.refund_view_outer .refund_view_actions .refund_view_btn_complete{color:#fff;background:#3b82f6}.refund_view_outer .refund_view_actions .refund_view_btn_complete:hover{background:#2563eb}.refund_view_outer .refund_view_actions .refund_view_btn_decline{color:#fff;background:#ef4444}.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{max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.refund_view_status_item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 2px 4px #0000000d}.refund_view_status_item:last-child{margin-bottom:0}.refund_view_status_item p{color:#333;margin:8px 0;font-size:14px;line-height:1.4}.refund_view_status_item strong{color:#495057;min-width:120px;font-weight:600;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{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.refund_status_badge.pending{color:#856404;background-color:#fff3cd}.refund_status_badge.approved{color:#0c5460;background-color:#d1ecf1}.refund_status_badge.refunded{color:#155724;background-color:#d4edda}.refund_status_badge.declined{color:#721c24;background-color:#f8d7da}.refund_modal_header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:16px}.refund_modal_footer{text-align:right;border-top:1px solid #e9ecef;margin-top:20px;padding-top:16px}.refund_modal_close_btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.refund_modal_close_btn:hover{background:#5a6268}.refund_view_empty_state{text-align:center;color:#6c757d;padding:40px 20px}.refund_view_empty_state p{margin:0;font-size:16px}@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{flex-direction:column;gap:12px;display:flex}.refund_view_decline_form .refund_view_decline_textarea{border:1px solid #efefef;border-radius:5px;width:100%;padding:8px 12px;font-size:16px}.refund_view_decline_form .refund_view_decline_textarea:focus{border-color:var(--primary-light);background:0 0}.refund_view_decline_form .refund_view_decline_actions{justify-content:flex-end;gap:10px;display:flex}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:Rubik,sans-serif!important}svg{cursor:pointer}::selection{background:var(--primary-color);color:#fff}::selection{background:var(--primary-color);color:#fff}label{letter-spacing:.4px;color:#2c2b2e;margin-bottom:10px;font-size:15px;font-weight:500;display:block}@media (max-width:480px){label{margin-bottom:6px;font-size:14px}}body,button,input,textarea,.MuiTypography-root{font-family:Rubik,sans-serif!important}.drag-scroll{cursor:grab;-webkit-user-select:auto;user-select:auto}.drag-scroll.dragging,.drag-scroll.dragging tr,.drag-scroll.dragging th{cursor:grabbing;-webkit-user-select:none;user-select:none}body{background-color:#f8f7fa}body>.skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame,div#goog-gt-{display:none!important}.goog-te-gadget{width:0;height:0;font-size:0;display:none;color:#0000!important}.goog-text-highlight{box-shadow:none!important;background:0 0!important}#google_translate_element select{color:#333;background:0 0;border:none;border-radius:3px;width:0;height:0;margin:0;padding:0;font-weight:700;display:none}.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{display:none!important}::-webkit-scrollbar{display:none}.buttons,.cancel-btn{border:1px solid var(--primary-color);letter-spacing:.3px;text-align:center;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:16px;display:flex}.buttons{background-color:var(--primary-color);color:#fff}.buttons:hover{background-color:var(--primary-light-rgb);color:var(--primary-color)}.cancel-btn{color:var(--primary-color);background-color:#0000}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}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;color:#fff;text-align:center;border-radius:5px;padding:5px 12px}.hr-attendance-table .approval-status .status{text-transform:capitalize;color:#fff;text-align:center;border-radius:50px;padding:5px 12px}.datetime-local-input:hover{cursor:pointer}.employee-attendance-view .user-status .status,.employee-attendance-view .approval-status .status{text-transform:capitalize;color:#fff;text-align:center;border-radius:5px;padding:5px 12px}.single-item-images{height:200px}.main{width:100%;display:flex;overflow:hidden}.main .main-content{flex:1;width:100%;height:100vh;min-height:0;overflow-y:auto}.main .main-content .page-content{margin:0 50px;padding:20px 0}.login-container{flex-direction:column;align-items:center;gap:20px;display:flex}.login-card{flex-direction:column;display:flex}.login-card form{flex-direction:column;gap:20px;display:flex}.login-card form input{padding:10px;font-size:18px}.login-card form button{cursor:pointer;padding:10px}.react-datepicker-popper{box-shadow:0 4px 6px #0000000c;z-index:999999!important}.react-datepicker-popper .react-datepicker{border:1px solid var(--primary-color);background-color:#fff;border-radius:5px}.react-datepicker-popper .react-datepicker__popper{z-index:99999;background-color:#fff}.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-color);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);color:#fff}.react-datepicker-popper .react-datepicker span.react-datepicker__aria-live{justify-content:center;font-size:20px;display:flex}.react-datepicker-popper .react-datepicker .react-datepicker__day-name{color:#fff;font-size:15px;font-weight:500}.react-datepicker-popper .date-p-header{gap:2px;padding:10px 5px;display:flex}.react-datepicker-popper .date-p-btn{color:#fff;cursor:pointer;background-color:#fff0;border:none;font-size:29px}.react-datepicker-popper .date-p-year,.react-datepicker-popper .date-p-header-month,.react-datepicker-popper select.p-1.bg-white.border.rounded,.react-datepicker-popper select.mr-2.p-1.bg-white.border.rounded{padding:5px}.react-datepicker-popper .datepicker-sunday{color:red!important}svg.react-datepicker__triangle{color:var(--primary-color)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{color:#fff;background-color:#216ba5;border-radius:5px}.react-datepicker__day--selected.datepicker-sunday,.react-datepicker__day--keyboard-selected.datepicker-sunday{background-color:#216ba5;border-radius:5px;color:#fff!important}.react-datepicker__day{color:var(--primary-color);padding:0;font-size:14px;font-weight:500}.react-datepicker__header:not(.react-datepicker__header--has-time-select){background-color:var(--primary-color);border-top-right-radius:.3rem}h2.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important}.react-datepicker__month-container{float:left;width:100%}.react-datepicker__tab-loop{position:absolute}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select{margin:0!important}.react-datepicker__header__dropdown.react-datepicker__header__dropdown--select{justify-content:space-around;gap:10px;display:flex}.form-group.select-wrapper{width:100%;position:relative}.select-container{position:relative}.select-container select{appearance:none;background:0 0;border:1px solid #efefef;border-radius:5px;width:100%;padding:8px 12px;font-size:15px;font-weight:500;transition:all .2s}.select-arrow{pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-arrow svg{color:#ccc}.placeholder-selected{color:#ccc;letter-spacing:.3px;background-color:#0000;font-size:16px;font-weight:500}.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;letter-spacing:.3px;background-color:#0000;font-size:14px}@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{margin:0;padding:10px}}@media screen and (max-width:767px){.main .main-content{padding-bottom:80px}}@media (max-width:468px){.buttons,.cancel-btn{padding:5px 10px}}