@font-face{font-family:DMSans;src:url(/_next/static/media/DMSans-Regular.254fafcf.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DMSans;src:url(/_next/static/media/DMSans-Medium.6e411356.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:DMSans;src:url(/_next/static/media/DMSans-SemiBold.ba81386a.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:DMSans;src:url(/_next/static/media/DMSans-Bold.5d8f1921.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:DMSans;src:url(/_next/static/media/DMSans-ExtraBold.a5b0ab31.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:DMSans;src:url(/_next/static/media/DMSans-Black.48839248.ttf) format("truetype");font-weight:900;font-style:normal}body.light{--primary-color:#384B70;--primary-light:#9CB9D0;--primary-light-rgb:rgb(222,233,242);--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:#000000;--primary-light:#333333;--primary-light-rgb:rgb(70,80,90);--primary-color-rgb:0,0,0;--primary-color-dark-rgb:0,0,0;--primary-color-dark:#000000;--body-color:#f1f9f9;--color:#fff;--box-color:#000}body.green{--primary-color:#28a745;--primary-light:#5cd68a;--primary-light-rgb:rgb(210,240,220);--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:rgb(200,230,255);--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}.header.sticky{position:-webkit-sticky;position:sticky;top:0;box-shadow:0 4px 6px rgba(0,0,0,.049)}.header,.header.sticky,.header.sticky .nav-container,.header.sticky .nav-container .search-container{background-color:#fff}.header{padding:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:5px;height:60px;margin-top:10px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.header,.header.sticky{z-index:99999999}.header .header-title{font-size:22px;font-weight:700;color:var(--primary-color);position:relative;display:inline-block;padding:0 10px;overflow:hidden}.header .nav-container{flex:1 1;padding:6px 10px;gap:20px;max-width:70%;width:100%}.header .nav-container,.header .nav-container a{display:flex;align-items:center}.header .search-form{flex:1 1;margin:0;position:relative}.header .search-container{position:relative;display:flex;align-items:center;width:100%}.header .search-container.focused .search-input-container{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(156,185,208,.2)}.header .search-container .search-input-container{position:relative;display:flex;align-items:center;background:#fff;border-radius:30px;padding:8px 16px;height:40px;transition:all .2s ease;border:1px solid rgba(239,239,239,.631372549);width:100%}.header .search-container .search-input-container:hover{border-color:var(--primary-light)}.header .search-container .search-input-container .search-button{background:rgba(0,0,0,0);border:none;padding:0;margin-right:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .search-container .search-input-container .search-button .search-icon{color:var(--primary-light);font-size:16px;transition:color .2s ease}.header .search-container .search-input-container .search-button:hover .search-icon{color:var(--primary-color)}.header .search-container .search-input-container .search-input{flex:1 1;border:none;outline:none;background:rgba(0,0,0,0);font-size:14px;color:var(--primary-color);width:100%;padding-right:20px;font-family:DMSans,sans-serif;font-weight:400}.header .search-container .search-input-container .search-input::placeholder{color:#aaa;transition:all .2s ease}.header .search-container .search-input-container .clear-search-button{background:none;border:none;cursor:pointer;color:#999;font-size:14px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s ease;margin-left:8px}.header .search-container .search-input-container .clear-search-button:hover{color:var(--primary-color);background:rgba(0,0,0,.05)}.header .search-container .search-results{position:absolute;top:100%;left:0;width:100%;background:#fff;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.1);margin-top:8px;overflow:hidden;z-index:99999999999;border:1px solid rgba(0,0,0,.1);max-height:400px;overflow-y:auto}@media(max-width:480px){.header .search-container .search-results{position:fixed;top:55px;max-width:100%;width:-webkit-fill-available;margin:10px}}.header .search-container .search-results .recent-searches,.header .search-container .search-results .results-content{padding:12px 0}.header .search-container .search-results .recent-item,.header .search-container .search-results .result-item{padding:10px 16px;border-radius:0;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;gap:5px;white-space:nowrap;width:100%;overflow:hidden}.header .search-container .search-results .recent-item .result-subtitle,.header .search-container .search-results .recent-item span,.header .search-container .search-results .result-item .result-subtitle,.header .search-container .search-results .result-item span{white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.header .search-container .search-results .recent-item:hover,.header .search-container .search-results .result-item:hover{background:rgba(0,0,0,.03);color:var(--primary-color)}.header .search-container .search-results h4{padding:0 16px;margin:0 0 8px;font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:500}.header h1{font-size:25px;font-weight:700;margin:0}.result-group{margin-bottom:10px}.result-type-label{padding:.5rem 1rem;font-weight:700;font-size:.85rem;text-transform:uppercase;color:#666;background-color:#f5f5f5;border-bottom:1px solid #eee}.notification-popup-container{position:relative}.notification-popup-container .notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999999998;opacity:0;pointer-events:none;transition:opacity .3s ease}.notification-popup-container.open .notification-overlay{opacity:1;pointer-events:auto}.notification-popup-container .notification-popup{position:absolute;top:100%;right:0;width:360px;max-height:500px;background:#fff;border-radius:5px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:9999999999;display:flex;flex-direction:column;margin-top:10px;overflow:hidden;animation:fadeIn .2s ease}@media(max-width:600px){.notification-popup-container .notification-popup{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:80vh;border-radius:10px 10px 0 0;margin-top:0;box-shadow:0 -5px 20px rgba(0,0,0,.15);animation:slideUp .3s ease-out}}.notification-popup-container .notification-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f0f0}.notification-popup-container .notification-popup .popup-header h3{margin:0;font-size:16px;font-weight:600}.notification-popup-container .notification-popup .popup-header .mark-all-button{background:none;border:none;color:#4a90e2;font-size:13px;cursor:pointer;padding:4px}.notification-popup-container .notification-popup .popup-header .mark-all-button:hover{text-decoration:underline}.notification-trigger{position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center}.notification-trigger svg{color:var(--primary-light)}.notification-trigger .notification-badge{position:absolute;cursor:pointer;top:-6px;right:-6px;background-color:red;color:#fff;border-radius:50%;font-size:10px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700}.profile-container .login-btn{background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.profile-container .login-btn:hover{background-color:rgba(var(--primary-color),5%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.profile-container .profile-dropdown .profile-trigger{display:flex;align-items:center;gap:5px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:2px;transition:all .3s ease}.profile-container .profile-dropdown .profile-trigger:hover .profile-name{color:var(--primary-light)}.profile-container .profile-dropdown .profile-trigger .profile-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.profile-container .profile-dropdown .profile-trigger .profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-container .profile-dropdown .profile-trigger .profile-name{font-weight:600;color:var(--primary-color);font-size:14px}.profile-container .profile-dropdown .profile-trigger .dropdown-icon{transition:transform .3s ease;color:#6b7280;font-size:12px}.profile-container .profile-dropdown .profile-trigger .dropdown-icon.open{transform:rotate(180deg)}.profile-container .profile-dropdown .profile-menu{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border-radius:5px;border:1px solid #efefef;width:280px;overflow:hidden;z-index:9999999999;transform-origin:top right;animation:fadeIn .15s ease-out}.profile-container .profile-dropdown .profile-menu .menu-header{display:grid;align-items:center;grid-template-columns:15% 1fr;padding:16px;grid-gap:10px;gap:10px;background:linear-gradient(135deg,rgba(246,246,246,.2392156863),rgba(250,250,250,.1411764706));border-bottom:1px solid rgba(0,0,0,.08);text-decoration:none;overflow:hidden}.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar,.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar-img{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;font-weight:600;font-size:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;object-fit:cover}.profile-container .profile-dropdown .profile-menu .menu-header .profile-avatar{margin-right:12px}.profile-container .profile-dropdown .profile-menu .menu-header:hover .menu-user-info{text-decoration:underline;-webkit-text-decoration-color:#384b70;text-decoration-color:#384b70;text-decoration-thickness:.5px;text-underline-offset:2px}.profile-container .profile-dropdown .profile-menu .menu-header .menu-user-info{overflow:hidden}.profile-container .profile-dropdown .profile-menu .menu-header .menu-user-info .menu-username{font-weight:600;color:#333;margin-bottom:4px}.profile-container .profile-dropdown .profile-menu .menu-header .menu-user-info .menu-email{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item{display:flex;align-items:center;padding:8px 20px;text-decoration:none;color:#333;font-weight:500;transition:all .15s ease;background:none;border:none;width:100%;text-align:left;font-size:15px;cursor:pointer}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item .menu-icon{margin-right:12px;color:#666;width:16px;height:16px;text-align:center;font-size:15px}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item:hover{background-color:rgba(0,0,0,.03);color:var(--primary-color)}.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 rgba(0,0,0,.08);padding:10px 20px}.profile-container .profile-dropdown .profile-menu .menu-items .logout button{background-color:rgba(0,0,0,0);border:none;color:#ff4c51;padding:0;display:flex;align-items:center;cursor:pointer}.profile-container .profile-dropdown .profile-menu .menu-items .logout .menu-icon{color:#ff4c51}.profile-container .profile-dropdown .profile-menu .menu-items .logout:hover{background-color:rgba(0,0,0,.03)}.theme-switcher-menu-item{justify-content:space-between;padding:8px 20px;position:relative;color:#333;font-weight:500;cursor:pointer;transition:all .15s ease;border-top:1px solid rgba(0,0,0,.08)}.theme-switcher-menu-item,.theme-switcher-menu-item .theme-switcher-icon{display:flex;align-items:center}.theme-switcher-menu-item:hover{background-color:rgba(0,0,0,.03);color:var(--primary-color)}.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{margin-right:12px;color:#666;width:16px;height:16px;text-align:center;font-size:15px}.theme-switcher-menu-item .theme-select{padding:4px 8px;border-radius:5px;border:1px solid rgba(0,0,0,.1);background-color:#fff;color:#333;font-size:13px;cursor:pointer;transition:all .2s ease;width:100px}.theme-switcher-menu-item .theme-select:focus{outline:none;border-color:var(--primary-light)}.change-pass-container{display:flex;flex-direction:column}.change-pass-container .form-container .title{color:var(--primary-color);font-size:24px;font-weight:600;margin-bottom:12px}.change-pass-container .form-container .subtitle{color:#333;font-size:14px;margin-bottom:20px}.change-pass-container .form-container .form{display:flex;flex-direction:column;gap:12px}.change-pass-container .form-container .form .input-group{display:flex;align-items:center;white-space:nowrap;gap:8px;padding:12px;border:1px solid #eee;border-radius:5px;background:#fff;flex:1 1}.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{flex:1 1;border:none;outline:none;font-size:14px;background:rgba(0,0,0,0);padding:0}.change-pass-container .form-container .form .input-group .input::placeholder{color:#999}.change-pass-container .form-container .form .button{padding:10px;font-size:14px;border-radius:5px;border:none;background:var(--primary-color);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.change-pass-container .form-container .form .error{color:var(--danger-color);font-size:13px}.change-pass-container .form-container .form .success{color:var(--success-color);font-size:13px}@media(min-width:768px){.change-pass-container{flex-direction:row}.change-pass-container .form-container,.change-pass-container .image-container{flex:1 1}}@media(max-width:1024px){.header .header-title{display:none}.header .desktop-header{margin:0}.header .desktop-header .nav-container{justify-content:end;flex:auto;max-width:0;width:auto;background-color:unset}.header .desktop-header .nav-container .search-container{display:none}}@media(max-width:768px){.profile-container .profile-dropdown .profile-trigger .profile-avatar{height:25px;width:25px}.profile-container .profile-dropdown .profile-trigger .profile-name{display:none}.notification-triggersvg{height:20px;width:20px}.container{flex-direction:column}.change-pass-container{display:flex;flex-direction:column}.header .m-toggle{display:none}}.profile-container{position:relative;height:100%}.profile-container .profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999999998;opacity:0;pointer-events:none;transition:opacity .3s ease}.profile-container .profile-dropdown{position:relative}.profile-container .profile-dropdown.open .profile-overlay{opacity:1;pointer-events:auto}@media(max-width:600px){.profile-container .profile-dropdown .profile-menu{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:80vh;overflow-y:auto;border-radius:10px 10px 0 0!important;box-shadow:0 -5px 20px rgba(0,0,0,.15);animation:slideUp .3s ease-out}.profile-container .profile-dropdown .profile-menu .menu-header{padding:12px 16px}.profile-container .profile-dropdown .profile-menu .menu-items .menu-item{padding:14px 20px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:468px){.header{gap:0}.header .nav-container{max-width:100%;gap:10px}.header .nav-container .search-container svg{width:13px;height:13px;cursor:pointer}.header .nav-container .search-container .search-input-container{padding:5px 10px;height:32px}.header .nav-container .search-container .search-input{padding:0}.header .nav-container .search-container .clear-button{font-size:12px}.header .nav-container .account .profile-icon{width:20px;height:20px}.change-pass-container .title{font-size:2rem;margin-bottom:0!important}.change-pass-container .input-group{grid-template-columns:7% 83% 10%}}.navigation-buttons{display:flex;gap:18px;justify-content:flex-end;margin-bottom:30px}.navigation-buttons .navigation-button{background-color:var(--primary-color);color:#fff;font-size:16;font-weight:500;padding:10px 12px;text-decoration:none;border-radius:5px;display:flex;gap:5px;align-items:center}.roll-list-navigation-btn{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.logo-wrapper{display:flex;align-items:center;gap:8px}.sidebar{max-width:250px;background-color:#fff;transition:width .3s ease-in-out;position:relative;z-index:999999;height:100vh}.sidebar .sidebar-toggle-btn{position:absolute;right:-28px;bottom:0;width:28px;height:28px;margin:auto;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:0 5px 5px 0}.sidebar .sidebar-toggle-btn svg{color:var(--primary-color)}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;height:70px;padding:10px 20px;border-bottom:1px solid #efefef;margin-bottom:30px}.sidebar .sidebar-header a{text-decoration:none;color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar .sidebar-header a span{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.sidebar .sidebar-header a img{border-radius:50px}.sidebar ul{list-style:none;display:flex;flex-direction:column;gap:15px;padding:0}.sidebar ul li{padding:9px 20px;height:45px;position:relative;display:flex;align-items:center}.sidebar ul li .menu-icon{display:flex;align-items:center;justify-content:center}.sidebar ul li .menu-text,.sidebar ul li a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar ul li a{text-decoration:none;display:flex;gap:20px;font-size:16px;color:#2c2b2e;font-weight:500;color:#656464;align-items:center}.sidebar ul li a:hover,.sidebar ul li a:hover svg{color:var(--primary-color)}.sidebar ul li a svg{font-size:16px;color:#656464}.sidebar ul li a .submenu-icon{font-size:20px}.sidebar ul li .active-indicator{position:absolute;right:0;top:0;width:2px;height:100%;background-color:var(--primary-color)}.sidebar ul li.active{background-color:#dee9f2}.sidebar ul li.active a{font-weight:700}.sidebar ul li.active a,.sidebar ul li.active svg,.sidebar ul li.active:hover svg{color:var(--primary-color)}.sidebar.collapse-view .sidebar-header{padding:12px}.tooltip{position:absolute;top:50%;left:100%;transform:translateX(10px) translateY(-50%);padding:5px 10px;background-color:var(--primary-color);color:#fff;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s .2s;z-index:99999999}.menu-item:hover .tooltip{opacity:1;visibility:visible;transition:opacity .2s ease-in-out,visibility 0s 0s;z-index:99999999}@media(max-width:1024px){.sidebar{position:absolute;top:0;left:0;max-width:50%;height:100vh;transition:transform .3s ease-in-out;padding:0}.sidebar .tooltip{display:none}.hide-sidebar{transform:translateX(-102%)}.show-sidebar{transform:translateX(0)}}@media(max-width:768px){.sidebar{max-width:100%;width:100%!important;height:60vh;position:fixed;bottom:0;border-radius:20px 20px 0 0;box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725)}.sidebar .sidebar-header{height:70px;margin-bottom:10px}.sidebar ul.menu-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:10px 10px 200px;overflow:auto;height:auto;min-height:0;max-height:60vh}.sidebar ul.menu-list li{padding:5px 10px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden}.sidebar ul.menu-list li a{gap:8px}.hide-sidebar{transform:translateY(100vh)}.show-sidebar{transform:translateY(40vh)}}.footer-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #ddd;box-shadow:0 -2px 6px rgba(0,0,0,.05);z-index:9999999;display:none;transition:display .3s ease}.footer-bar .footer-bar-items{display:flex;justify-content:space-around;align-items:center;list-style:none;gap:5px}.footer-bar .footer-bar-items .footer-bar-item{display:flex;flex-direction:column;align-items:center;color:#222;font-size:14px;font-family:DMSans,sans-serif;font-weight:500;cursor:pointer;transition:color .3s;padding:10px 0}.footer-bar .footer-bar-items .footer-bar-item a{text-decoration:none;color:inherit}.footer-bar .footer-bar-items .footer-bar-item.active{color:var(--primary-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{display:flex;flex-direction:column;align-items:center;color:#999;text-decoration:none}.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer span{font-size:12px}.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer .icon-text{margin-top:4px;color:#000}.footer-bar .footer-bar-items .footer-bar-item .top-indicator{position:absolute;top:0;width:40px;height:3px;background-color:var(--primary-color);border-radius:3px}@media(max-width:768px){.footer-bar{display:block}}@media(max-width:380px){.footer-bar .footer-bar-items .footer-bar-item .icon-text-outer span{font-size:9.5px}}.auth-crm-management-section-inner,.auth-faq-section-inner,.auth-features-section-inner,.auth-hero-section-inner,.auth-navbar-inner,.auth-packages-section-inner,.auth-sla-compliant-section-inner,.auth-slider-section-inner,.auth-why-choose-section-inner{max-width:85%;width:100%;margin:auto}.auth-navbar{width:100%;position:-webkit-sticky;position:sticky;top:10px;z-index:999999999999}.auth-navbar .auth-navbar-inner{margin:10px auto;padding:8px 16px;border-radius:100px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049)}.auth-navbar .auth-navbar-inner .nav-logo{flex:1 1;display:flex;align-items:center}.auth-navbar .auth-navbar-inner .nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap;gap:24px;flex:1 1}.auth-navbar .auth-navbar-inner .nav-links button{color:#384b70;font-size:15px;font-weight:500;padding:5px 0;position:relative;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.auth-navbar .auth-navbar-inner .nav-links button:focus{outline:non}.auth-navbar .auth-navbar-inner .nav-links button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#384b70;transition:width .3s ease}.auth-navbar .auth-navbar-inner .nav-links button:hover:after{width:100%}.auth-navbar .auth-navbar-inner .auth-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1 1}.auth-navbar .auth-navbar-inner .auth-nav-actions a{padding:8px 16px;border-radius:100px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:6px}.auth-navbar .auth-navbar-inner .auth-nav-actions a:first-child{background:rgba(0,0,0,0);color:#384b70;border:1px solid #384b70}.auth-navbar .auth-navbar-inner .auth-nav-actions a:first-child:hover{background-color:rgba(56,75,112,.05)}.auth-navbar .auth-navbar-inner .auth-nav-actions a:last-child{background-color:#384b70;color:#fff;border:none}.auth-navbar .auth-navbar-inner .auth-nav-actions a:last-child:hover{background:#2f3e5d}.auth-navbar .mobile-menu-toggle{display:none;background:rgba(0,0,0,0);border:none;color:#384b70;font-size:22px;cursor:pointer}.auth-navbar .mobile-auth-actions{display:none;gap:10px}.auth-navbar .mobile-auth-actions a{padding:5px 10px;border-radius:100px;font-weight:500;width:100%;font-size:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center}.auth-navbar .mobile-auth-actions a:first-child{background:rgba(0,0,0,0);color:#384b70;border:1px solid #384b70}.auth-navbar .mobile-auth-actions a:first-child:hover{background-color:rgba(56,75,112,.05)}.auth-navbar .mobile-auth-actions a:last-child{background-color:#384b70;color:#fff;border:none}.auth-navbar .mobile-auth-actions a:last-child:hover{background:#2f3e5d}.auth-navbar .auth-mobile-menu{position:fixed;bottom:-100%;left:0;width:100%;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px rgba(0,0,0,.1);z-index:1000;transition:bottom .3s ease;max-height:80vh;overflow-y:auto}.auth-navbar .auth-mobile-menu.open{bottom:0}.auth-navbar .auth-mobile-menu .mobile-menu-content{display:flex;flex-direction:column;padding:20px}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;grid-gap:10px;gap:10px;margin-bottom:20px}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links button{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,0);color:#384b70;font-size:14px;font-weight:500;padding:6px 0 12px;text-align:left;border:none;border-bottom:1px solid rgba(56,75,112,.1);cursor:pointer}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links button:last-child{border-bottom:none}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-nav-links button .nav-icon{font-size:16px;color:#384b70;min-width:20px}.auth-navbar .auth-mobile-menu .mobile-menu-content .mobile-auth-actions a{padding:8px 16px;font-size:14px;gap:8px}.auth-navbar .mobile-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.auth-navbar .mobile-menu-backdrop.visible{opacity:1;pointer-events:all}.auth-homepage{position:relative;margin-top:-1px;scroll-behavior:smooth}.auth-homepage [id]{scroll-margin-top:80px}.auth-homepage .auth-crm-management-section-header,.auth-homepage .auth-faq-section-header,.auth-homepage .auth-features-section-header,.auth-homepage .auth-packages-section-header,.auth-homepage .auth-sla-compliant-section-header,.auth-homepage .auth-slider-section-header,.auth-homepage .auth-why-choose-section-header{text-align:center;margin:0 auto 30px;max-width:800px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.auth-homepage .auth-crm-management-section-header h2,.auth-homepage .auth-faq-section-header h2,.auth-homepage .auth-features-section-header h2,.auth-homepage .auth-packages-section-header h2,.auth-homepage .auth-sla-compliant-section-header h2,.auth-homepage .auth-slider-section-header h2,.auth-homepage .auth-why-choose-section-header h2{font-size:32px;font-weight:700;color:#2c2b2e;margin:0;display:flex;align-items:center;gap:10px}.auth-homepage .auth-crm-management-section-header h2 svg,.auth-homepage .auth-faq-section-header h2 svg,.auth-homepage .auth-features-section-header h2 svg,.auth-homepage .auth-packages-section-header h2 svg,.auth-homepage .auth-sla-compliant-section-header h2 svg,.auth-homepage .auth-slider-section-header h2 svg,.auth-homepage .auth-why-choose-section-header h2 svg{color:#384b70;background:rgba(56,75,112,.1);height:40px;width:40px;padding:10px;border-radius:50%}.auth-homepage .auth-crm-management-section-header p,.auth-homepage .auth-faq-section-header p,.auth-homepage .auth-features-section-header p,.auth-homepage .auth-packages-section-header p,.auth-homepage .auth-sla-compliant-section-header p,.auth-homepage .auth-slider-section-header p,.auth-homepage .auth-why-choose-section-header p{font-size:16px;line-height:1.6;color:#5a677d;margin:0;max-width:600px}.auth-homepage .auth-hero-section{width:100%;overflow:hidden;min-height:500px;position:relative;z-index:0;margin-top:-80px;padding:120px 0 50px}.auth-homepage .auth-hero-section:before{left:0;width:100%;content:"";position:absolute;top:0;left:-100%;width:120%;height:100%;background:linear-gradient(135deg,#F5F7FA,#E4E9F2);z-index:-1;-webkit-clip-path:url(#zigzag-ribbon);clip-path:url(#zigzag-ribbon);box-shadow:0 4px 20px rgba(0,0,0,.08);animation:ribbonUnroll 1.8s cubic-bezier(.68,-.3,.32,1.2) forwards;transform-origin:right center}@keyframes ribbonUnroll{0%{left:-100%;transform:scaleX(.3) skewX(-25deg)}60%{left:0;transform:scaleX(1) skewX(0)}to{left:100%;transform:scaleX(0) skewX(25deg) rotateY(45deg);opacity:0}}.auth-homepage .auth-hero-section:after{content:"";position:absolute;top:-50px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(56,75,112,.04) 0,transparent 70%);z-index:-1}.auth-homepage .auth-hero-section .auth-hero-section-inner{display:flex;align-items:center;gap:60px;width:100%;height:100%;position:relative;z-index:1}.auth-homepage .auth-hero-section .auth-hero-section-inner-left{flex:1 1;max-width:60%;width:100%}.auth-homepage .auth-hero-section .auth-hero-section-inner-right{flex:1 1;max-width:40%;width:100%;background:url(/_next/static/media/hero-image.585854ff.png) no-repeat 50%;background-size:contain;height:100%;min-height:400px}.auth-homepage .auth-hero-section .auth-hero-section-inner .auth-hero-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);color:#384b70;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:500;margin-bottom:10px}.auth-homepage .auth-hero-section .auth-hero-section-inner .auth-hero-tag svg{font-size:15px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-title{font-size:40px;font-weight:700;line-height:1.2;color:#2c2b2e;margin-bottom:20px}.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{font-size:16px;line-height:1.6;color:#5a677d;margin-bottom:30px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons{display:flex;gap:16px;margin-bottom:40px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button{padding:8px 20px;background-color:#384b70;color:#fff;border-radius:100px;border:none;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button:hover{background-color:#2f3e5d}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button:active{transform:translateY(0)}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-buttons button:focus{outline:none;box-shadow:0 0 0 3px rgba(56,75,112,.2)}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats{display:flex;gap:40px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item{flex:1 1}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item h3{display:block;font-size:36px;color:#384b70;margin-bottom:8px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-stats .stat-item p{display:block;font-size:16px;color:#5a677d}.auth-homepage .auth-shedule-demo{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:99999999999;padding:10px}.auth-homepage .auth-shedule-demo-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}.auth-homepage .auth-shedule-demo-inner{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049);max-width:600px;width:100%;padding:30px;position:relative;max-height:90vh;overflow-y:auto}@media(max-width:768px){.auth-homepage .auth-shedule-demo-inner{padding:20px}}.auth-homepage .auth-shedule-demo-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,0);border:none;color:#5a677d;font-size:20px;cursor:pointer;transition:all .3s ease}.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{font-size:28px;color:#2c2b2e;margin:15px 0 10px}@media(max-width:768px){.auth-homepage .auth-shedule-demo-header h2{font-size:22px}}.auth-homepage .auth-shedule-demo-header p{color:#5a677d;font-size:16px;margin:0}@media(max-width:768px){.auth-homepage .auth-shedule-demo-header p{font-size:14px}}.auth-homepage .auth-shedule-demo-icon{background:rgba(56,75,112,.1);color:#384b70;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:24px}.auth-homepage .auth-shedule-demo-form{display:flex;flex-direction:column;gap:20px}.auth-homepage .auth-shedule-demo-form-group{display:flex;flex-direction:column;gap:8px}.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{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:all .3s ease;background-color:#fff;width:100%}.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{outline:none;border-color:#9cb9d0}@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{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@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 rgba(0,0,0,.0470588235)}@media(max-width:768px){.auth-homepage .auth-shedule-demo-submit{padding:10px 20px;font-size:14px}}.auth-homepage .auth-shedule-demo-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 0}.auth-homepage .auth-shedule-demo-success p{color:#333;font-family:DMSans,sans-serif;font-size:15px;margin:0;line-height:1.5;max-width:80%}.auth-homepage .auth-slider-section{padding:40px 0 20px;background-color:#fff;position:relative}.auth-homepage .auth-slider-section-inner{margin:0 auto}.auth-homepage .auth-slider-section .slider-container{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:20px;gap:20px;align-items:center;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 15px 0 rgba(0,0,0,.05);border-radius:20px;height:300px;overflow:hidden}.auth-homepage .auth-slider-section .slider-content{padding:20px}.auth-homepage .auth-slider-section .slider-content .content-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.auth-homepage .auth-slider-section .slider-content .content-header svg{color:#384b70;background:rgba(56,75,112,.1);width:40px;height:40px;padding:10px;border-radius:12px}.auth-homepage .auth-slider-section .slider-content .content-header h2{font-size:32px;font-weight:700;color:#2c2b2e;line-height:1.3}.auth-homepage .auth-slider-section .slider-content p{font-size:16px;line-height:1.6;color:#5a677d;margin-bottom:20px}.auth-homepage .auth-slider-section .slider-controls{display:flex;align-items:center;gap:20px}.auth-homepage .auth-slider-section .slider-controls button{width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.auth-homepage .auth-slider-section .slider-controls button:hover{background:#384b70;color:#fff;border-color:#384b70}.auth-homepage .auth-slider-section .slider-controls .slide-indicators{display:flex;gap:8px}.auth-homepage .auth-slider-section .slider-controls .slide-indicators span{width:10px;height:10px;border-radius:50%;background:#e0e0e0;cursor:pointer;transition:all .3s ease}.auth-homepage .auth-slider-section .slider-controls .slide-indicators span.active{background:#384b70;width:30px;border-radius:5px}.auth-homepage .auth-slider-section .slider-showcase{border-radius:0 20px 20px 0;overflow:hidden}.auth-homepage .auth-slider-section .slider-showcase .showcase-image{width:100%;height:300px;display:block}.auth-homepage .auth-features-section{padding:20px 0 40px;background-color:#fff;position:relative}.auth-homepage .auth-features-section-inner{display:flex;gap:20px;margin:0 auto}.auth-homepage .auth-features-section .features-left{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:20px;background-color:#e7eefa;padding:20px;border-radius:20px}.auth-homepage .auth-features-section .features-left .features-left-header{display:flex;flex-direction:column;gap:10px}.auth-homepage .auth-features-section .features-left .features-left-header .auth-features-tag{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:8px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);color:#384b70;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:500}.auth-homepage .auth-features-section .features-left .features-left-header .auth-features-tag svg{font-size:15px;color:#d79670}.auth-homepage .auth-features-section .features-left .features-left-header h2{font-size:28px;color:#2c2b2e;font-weight:600}.auth-homepage .auth-features-section .features-left ul{list-style:none;padding:0;margin:0 0 auto;display:flex;gap:20px;flex-wrap:wrap;max-height:300px;overflow:auto}.auth-homepage .auth-features-section .features-left ul li{white-space:nowrap;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:500;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);color:#384b70;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.auth-homepage .auth-features-section .features-left ul li:hover{background:#384b70;color:#fff}.auth-homepage .auth-features-section .features-left ul li.active{background:rgba(56,75,112,.1);color:#384b70}.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{display:flex;margin-top:auto}.auth-homepage .auth-features-section .features-left .see-all-features a{display:flex;align-items:center;justify-content:space-between;width:100%;text-decoration:none;transition:all .3s ease;background-color:#384b70;color:#fff;font-weight:500;border-radius:100px;padding:8px 16px}.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{width:32px;height:32px;border-radius:100px;padding:5px;display:flex;justify-content:center;align-items:center;background-color:#fff}.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:1 1;display:flex;flex-direction:column;gap:20px}.auth-homepage .auth-features-section .features-right .feature-hero{background-color:#ffefe9;padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:10px}.auth-homepage .auth-features-section .features-right .feature-hero h3{font-size:18px;color:#2c2b2e;display:flex;justify-content:space-between;align-items:center;gap:20px}.auth-homepage .auth-features-section .features-right .feature-hero p{font-size:16px;line-height:1.6;color:#5a677d}.auth-homepage .auth-features-section .features-right .feature-details{background-color:#ebfbf8;padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:10px}.auth-homepage .auth-features-section .features-right .feature-details h3{font-size:18px;color:#2c2b2e;display:flex;justify-content:space-between;align-items:center;gap:20px}.auth-homepage .auth-features-section .features-right .feature-details ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.auth-homepage .auth-features-section .features-right .feature-details ul li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.6;color:#5a677d}.auth-homepage .auth-features-section .features-right .feature-details ul li span{display:flex;align-items:center}.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{margin:0;font-size:15px;line-height:1.6;color:#5a677d}.auth-homepage .auth-features-section .features-right .feature-content h3{font-size:24px;color:#384b70;margin-bottom:20px}.auth-homepage .auth-features-section .features-right .feature-content p{font-size:16px;line-height:1.6;color:#5a677d;margin-bottom:30px}.auth-homepage .auth-crm-management-section{padding:20px 0 40px;background-color:#fff;position:relative}.auth-homepage .auth-crm-management-section-inner{display:flex;flex-direction:column;gap:20px;margin:0 auto}.auth-homepage .auth-crm-management-section .management-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;align-items:center}.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{width:100%;height:100%;border-radius:20px}.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{padding:20px;display:flex;flex-direction:column;gap:20px}.auth-homepage .auth-crm-management-section .management-section .management-content .content-header{display:flex;align-items:center;gap:15px}.auth-homepage .auth-crm-management-section .management-section .management-content .content-header .content-icon{color:#384b70;background:rgba(56,75,112,.1);padding:10px;border-radius:12px}.auth-homepage .auth-crm-management-section .management-section .management-content h3{font-size:32px;font-weight:700;line-height:1.2;color:#2c2b2e;margin:0}.auth-homepage .auth-crm-management-section .management-section .management-content p{font-size:16px;line-height:1.6;color:#5a677d;display:flex;flex-direction:column;gap:10px}.auth-homepage .auth-crm-management-section .management-section .management-content p span{display:flex;align-items:flex-start;gap:8px}.auth-homepage .auth-crm-management-section .management-section .management-content .inline-icon{color:#384b70;margin-top:3px;flex-shrink:0}.auth-homepage .auth-why-choose-section{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;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.auth-homepage .auth-why-choose-section .why-choose-header h2{font-size:36px;font-weight:700;color:#2c2b2e;margin-bottom:20px}.auth-homepage .auth-why-choose-section .why-choose-header .intro-text{font-size:18px;line-height:1.6;color:#5a677d}.auth-homepage .auth-why-choose-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:40px}.auth-homepage .auth-why-choose-section .features-grid .feature-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049);transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.auth-homepage .auth-why-choose-section .features-grid .feature-card:hover{transform:translateY(-.1px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-number{position:absolute;top:20px;right:20px;font-size:40px;font-weight:700;color:rgba(56,75,112,.05);z-index:-1}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-icon{width:50px;height:50px;background:rgba(56,75,112,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:#384b70}.auth-homepage .auth-why-choose-section .features-grid .feature-card h3{font-size:20px;font-weight:600;color:#2c2b2e;margin-bottom:10px}.auth-homepage .auth-why-choose-section .features-grid .feature-card p{font-size:16px;line-height:1.6;color:#5a677d;margin:0}.auth-homepage .auth-sla-compliant-section{padding:20px 0 40px;background-color:#fff;position:relative}.auth-homepage .auth-sla-compliant-section-inner{margin:0 auto}.auth-homepage .auth-sla-compliant-section .sla-compliant-content{max-width:900px;margin:0 auto;text-align:center}.auth-homepage .auth-sla-compliant-section .sla-features{display:flex;flex-direction:column;gap:30px;margin-top:20px}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature{display:flex;align-items:center;gap:20px;text-align:left;background:rgba(56,75,112,.03);border-radius:10px;padding:20px}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature .sla-icon{color:#384b70;background:rgba(56,75,112,.1);border-radius:12px;width:40px;height:40px;padding:8px;flex-shrink:0;margin-top:3px}.auth-homepage .auth-sla-compliant-section .sla-features .sla-feature p{font-size:16px;line-height:1.6;color:#5a677d;margin:0}.auth-homepage .auth-packages-section{padding:20px 0 40px;background-color:#fff;position:relative}.auth-homepage .auth-packages-section-inner{margin:0 auto}.auth-homepage .auth-packages-section .pricing-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;transition:transform .3s ease;border:1px solid #eaeaea}.auth-homepage .auth-packages-section .pricing-grid .pricing-card.recommended{border:1px solid #384b70}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .recommended-badge{position:absolute;top:-12px;right:20px;background:#384b70;color:#fff;padding:4px 16px;border-radius:20px;font-size:12.8px;font-weight:700}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-name{font-size:24px;font-weight:600;color:#333;margin-bottom:10px;display:flex;align-items:center;gap:5px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-name:first-child svg{color:#4a89dc}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-name:nth-child(2) svg{color:#e9573f}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-description{color:#666;margin-bottom:10px;font-size:16px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .price-tabs{display:flex;margin-bottom:10px;border:1px solid #eaeaea;border-radius:8px;overflow:hidden}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .price-tabs button{flex:1 1;padding:5px 10px;border:none;background:#f8f9fa;cursor:pointer}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .price-tabs button.active{background:#384b70;color:#fff}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-price{margin-bottom:10px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-price .price{font-size:30px;font-weight:700;color:#333}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-price .period{color:#666;font-size:14.4px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-features{list-style:none;padding:0;margin-bottom:20px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-features .svg{color:#384b70}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-features li{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#333}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .cta-button{display:block;width:100%;padding:8px 16px;border-radius:10px;font-weight:600;text-align:center;text-decoration:none;transition:all .2s ease}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .cta-button.primary{background:#384b70;color:#fff;border:1px solid #384b70}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .cta-button:hover{opacity:.9;transform:translateY(-1px)}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .cta-button.secondary{background:#fff;color:#384b70;border:1px solid #384b70}.auth-homepage .auth-faq-section{padding:20px 0 40px;background-color:#fff;position:relative}.auth-homepage .auth-faq-section-inner{margin:0 auto}.auth-homepage .auth-faq-section .faq-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;align-items:start}@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;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease}.auth-homepage .auth-faq-section .faq-item .faq-question{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;cursor:pointer;gap:15px}.auth-homepage .auth-faq-section .faq-item .faq-question h3{font-size:18px;font-weight:600;margin:0;flex:1 1;transition:color .2s ease}.auth-homepage .auth-faq-section .faq-item .faq-question .faq-icon{color:#384b70;background:rgba(56,75,112,.1);padding:10px;border-radius:8px;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{width:25px;height:25px;border-radius:50%;background:rgba(56,75,112,.1);display:flex;align-items:center;justify-content:center;color:#384b70;transition:all .3s ease}.auth-homepage .auth-faq-section .faq-item .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.auth-homepage .auth-faq-section .faq-item .faq-answer p{padding:0 20px 20px 65px;margin:0;font-size:16px;color:#5a677d;line-height:1.6}.auth-homepage .auth-faq-section .faq-item.active{box-shadow:0 8px 24px rgba(0,0,0,.1)}.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{background:#384b70;color:#fff}.auth-footer-section{background-color:#fff;color:#2c2b2e;font-size:14px;line-height:1.6}.auth-footer-section .auth-footer-icon{margin-right:8px;color:#384b70;font-size:16px;vertical-align:middle}.auth-footer-section .auth-footer-heading .auth-footer-icon{margin-right:10px;font-size:18px}.auth-footer-section .auth-footer-top{padding:60px 16px 40px;background:linear-gradient(135deg,#F5F7FA,#E4E9F2)}.auth-footer-section .auth-footer-top .auth-footer-top-inner{max-width:85%;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:30px;gap:30px}@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{font-size:18px;font-weight:600;margin-bottom:20px;color:#384b70;position:relative;padding-bottom:10px;display:flex;align-items:center}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background-color:#384b70}.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{margin-bottom:20px;color:#5a677d;display:flex;align-items:center}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links{display:flex;gap:15px;margin-top:20px}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:rgba(56,75,112,.1);color:#384b70;transition:all .3s ease}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-social-links a:hover{background-color:#384b70;color:#fff;transform:translateY(-3px)}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links{list-style:none;padding:0;margin:0}.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;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;position:relative}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-links li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:.5px;background-color:#384b70;transition:width .3s ease}.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{display:flex;gap:15px;margin-bottom:12px}.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;font-size:20px;margin-top:3px;flex-shrink:0}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item h4{font-size:16px;font-weight:600;margin-bottom:5px;color:#2c2b2e;display:flex;align-items:center}.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item a,.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-contact-info .auth-footer-contact-item p{text-decoration:none;margin:0;color:#5a677d;font-size:14px;line-height:1.5}.auth-footer-section .auth-footer-bottom{padding:20px 0;background-color:#2c2b2e;color:#fff}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner{max-width:85%;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}@media(max-width:768px){.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner{flex-direction:column;text-align:center}}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner p{margin:0;font-size:14px;opacity:.8;display:flex;align-items:center}.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{display:flex;list-style:none;gap:20px;padding:0;margin:0}@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;text-decoration:none;transition:all .3s ease;font-size:14px;opacity:.8;display:flex;align-items:center;gap:8px}.auth-footer-section .auth-footer-bottom .auth-footer-bottom-inner .auth-footer-policy-links li a:hover{opacity:1;color:#384b70}@media(max-width:992px){.auth-crm-management-section-inner,.auth-faq-section-inner,.auth-features-section-inner,.auth-footer-section .auth-footer-top .auth-footer-top-inner,.auth-hero-section-inner,.auth-navbar-inner,.auth-packages-section-inner,.auth-sla-compliant-section-inner,.auth-slider-section-inner,.auth-why-choose-section-inner{max-width:100%}.auth-navbar{top:0}.auth-navbar .mobile-auth-actions{display:flex;align-items:center;white-space:nowrap}.auth-navbar .auth-navbar-inner{padding:10px;flex-direction:row;justify-content:space-between;border-radius:0;margin:0;gap:20px}.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 .auth-nav-actions,.auth-navbar .auth-navbar-inner .nav-links{display:none}.auth-navbar .auth-navbar-inner .mobile-menu-toggle{display:flex;align-items:center}.auth-homepage .auth-crm-management-section,.auth-homepage .auth-faq-section,.auth-homepage .auth-features-section,.auth-homepage .auth-packages-section,.auth-homepage .auth-sla-compliant-section,.auth-homepage .auth-slider-section,.auth-homepage .auth-why-choose-section{padding:20px 10px}.auth-homepage .auth-crm-management-section-header,.auth-homepage .auth-faq-section-header,.auth-homepage .auth-features-section-header,.auth-homepage .auth-packages-section-header,.auth-homepage .auth-sla-compliant-section-header,.auth-homepage .auth-slider-section-header,.auth-homepage .auth-why-choose-section-header{margin-bottom:15px}.auth-homepage .auth-crm-management-section-header h2,.auth-homepage .auth-faq-section-header h2,.auth-homepage .auth-features-section-header h2,.auth-homepage .auth-packages-section-header h2,.auth-homepage .auth-sla-compliant-section-header h2,.auth-homepage .auth-slider-section-header h2,.auth-homepage .auth-why-choose-section-header h2{font-size:22px}.auth-homepage .auth-crm-management-section-header h2 svg,.auth-homepage .auth-faq-section-header h2 svg,.auth-homepage .auth-features-section-header h2 svg,.auth-homepage .auth-packages-section-header h2 svg,.auth-homepage .auth-sla-compliant-section-header h2 svg,.auth-homepage .auth-slider-section-header h2 svg,.auth-homepage .auth-why-choose-section-header h2 svg{height:32px;width:32px;padding:6px}.auth-homepage .auth-crm-management-section-header p,.auth-homepage .auth-faq-section-header p,.auth-homepage .auth-features-section-header p,.auth-homepage .auth-packages-section-header p,.auth-homepage .auth-sla-compliant-section-header p,.auth-homepage .auth-slider-section-header p,.auth-homepage .auth-why-choose-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{font-size:22px;margin-bottom:10px}.auth-homepage .auth-hero-section .auth-hero-section-inner .hero-subtitle{font-size:14px;margin-bottom:15px}.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{font-size:14px;padding:6px 16px}.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 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 .slider-container{display:flex;flex-direction:column-reverse;height:auto;gap:10px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-showcase{width:100%;border-radius:20px 20px 0 0}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-showcase .showcase-image{height:150px;width:100%}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content{padding:10px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content .content-header{margin-bottom:10px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content .content-header svg{height:32px;width:32px;padding:6px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content .content-header h2{font-size:18px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content p{font-size:14px;margin-bottom:12px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content .slider-controls{gap:10px;justify-content:center}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content .slider-controls button{padding:5px;width:30px;height:30px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content .slider-controls .slide-indicators span{width:8px;height:8px}.auth-homepage .auth-slider-section .auth-slider-section-inner .slider-container .slider-content .slider-controls .slide-indicators span.active{width:20px}.auth-homepage .auth-features-section .auth-features-section-inner{flex-direction:column}.auth-homepage .auth-features-section .auth-features-section-inner .features-left{padding:12px;gap:10px}.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-details,.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-hero{padding:12px}.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-details h3,.auth-homepage .auth-features-section .auth-features-section-inner .features-right .feature-hero 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{padding:10px;height:150px;width:100%}.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{height:28px;width: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-compliant-content .sla-features{gap:10px}.auth-homepage .auth-sla-compliant-section-inner .sla-compliant-content .sla-features .sla-feature{padding:10px;gap:8px}.auth-homepage .auth-sla-compliant-section-inner .sla-compliant-content .sla-features .sla-feature svg{height:28px;width:28px;padding:5px}.auth-homepage .auth-sla-compliant-section-inner .sla-compliant-content .sla-features .sla-feature p{font-size:14px}.auth-homepage .auth-why-choose-section .features-grid{margin-top:20px;gap:15px;display:flex;flex-direction:column}.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{top:0;font-size:32px}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-icon-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.auth-homepage .auth-why-choose-section .features-grid .feature-card .feature-icon-title h3{font-size:18px;margin-bottom:0}.auth-homepage .auth-why-choose-section .features-grid .feature-card p{font-size:14px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card{padding:10px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .recommended-badge{padding:4px 8px;font-size:10px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-name{font-size:18px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-description{font-size:14px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .price-tabs button{padding:4px 8px;font-size:12px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-price .price{font-size:22px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .plan-features li{font-size:14px}.auth-homepage .auth-packages-section .pricing-grid .pricing-card .cta-button{padding:6px 12px;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{font-size:14px;padding:6px 12px}.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-description,.auth-footer-section .auth-footer-top .auth-footer-top-inner .auth-footer-column .auth-footer-logo{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{gap:10px;max-width:100%;text-align:center}.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}}@media(max-width:480px){.auth-packages-section .pricing-grid{display:flex}.auth-packages-section .pricing-grid .pricing-card{width:100%}}.admin-dashboard-container{min-height:100vh;display:flex;flex-direction:column}.admin-dashboard-container .admin-header{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);position:-webkit-sticky;position:sticky;top:0;z-index:999}.admin-dashboard-container .admin-header .header-content{max-width:1320px;margin:0 auto;padding:10px;display:flex;justify-content:space-between;align-items:center}.admin-dashboard-container .admin-header .header-content img{cursor:pointer}.admin-dashboard-container .dashboard-content{flex:1 1;max-width:1320px;width:100%;margin:0 auto;padding:30px 10px}.admin-dashboard-container .dashboard-content .welcome-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:40px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:8px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-title{font-size:22px;font-weight:700;color:#111827}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-icon{color:#384b70;font-size:28px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-subtitle{font-size:16px;color:#6b7280}.admin-dashboard-container .dashboard-content .companies-section .companies-list{background-color:#fff;border-radius:5px;border:1px solid #efefef;overflow:hidden}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-header{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;padding:8px 10px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#384b70}.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{display:flex;flex-direction:column}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;padding:8px 10px;transition:background-color .2s ease}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row:last-child{border-bottom:none}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row:hover{background-color:#f9fafb}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item{padding:8px;display:flex;align-items:center}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item.name{flex-direction:column;align-items:flex-start;gap:4px}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item.name h3{font-size:16px;font-weight:600;color:#111827;margin:0}.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-body .company-row .row-item.name .company-description{font-size:14px;color:#6b7280;margin:0}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container{display:none}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:16px;margin-bottom:16px;transition:all .2s ease}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card:hover{background-color:#f9fafb}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row{display:flex;justify-content:space-between;margin-bottom:8px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-label{font-weight:600;color:#374151}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-value{color:#111827}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-description{color:#6b7280;font-size:14px;margin:8px 0 12px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-actions{display:flex;justify-content:flex-end}.admin-dashboard-container .dashboard-content .companies-section .status-badge{font-size:12px;font-weight:600;padding:5px 12px;border-radius:9999px;text-transform:capitalize}.admin-dashboard-container .dashboard-content .companies-section .status-badge.completed,.admin-dashboard-container .dashboard-content .companies-section .status-badge.verified{background-color:#ecfdf5;color:#059669}.admin-dashboard-container .dashboard-content .companies-section .status-badge.pending{background-color:#fffbeb;color:#d97706}.admin-dashboard-container .dashboard-content .companies-section .status-badge.rejected{background-color:#fef2f2;color:#dc2626}.admin-dashboard-container .dashboard-content .companies-section .manage-btn{background-color:#384b70;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%;max-width:120px;white-space:nowrap}.admin-dashboard-container .dashboard-content .companies-section .manage-btn:hover{background-color:#9cb9d0}.admin-dashboard-container .dashboard-content .companies-section .manage-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.admin-dashboard-container .dashboard-content .companies-section .manage-btn .btn-loader{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:0 auto}.admin-dashboard-container .dashboard-content .companies-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.admin-dashboard-container .dashboard-content .companies-section .empty-state .empty-icon{margin-bottom:10px;color:#d1d5db}.admin-dashboard-container .dashboard-content .companies-section .empty-state h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:8px}.admin-dashboard-container .dashboard-content .companies-section .empty-state p{color:#6b7280;margin-bottom:24px}.admin-dashboard-container .dashboard-content .companies-section .empty-state .add-company-btn{background-color:#384b70;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;text-decoration:none}.admin-dashboard-container .dashboard-content .companies-section .empty-state .add-company-btn:hover{background-color:#9cb9d0}.admin-dashboard-container .dashboard-content .add-company-cta{display:flex;justify-content:flex-end}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link{display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:#fff;color:#384b70;border:1px solid #384b70;border-radius:6px;font-weight:500;text-decoration:none;transition:all .2s}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link:hover{background-color:#f0f5ff}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link svg{color:#384b70}.admin-my-account-profile .admin-account-header{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);position:-webkit-sticky;position:sticky;top:0;z-index:999}.admin-my-account-profile .admin-account-header-inner{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px}.admin-my-account-profile .admin-account-header-inner .back-to-home img{cursor:pointer}.admin-my-account-profile-inner{max-width:1320px;margin:20px auto}@media(max-width:1024px){.admin-dashboard-container .dashboard-content .companies-section .companies-list{overflow-x:auto}.admin-dashboard-container .dashboard-content .companies-section .companies-list .company-row,.admin-dashboard-container .dashboard-content .companies-section .companies-list .list-header{min-width:800px}}@media(max-width:999px){.admin-dashboard-container .admin-header .header-content{padding:16px}.admin-dashboard-container .dashboard-content{padding:24px 16px}.admin-dashboard-container .dashboard-content .companies-section .companies-list{display:none}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container,.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card{display:block}}@media(min-width:1000px){.company-cards-container{display:none}.companies-list{display:block}}@media(max-width:768px){.admin-dashboard-container .admin-header .header-content{padding:10px}.admin-dashboard-container .admin-header .header-content .logo-wrapper span{display:none}.admin-dashboard-container .dashboard-content{padding:10px}.admin-dashboard-container .dashboard-content .welcome-section{margin-bottom:20px;text-align:center}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-title{font-size:22px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-title-wrapper .welcome-icon{font-size:24px}.admin-dashboard-container .dashboard-content .welcome-section .welcome-text .welcome-subtitle{font-size:14px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card{padding:10px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-label{font-size:14px;font-weight:700}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .card-row .card-value{font-size:12px}.admin-dashboard-container .dashboard-content .companies-section .company-cards-container .company-card .manage-btn{padding:5px 10px}.admin-dashboard-container .dashboard-content .companies-section .status-badge{padding:2px 8px;font-size:10px}.admin-dashboard-container .dashboard-content .add-company-cta{width:100%;justify-content:flex-end}.admin-dashboard-container .dashboard-content .add-company-cta .add-company-link{padding:5px 10px;font-size:14px;gap:5px}}.about-page,.archives-page,.calculators-page,.careers-page,.contact-page,.disclosures-page,.manual-page,.newsroom-page,.privacy-policy-page,.refund-page,.research-page,.security-page,.team-page,.terms-service-page{font-family:DMSans,sans-serif;background-color:#f9f9f9;color:#333}.about-page-inner,.archives-page-inner,.calculators-page-inner,.careers-page-inner,.contact-page-inner,.disclosures-page-inner,.manual-page-inner,.newsroom-page-inner,.privacy-policy-page-inner,.refund-page-inner,.research-page-inner,.security-page-inner,.team-page-inner,.terms-service-page-inner{max-width:1320px;margin:auto;padding:20px}.about-page-inner h1,.archives-page-inner h1,.calculators-page-inner h1,.careers-page-inner h1,.contact-page-inner h1,.disclosures-page-inner h1,.manual-page-inner h1,.newsroom-page-inner h1,.privacy-policy-page-inner h1,.refund-page-inner h1,.research-page-inner h1,.security-page-inner h1,.team-page-inner h1,.terms-service-page-inner h1{font-size:40px;font-weight:700;color:var(--primary-color);margin-bottom:1rem;text-align:center}.about-page-inner p,.archives-page-inner p,.calculators-page-inner p,.careers-page-inner p,.contact-page-inner p,.disclosures-page-inner p,.manual-page-inner p,.newsroom-page-inner p,.privacy-policy-page-inner p,.refund-page-inner p,.research-page-inner p,.security-page-inner p,.team-page-inner p,.terms-service-page-inner p{font-size:16px;line-height:1.6;margin-bottom:1rem}.about-page-inner section,.archives-page-inner section,.calculators-page-inner section,.careers-page-inner section,.contact-page-inner section,.disclosures-page-inner section,.manual-page-inner section,.newsroom-page-inner section,.privacy-policy-page-inner section,.refund-page-inner section,.research-page-inner section,.security-page-inner section,.team-page-inner section,.terms-service-page-inner section{margin-top:2rem}.about-page-inner section h2,.archives-page-inner section h2,.calculators-page-inner section h2,.careers-page-inner section h2,.contact-page-inner section h2,.disclosures-page-inner section h2,.manual-page-inner section h2,.newsroom-page-inner section h2,.privacy-policy-page-inner section h2,.refund-page-inner section h2,.research-page-inner section h2,.security-page-inner section h2,.team-page-inner section h2,.terms-service-page-inner section h2{font-size:24px;color:#2c2b2e;font-weight:600;margin-bottom:.5rem}.about-page-inner section ol,.about-page-inner section ul,.archives-page-inner section ol,.archives-page-inner section ul,.calculators-page-inner section ol,.calculators-page-inner section ul,.careers-page-inner section ol,.careers-page-inner section ul,.contact-page-inner section ol,.contact-page-inner section ul,.disclosures-page-inner section ol,.disclosures-page-inner section ul,.manual-page-inner section ol,.manual-page-inner section ul,.newsroom-page-inner section ol,.newsroom-page-inner section ul,.privacy-policy-page-inner section ol,.privacy-policy-page-inner section ul,.refund-page-inner section ol,.refund-page-inner section ul,.research-page-inner section ol,.research-page-inner section ul,.security-page-inner section ol,.security-page-inner section ul,.team-page-inner section ol,.team-page-inner section ul,.terms-service-page-inner section ol,.terms-service-page-inner section ul{margin-left:1.5rem;list-style-type:disc}.about-page-inner section ol li,.about-page-inner section ul li,.archives-page-inner section ol li,.archives-page-inner section ul li,.calculators-page-inner section ol li,.calculators-page-inner section ul li,.careers-page-inner section ol li,.careers-page-inner section ul li,.contact-page-inner section ol li,.contact-page-inner section ul li,.disclosures-page-inner section ol li,.disclosures-page-inner section ul li,.manual-page-inner section ol li,.manual-page-inner section ul li,.newsroom-page-inner section ol li,.newsroom-page-inner section ul li,.privacy-policy-page-inner section ol li,.privacy-policy-page-inner section ul li,.refund-page-inner section ol li,.refund-page-inner section ul li,.research-page-inner section ol li,.research-page-inner section ul li,.security-page-inner section ol li,.security-page-inner section ul li,.team-page-inner section ol li,.team-page-inner section ul li,.terms-service-page-inner section ol li,.terms-service-page-inner section ul li{font-size:16px;margin-bottom:.5rem}.about-page-inner section a,.archives-page-inner section a,.calculators-page-inner section a,.careers-page-inner section a,.contact-page-inner section a,.disclosures-page-inner section a,.manual-page-inner section a,.newsroom-page-inner section a,.privacy-policy-page-inner section a,.refund-page-inner section a,.research-page-inner section a,.security-page-inner section a,.team-page-inner section a,.terms-service-page-inner section a{color:var(--primary-color);text-decoration:none}.about-page-inner section a:hover,.archives-page-inner section a:hover,.calculators-page-inner section a:hover,.careers-page-inner section a:hover,.contact-page-inner section a:hover,.disclosures-page-inner section a:hover,.manual-page-inner section a:hover,.newsroom-page-inner section a:hover,.privacy-policy-page-inner section a:hover,.refund-page-inner section a:hover,.research-page-inner section a:hover,.security-page-inner section a:hover,.team-page-inner section a:hover,.terms-service-page-inner section a:hover{color:rgba(var(--primary-color),10%)}@media(max-width:768px){.about-page-inner,.archives-page-inner,.calculators-page-inner,.careers-page-inner,.contact-page-inner,.disclosures-page-inner,.manual-page-inner,.newsroom-page-inner,.privacy-policy-page-inner,.refund-page-inner,.research-page-inner,.security-page-inner,.team-page-inner,.terms-service-page-inner{padding:10px}.about-page-inner h1,.archives-page-inner h1,.calculators-page-inner h1,.careers-page-inner h1,.contact-page-inner h1,.disclosures-page-inner h1,.manual-page-inner h1,.newsroom-page-inner h1,.privacy-policy-page-inner h1,.refund-page-inner h1,.research-page-inner h1,.security-page-inner h1,.team-page-inner h1,.terms-service-page-inner h1{font-size:22px}.about-page-inner ol li,.about-page-inner p,.about-page-inner ul li,.archives-page-inner ol li,.archives-page-inner p,.archives-page-inner ul li,.calculators-page-inner ol li,.calculators-page-inner p,.calculators-page-inner ul li,.careers-page-inner ol li,.careers-page-inner p,.careers-page-inner ul li,.contact-page-inner ol li,.contact-page-inner p,.contact-page-inner ul li,.disclosures-page-inner ol li,.disclosures-page-inner p,.disclosures-page-inner ul li,.manual-page-inner ol li,.manual-page-inner p,.manual-page-inner ul li,.newsroom-page-inner ol li,.newsroom-page-inner p,.newsroom-page-inner ul li,.privacy-policy-page-inner ol li,.privacy-policy-page-inner p,.privacy-policy-page-inner ul li,.refund-page-inner ol li,.refund-page-inner p,.refund-page-inner ul li,.research-page-inner ol li,.research-page-inner p,.research-page-inner ul li,.security-page-inner ol li,.security-page-inner p,.security-page-inner ul li,.team-page-inner ol li,.team-page-inner p,.team-page-inner ul li,.terms-service-page-inner ol li,.terms-service-page-inner p,.terms-service-page-inner ul li{font-size:14px}.about-page-inner h2,.archives-page-inner h2,.calculators-page-inner h2,.careers-page-inner h2,.contact-page-inner h2,.disclosures-page-inner h2,.manual-page-inner h2,.newsroom-page-inner h2,.privacy-policy-page-inner h2,.refund-page-inner h2,.research-page-inner h2,.security-page-inner h2,.team-page-inner h2,.terms-service-page-inner h2{font-size:18px}.about-page-inner section h1,.archives-page-inner section h1,.calculators-page-inner section h1,.careers-page-inner section h1,.contact-page-inner section h1,.disclosures-page-inner section h1,.manual-page-inner section h1,.newsroom-page-inner section h1,.privacy-policy-page-inner section h1,.refund-page-inner section h1,.research-page-inner section h1,.security-page-inner section h1,.team-page-inner section h1,.terms-service-page-inner section h1{font-size:22px}.about-page-inner section ol li,.about-page-inner section p,.about-page-inner section ul li,.archives-page-inner section ol li,.archives-page-inner section p,.archives-page-inner section ul li,.calculators-page-inner section ol li,.calculators-page-inner section p,.calculators-page-inner section ul li,.careers-page-inner section ol li,.careers-page-inner section p,.careers-page-inner section ul li,.contact-page-inner section ol li,.contact-page-inner section p,.contact-page-inner section ul li,.disclosures-page-inner section ol li,.disclosures-page-inner section p,.disclosures-page-inner section ul li,.manual-page-inner section ol li,.manual-page-inner section p,.manual-page-inner section ul li,.newsroom-page-inner section ol li,.newsroom-page-inner section p,.newsroom-page-inner section ul li,.privacy-policy-page-inner section ol li,.privacy-policy-page-inner section p,.privacy-policy-page-inner section ul li,.refund-page-inner section ol li,.refund-page-inner section p,.refund-page-inner section ul li,.research-page-inner section ol li,.research-page-inner section p,.research-page-inner section ul li,.security-page-inner section ol li,.security-page-inner section p,.security-page-inner section ul li,.team-page-inner section ol li,.team-page-inner section p,.team-page-inner section ul li,.terms-service-page-inner section ol li,.terms-service-page-inner section p,.terms-service-page-inner section ul li{font-size:14px}.about-page-inner section h2,.archives-page-inner section h2,.calculators-page-inner section h2,.careers-page-inner section h2,.contact-page-inner section h2,.disclosures-page-inner section h2,.manual-page-inner section h2,.newsroom-page-inner section h2,.privacy-policy-page-inner section h2,.refund-page-inner section h2,.research-page-inner section h2,.security-page-inner section h2,.team-page-inner section h2,.terms-service-page-inner section h2{font-size:18px}.about-page-inner section h3,.archives-page-inner section h3,.calculators-page-inner section h3,.careers-page-inner section h3,.contact-page-inner section h3,.disclosures-page-inner section h3,.manual-page-inner section h3,.newsroom-page-inner section h3,.privacy-policy-page-inner section h3,.refund-page-inner section h3,.research-page-inner section h3,.security-page-inner section h3,.team-page-inner section h3,.terms-service-page-inner section h3{font-size:16px}}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner{display:flex;flex-direction:column;align-items:center;width:100%;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner .title{font-size:32px;font-weight:500;color:var(--primary-color);margin-bottom:5px}@media(max-width:768px){.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner .title{font-size:22px}}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner svg{color:var(--primary-light)}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel .left-panel-inner .password-toggle{display:flex;align-items:center;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form{width:100%}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form .sendOTP-button{background:var(--primary-color);color:#fff;width:100%;padding:12px;border:none;border-radius:5px;font-weight:700;font-size:18px;cursor:pointer;display:flex;align-items:center;gap:3px;justify-content:center}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form .sendOTP-button:hover{box-shadow:0 4px 6px rgba(0,0,0,.049)}@media(max-width:768px){.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .left-panel form .sendOTP-button{height:auto;margin-top:0;padding:10px;font-size:14px}}.forgot-p-form-wrapper .forgot-p-form-container .login-container2.Forgot-pass-login-container .right-panel .illustration{padding:0}.select-field{border-radius:5px;width:100%;padding:8px 12px;background-color:rgba(0,0,0,0);color:#3c3939}.select-field.common-placeholder{color:#ccc}.select-field option{color:#000}.select-field option[value=""]{color:#ccc}.add-employee-form .employee-fields-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding-bottom:10px}.add-employee-form .employee-fields-wrapper .employee-field{display:flex;flex-direction:column;position:relative}.add-employee-form .employee-fields-wrapper .employee-field .error-message{color:#ff4c51;position:absolute;left:0;bottom:-15;font-size:10}.add-employee-form .employee-fields-wrapper .employee-field .employee-field input[type=text]::placeholder{color:#ccc;font-size:13px;font-weight:400}.add-employee-form .react-datepicker-wrapper{width:100%}.add-employee-form input,.add-employee-form select{padding:8px 12px;font-size:16px;border-radius:5px;border:1px solid #efefef;width:100%}.add-employee-form input:focus,.add-employee-form select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.add-employee-form input::placeholder,.add-employee-form select::placeholder{color:#ccc;font-size:13px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.add-employee-form label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.add-employee-form .create-employess-action{display:flex;justify-content:flex-end;gap:10px}.add-employee-form .create-employess-action .form-button{background-color:var(--primary-color);border:unset;padding:10px 30px;border-radius:5px;color:#fff;font-size:16px;font-weight:500;margin-top:10px}.add-employee-form .create-employess-action .form-button:hover{background:var(--primary-light)}.invite-employees-popup p{font-size:16px;color:var(--primary-color);font-weight:600;margin-bottom:10px}.invite-employees-popup input{margin-bottom:20px}.invite-employees-popup .close-btn{color:#fff;background-color:#9cb9d0}.invite-employees-popup .invites-btn{display:flex;gap:20px}@media(max-width:992px){.add-employee-form .employee-fields-wrapper{grid-template-columns:1fr 1fr;gap:10px}.add-employee-form .employee-fields-wrapper .employee-field{gap:8px}}@media(max-width:576px){.add-employee-form .employee-fields-wrapper{grid-template-columns:1fr}.add-employee-form .create-employess-action .form-button{font-size:15px}.add-employee-form .create-employess-action{justify-content:center}.add-employee-form .create-employess-action .form-button{width:100%;padding:12px 0;margin-top:40px}}.add-role-form{background:#fff;border-radius:5px 5px 0 0;margin:auto;box-shadow:0 4px 8px rgba(0,0,0,.1019607843),0 10px 20px rgba(0,0,0,.0509803922);width:100%}.add-role-form form{padding:15px}.add-role-form h2{text-align:center;background-color:var(--primary-color);padding:20px;border-radius:5px 5px 0 0;color:#fff}.roll-name-input{margin-bottom:20px}.roll-name-input label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.roll-name-input input,.roll-name-input textarea{width:100%;padding:10px 12px;border:1px solid #efefef;border-radius:5px}.roll-name-input input:focus,.roll-name-input textarea:focus{outline:none;border-color:var(--primary-light);background:#fff}.switch-button{display:flex;margin-bottom:20px;flex-wrap:wrap}.switch-button button{padding:10px 18px 10px 5px;font-size:14px;font-weight:500;border-radius:15px 73px 0 0;border:1px solid #fff;background-color:#f3f3f3;cursor:pointer;transition:background .3s}.switch-button button.active{background-color:var(--primary-color);color:#fff}.wrapper{position:relative;display:flex;justify-content:center;align-items:center}.tabs-box{display:flex;gap:10px;list-style:none;overflow-x:hidden;scroll-behavior:smooth}.tabs-box .tab{cursor:pointer;padding:8px 18px;background-color:#f4f4f4;border-radius:30px;font-size:.95rem;transition:background .3s}.tabs-box .tab.active{background-color:var(--primary-color);color:#fff}.icon i{font-size:18px;color:var(--primary-color)}.tabs-box.dragging{cursor:-webkit-grab;cursor:grab}.permissions-container{margin-top:15px;border:1px solid #efefef;border-radius:5px}.permissions-container label{display:grid;grid-template-columns:1fr auto;align-items:center;background:#fff;border-bottom:1px solid #efefef;border-radius:0;padding:8px 12px;grid-gap:10px;gap:10px;cursor:pointer;text-transform:capitalize}.permissions-container .select-all-label{background-color:#f5f5f5;font-weight:700}.permissions-container .role-checkbox{accent-color:var(--primary-color);width:15px;height:15px}.permission-tab-popup{background:#dee9f2;border-radius:5px}.role-action{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.role-action .addrole-btn:disabled{background-color:#ddd;cursor:not-allowed}.permission-group-header{display:flex;gap:10px;flex-wrap:wrap}.permission-group-header .permission-label{display:flex;align-items:center;gap:6px;background:#fff;padding:8px 12px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer}.login-container2.register-contianer .login-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px 20px;gap:10px 20px}.login-container2.register-contianer .login-form .input-wrapper{display:grid;grid-template-columns:1fr 10fr 1fr;grid-gap:2px;gap:2px;padding:8px 10px}.login-container2{display:grid;height:100vh;grid-template-columns:50% 50%;position:relative;overflow:hidden;align-items:center}.login-container2 .left-panel{padding:60px 80px 60px 100px;background-color:#fff;height:100vh;display:flex;align-items:center}.login-container2 .left-panel .form-box{width:100%}.login-container2 .left-panel .title{font-size:32px;font-weight:500;color:var(--primary-color);margin-bottom:5px}.login-container2 .left-panel .description{font-size:16px;color:#646565;margin-bottom:30px;font-weight:500;letter-spacing:.3px}.login-container2 .left-panel .input-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.login-container2 .left-panel .input-group svg{cursor:pointer;color:var(--primary-light)!important}.login-container2 .left-panel .input-group .input-error{font-size:12px;color:red}.login-container2 .left-panel .input-wrapper{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;padding:12px;border:1px solid #ddd;margin-bottom:1rem;border-radius:5px;height:45px}.login-container2 .left-panel .input-wrapper:focus-within{background-color:rgba(0,0,0,0);border-color:var(--primary-light)}.login-container2 .left-panel .input-wrapper .input-icon{color:gray;transition:color .3s ease,background .3s ease}.login-container2 .left-panel .input-wrapper input:-webkit-autofill,.login-container2 .left-panel .input-wrapper select:-webkit-autofill,.login-container2 .left-panel .input-wrapper textarea:-webkit-autofill{-webkit-text-fill-color:inherit;box-shadow:inset 0 0 0 1000px rgba(0,0,0,0);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-container2 .left-panel .input-wrapper .otp-button{display:flex;align-items:center;padding:4px 6px;background-color:var(--primary-color);color:#fff;gap:5px;white-space:nowrap;border-radius:5px;cursor:pointer;border:none;font-size:12px}.login-container2 .left-panel .input-wrapper .otp-button:focus{outline:none}.login-container2 .left-panel .input-wrapper input{padding:0;width:100%;border:none;outline:none;font-size:15px;color:#2c2b2e;font-weight:500}.login-container2 .left-panel .input-wrapper input::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.login-container2 .left-panel .input-wrapper .password-toggle-btn{display:flex;align-items:center;justify-content:center}.login-container2 .left-panel .login-button{background:var(--primary-color);color:#fff;height:45px;width:100%;border:none;border-radius:5px;font-weight:700;font-size:18px;cursor:pointer;letter-spacing:.3px;margin-top:30px;grid-column:span 2}.login-container2 .left-panel .login-button:hover{box-shadow:0 4px 6px rgba(0,0,0,.049);background-color:var(--primary-light)}.login-container2 .left-panel .remember-forgot{display:flex;justify-content:space-between;margin:30px 0}.login-container2 .left-panel .remember-forgot .forgot-password-link{font-size:14px;color:var(--primary-light);text-decoration:none;font-weight:600}.login-container2 .left-panel .signup-text{text-align:center;margin-top:1rem}.login-container2 .left-panel .signup-text a{color:var(--primary-color);font-weight:700}.login-container2 .left-panel .login-footer-links{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;justify-content:center;text-transform:capitalize}.login-container2 .left-panel .login-footer-links a{color:var(--primary-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 1;display:flex;align-items:center;justify-content:center}.login-container2 .right-panel .illustration{max-width:90%;height:auto}.login-container2 .custom-checkbox{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.2px;color:var(--primary-color);cursor:pointer;transition:all .2s ease;position:relative}.login-container2 .custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.login-container2 .custom-checkbox .checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #999;border-radius:5px;transition:all .2s ease}.login-container2 .custom-checkbox .checkmark .checkmark-icon{opacity:0;font-size:12px}.login-container2 .custom-checkbox input:checked+.checkmark{background:#fff;border-color:var(--primary-color)}.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}@media(max-width:1440px){.login-container2 .left-panel{padding:50px}}@media(max-width:1024px){.login-container2{grid-template-columns:100%}.login-container2 .left-panel{padding:40px}.login-container2 .right-panel{display:none}}@media(max-width:768px){.login-container2 .left-panel{padding:50px 12px}.login-container2 .left-panel .title{font-size:26px}.login-container2 .left-panel .subtitle{font-size:18px}.login-container2 .left-panel .description{font-size:13px}.login-container2 .left-panel .input-wrapper{padding:10px}.login-container2 .left-panel .login-button{font-size:16px;padding:.65rem}.login-container2 .left-panel .remember-forgot{align-items:flex-start;gap:10px;margin:20px auto}.login-container2 .left-panel .remember-forgot .custom-checkbox,.login-container2 .left-panel .remember-forgot .forgot-password-link{font-size:12px}}@media(max-width:480px){.login-container2.register-contianer .login-form{display:flex;flex-direction:column}.login-container2{align-items:flex-start;height:auto;min-height:90vh}.login-container2 .left-panel{padding:20px 12px;height:auto;min-height:80vh}.login-container2 .left-panel .title{font-size:22px}.login-container2 .left-panel .subtitle{font-size:16px}.login-container2 .left-panel .description{font-size:12px;margin-bottom:20px}.login-container2 .left-panel .input-wrapper{padding:8px;margin-bottom:10px}.login-container2 .left-panel .input-wrapper input{padding:0}.login-container2 .left-panel .login-button{font-size:14px;padding:10px;height:auto;margin-top:0}.login-container2 .left-panel .login-footer-links{margin-top:20px}.login-container2 .left-panel .login-footer-links a{font-size:14px}}form .clear-button{position:fixed;top:50%;right:0;transform:translateY(-50%);background:#fff;border:1px solid #ccc;border-right:none;padding:10px 12px;border-radius:5px 0 0 5px;box-shadow:-2px 0 8px rgba(0,0,0,.1);cursor:pointer;z-index:1000;transition:background .3s}form .clear-button:hover{background:#f9f9f9}form .clear-button svg{font-size:20px;color:#d9363e}.register-company-container{max-width:1320px;margin:20px auto;font-family:DMSans,sans-serif;color:#333}.register-company-container .register-header{text-align:center;margin-bottom:20px}.register-company-container .register-header h1{font-size:30px;font-weight:700;color:#2c2b2e;margin-bottom:10px}.register-company-container .register-header p{font-size:16px;color:#666}.register-company-container .register-form{background:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.05);padding:20px;position:relative}.register-company-container .form-section{margin-bottom:20px}.register-company-container .form-section h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:#2c2b2e;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #eee}.register-company-container .form-section h2 svg{color:var(--primary-color)}.register-company-container .form-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:10px}.register-company-container .document-section{background:#f9fafc;border-radius:5px;padding:10px;border:1px solid #eee;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.register-company-container .document-section h3{font-size:1.1rem;font-weight:600;color:#2c2b2e;display:flex;align-items:center;gap:.5rem}.register-company-container .document-section h3 svg{color:#666;font-size:1rem}.register-company-container .form-group,.register-company-container .input-group{position:relative}.register-company-container .form-group .input-error,.register-company-container .input-group .input-error{position:absolute;bottom:-15px;left:0;font-size:10px;color:#ff4c51;width:100%;white-space:nowrap;text-overflow:ellipsis}.register-company-container .form-group{margin-bottom:0}.register-company-container .form-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:#444}.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{padding:8px 12px;font-size:16px;border-radius:5px;border:1px solid #efefef;width:100%}.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:rgba(0,0,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;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.register-company-container .form-group textarea{min-height:100px;resize:vertical}.register-company-container .file-upload-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:#333}.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]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:2px dashed #ddd;border-radius:5px;background:#fafafa;text-align:center;transition:all .2s ease;margin-bottom:5px}.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{font-size:15px;color:#666;margin-bottom:.5rem}.register-company-container .file-upload-box span{font-size:14px;color:#666}.register-company-container .file-upload-box small{font-size:10px;color:#999;margin-top:8px}.register-company-container .form-navigation{display:flex;justify-content:flex-end;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.update-business-profile{max-width:100%;padding:0!important}.confirmation-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:20px}.confirmation-container .confirmation-card{background:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:40px;max-width:500px;width:100%;text-align:center;position:relative;overflow:hidden}.confirmation-container .confirmation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4f46e5,#10b981)}.confirmation-container .confirmation-card .confirmation-title{font-size:24px;color:#1a1a1a;margin-bottom:16px;font-weight:600}.confirmation-container .confirmation-card .confirmation-message{color:#666;font-size:16px;margin-bottom:32px}.confirmation-container .confirmation-card .progress-bar{height:6px;background:#f0f0f0;border-radius:5px;overflow:hidden;margin-top:30px}.confirmation-container .confirmation-card .progress-bar .progress{height:100%;width:60%;background:linear-gradient(90deg,#4f46e5,#10b981);border-radius:5px;animation:progress-animation 2s ease-in-out infinite}.confirmation-container .confirmation-card .c-spinner{position:relative;width:80px;height:80px;margin:0 auto 30px;z-index:1}.confirmation-container .confirmation-card .c-spinner .spinner-circle{position:absolute;width:100%;height:100%;border:8px solid rgba(0,0,0,0);border-radius:50%;mix-blend-mode:overlay;animation:spinner-rotate 1.5s ease-in-out infinite}.confirmation-container .confirmation-card .c-spinner .spinner-circle:first-child{border-top-color:#4f46e5;animation-delay:.1s}.confirmation-container .confirmation-card .c-spinner .spinner-circle:nth-child(2){border-right-color:#10b981;animation-delay:.2s}.confirmation-container .confirmation-card .c-spinner .spinner-circle:nth-child(3){border-bottom-color:#f59e0b;animation-delay:.3s}.confirmation-container .confirmation-card .c-spinner .spinner-circle:nth-child(4){border-left-color:#ef4444;animation-delay:.4s}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progress-animation{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.confirmation-container .confirmation-card .retry-button{background-color:var(--primary-color);color:#fff;padding:8px 10px;border:none;margin-top:10px;cursor:pointer;border-radius:5px}@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 .document-section,.register-company-container .form-grid{grid-template-columns:1fr}}@media(max-width:600px){.register-company-container{padding:20px 10px}}.earning-review-container,.expenses-sale-container,.stat-revenue-container{display:grid;grid-template-rows:auto auto;grid-column-gap:20px;column-gap:20px}.earning-review-container .card,.expenses-sale-container .card,.stat-revenue-container .card{background-color:#fff;border-radius:5px;border:1px solid #efefef;padding:15px}.earning-review-container .card h3,.expenses-sale-container .card h3,.stat-revenue-container .card h3{font-size:18px;font-weight:600;color:#2c2b2e}.earning-review-container .card-header,.expenses-sale-container .card-header,.stat-revenue-container .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.earning-review-container .card-header h3,.expenses-sale-container .card-header h3,.stat-revenue-container .card-header h3{font-size:18px;font-weight:600;color:#2c2b2e}.earning-review-container .card-header .dropdown,.expenses-sale-container .card-header .dropdown,.stat-revenue-container .card-header .dropdown{font-size:14px;color:var(--primary-color);background-color:#dee9f2;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600}.earning-review-container .card-header .dropdown span,.expenses-sale-container .card-header .dropdown span,.stat-revenue-container .card-header .dropdown span{font-size:10px}.stat-revenue-container{grid-template:1fr}.stat-revenue-container .total-revenue .revenue-value{font-size:24px;font-weight:700}.stat-revenue-container .total-revenue .revenue-value small{font-size:14px;color:#01a601;margin-left:.5rem}.stat-revenue-container .total-revenue .legend{display:flex;justify-content:center;align-items:center;margin-top:1rem;font-size:14px;color:#999}.stat-revenue-container .total-revenue .legend .dot{height:10px;width:10px;border-radius:50%;display:inline-block;margin:0 .5rem}.stat-revenue-container .total-revenue .legend .dot.profit{background-color:var(--primary-color)}.stat-revenue-container .total-revenue .legend .dot.loss{background-color:var(--primary-light)}.stat-revenue-container .chart-placeholder{height:250px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;text-transform:uppercase}.expenses-sale-container{grid-template-columns:1fr .5fr;margin-top:20px}.expenses-sale-container .income-expense button{background:none;border:none;padding:.25rem 1rem;font-weight:500;font-size:14px;color:#999;cursor:pointer;border-radius:5px}.expenses-sale-container .income-expense button.active{background-color:var(--primary-color);color:#fff}.expenses-sale-container .employees .add-btn{background-color:#dee9f2;border:none;padding:5px;width:30px;height:30px;border-radius:5px;font-size:1.2rem;cursor:pointer}.expenses-sale-container .employees .employee-list{list-style:none;padding:0;margin:0}.expenses-sale-container .employees .employee-list .employee-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:5px 10px;border-radius:5px}.expenses-sale-container .employees .employee-list .employee-item .avatar{width:40px;height:40px;border-radius:50%;background-color:#f9f9f9;color:var(--primary-color);overflow:hidden;font-weight:600;font-size:20px;display:flex;justify-content:center;align-items:center}.expenses-sale-container .employees .employee-list .employee-item .name{font-weight:500;font-size:16px}.expenses-sale-container .employees .employee-list .employee-item .role{font-size:14px;color:var(--primary-light);font-weight:600}.expenses-sale-container .employees .employee-list .employee-item .menu-btn{background:none;border:none;font-size:1.2rem;color:#ff4c51;cursor:pointer}.expenses-sale-container .sale-items .sale-list{list-style:none;padding:0;margin-top:20px}.expenses-sale-container .sale-items .sale-list .sale-item{display:grid;grid-template-columns:1fr 1fr .2fr;align-items:center;margin-bottom:1rem}.expenses-sale-container .sale-items .sale-list .sale-item .label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500}.expenses-sale-container .sale-items .sale-list .sale-item .progress{flex:1 1;background-color:#f4f4f4;border-radius:5px;margin:0 1rem;height:8px;position:relative}.expenses-sale-container .sale-items .sale-list .sale-item .progress .bar{background-color:var(--primary-color);height:100%;border-radius:5px}.expenses-sale-container .sale-items .sale-list .sale-item .percent{font-size:14px;color:#999;width:40px;text-align:right}.earning-review-container{grid-template-columns:.6fr .6fr 1fr}.earning-review-container .user-activity .visitor{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}.earning-review-container .user-activity .visitor .label{font-weight:600}.earning-review-container .user-activity .visitor .orange,.earning-review-container .user-activity .visitor .yellow{color:var(--primary-light)}.earning-review-container .user-activity .visitor .count{font-weight:700;font-size:16px;color:var(--primary-color)}.earning-review-container .user-activity .visitor+.chart-placeholder{height:60px;margin:10px 0}.earning-review-container .customer-review .card-header{display:flex;justify-content:space-between;align-items:center}.earning-review-container .customer-review .card-header .view-all{background:none;border:none;font-size:14px;color:var(--primary-color);font-weight:500;cursor:pointer}.earning-review-container .customer-review .card-header .view-all:hover{color:var(--primary-light)}.earning-review-container .customer-review .review-list{display:flex;flex-direction:column;gap:10px}.earning-review-container .customer-review .review-list .review-item{display:flex;align-items:center;border:1px solid #dff0f0;padding:10px;border-radius:5px;gap:10px}.earning-review-container .customer-review .review-list .review-item .avatar{width:36px;height:36px;background-color:#dee9f2;color:var(--primary-color);border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;padding:5px}.earning-review-container .customer-review .review-list .review-item .review-content{flex:1 1}.earning-review-container .customer-review .review-list .review-item .review-content .r-title{font-weight:600;font-size:14px;color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.earning-review-container .customer-review .review-list .review-item .review-content .desc{font-size:13px;color:#999}.earning-review-container .customer-review .review-list .review-item .star{color:#ffc107;font-size:18px}.earning-review-container .total-earnings .chart-placeholder{height:160px}.dashboard-container{padding:0 0 20px;max-width:1800px;margin:0 auto;width:100%}.overview-grid-container{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;gap:15px}.overview-grid-container .card{background:#fff;padding:8px 12px;border-radius:5px;border:1px solid #efefef;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;cursor:pointer;text-decoration:none}.overview-grid-container .card:before{content:"";background-color:var(--primary-color);width:10px;height:20px;box-shadow:0 0 0 2px rgba(var(--primary-color),.2);position:absolute;top:-6px;right:-3px;transform:rotate(-38deg)}.overview-grid-container .card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.055);border:1px solid #dee9f2}.overview-grid-container .card:hover .icon-shell{transform:scale(1.05)}.overview-grid-container .icon-shell{background-color:var(--primary-light-rgb);padding:5px;border-radius:5px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .3s ease;flex-shrink:0}.overview-grid-container .icon-shell svg{color:var(--primary-color)}.overview-grid-container .dash-card-content{flex:1 1;min-width:0}.overview-grid-container .value-count{font-size:20px;font-weight:700;margin:6px 0 4px;color:var(--primary-color);line-height:1.2}.overview-grid-container .expenses{color:#ef4444}.overview-grid-container .green{color:#10b981;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:2px}.overview-grid-container .green:before{content:"↑";display:inline-block}.overview-grid-container p{margin:0;color:#6b7280;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-grid-container .error-box{background:#fee2e2;padding:12px 16px;color:#dc2626;text-align:center;border-radius:5px;font-weight:600;margin:0 15px;border:1px solid #fecaca}.overview-grid-container .item-loader{animation:loadItem 1s linear infinite;display:inline-block;color:var(--primary-color)}@keyframes loadItem{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sales-report-page .s-r-filter-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 0}.sales-report-page .s-r-filter-controls .filter-group{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:10px;max-width:200px}.sales-report-page .s-r-filter-controls .filter-group label{font-weight:600;color:var(--primary-color);width:100%}.sales-report-page .s-r-filter-controls .filter-group select{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:20px;padding:5px;border:1px solid var(--primary-light);border-radius:5px;background-color:#fff;width:300px;max-width:100%}.sales-report-page .sales-report-content h3{color:var(--primary-color);margin-bottom:10px}@media(max-width:768px){.sales-report-page .s-r-filter-controls .filter-group{max-width:100%;width:100%}.sales-report-page .s-r-filter-controls .filter-group select{width:100%}}@media(max-width:1200px){.earning-review-container,.expenses-sale-container,.stat-revenue-container{column-gap:15px;row-gap:20px}}@media(max-width:1024px){.overview-grid-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}}@media(max-width:992px){.stat-revenue-container{grid-template-columns:1fr;margin-top:20px}.earning-review-container{grid-template-columns:1fr 1fr;margin-top:20px}.expenses-sale-container{margin-top:20px}}@media(max-width:768px){.dashboard-container{padding:10px 0 0}.dashboard-container .overview-grid-container{gap:10px}.dashboard-container .overview-grid-container .card{scroll-snap-align:start;flex-shrink:0;display:flex;padding:5px 10px;border-radius:5px;border:none;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.049)}.dashboard-container .overview-grid-container .card:hover{transform:none;box-shadow:none;border:none}.dashboard-container .overview-grid-container .card .icon-shell{width:35px;height:35px;margin:0;padding:0}.dashboard-container .overview-grid-container .card .dash-card-content{text-align:left;width:100%}.dashboard-container .overview-grid-container .card p{font-size:13px}.dashboard-container .overview-grid-container .card .value-count{font-size:16px}.dashboard-container .overview-grid-container .card .green{font-size:10px;display:inline-block}.earning-review-container,.expenses-sale-container,.stat-revenue-container{grid-template-columns:1fr;grid-template-rows:auto;row-gap:15px}.earning-review-container .card,.expenses-sale-container .card,.stat-revenue-container .card{padding:10px}.earning-review-container .card .card-header,.expenses-sale-container .card .card-header,.stat-revenue-container .card .card-header{align-items:flex-start;border-radius:5px 5px 0 0}.earning-review-container .card .card-header .dropdown,.expenses-sale-container .card .card-header .dropdown,.stat-revenue-container .card .card-header .dropdown{padding:5px 10px;font-size:11px}.earning-review-container .card .card-header h3,.expenses-sale-container .card .card-header h3,.stat-revenue-container .card .card-header h3{font-size:16px}.earning-review-container .card .card-header .revenue-value,.expenses-sale-container .card .card-header .revenue-value,.stat-revenue-container .card .card-header .revenue-value{font-size:14px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.earning-review-container .card .card-header .revenue-value small,.expenses-sale-container .card .card-header .revenue-value small,.stat-revenue-container .card .card-header .revenue-value small{font-size:10px}.card.total-earnings .legend,.stat-revenue-container .total-revenue .legend{margin-bottom:10px;font-size:12px;gap:10px;align-items:center}.card.total-earnings .legend .dot,.stat-revenue-container .total-revenue .legend .dot{margin:0;width:10px;height:10px}.earning-review-container .user-activity h3,.expenses-sale-container .sale-items h3{font-size:16px}.earning-review-container .user-activity .visitor span,.expenses-sale-container .sale-items .visitor span{font-size:14px}.earning-review-container .user-activity .visitor .count,.expenses-sale-container .sale-items .visitor .count{font-size:12px}.earning-review-container .customer-review .review-list .review-item{border:none;border-bottom:1px solid #dff0f0;padding:0 0 10px}.earning-review-container .customer-review .review-list .review-item .avatar{font-size:14px}.earning-review-container .customer-review .review-list .review-item .review-content .desc{font-size:12px}.overview-grid-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.card{padding:16px;gap:14px}.icon-shell{width:50px;height:50px;padding:12px}.value-count{font-size:22px}}@media(max-width:640px){.overview-grid-container{grid-template-columns:repeat(2,1fr);gap:12px}.overview-grid-container .card{padding:14px;gap:12px}.overview-grid-container .icon-shell{width:46px;height:46px;padding:10px}.overview-grid-container .value-count{font-size:20px}.overview-grid-container p{font-size:13px}.overview-grid-container .green{font-size:12px}}.account-packages-header{width:100%;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:99999}.account-packages-header .acc-pkg-header-inner{max-width:1320px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto}.account-packages-header .acc-pkg-header-inner .back-to-pkgs{padding:8px;background-color:var(--primary-color);color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center}.account-packages-header .category-filter,.account-packages-header .category-filter .filter-group{display:flex;align-items:center;gap:10px}.account-packages-header .category-filter .filter-group label{display:block;font-size:14px;color:#2c2b2e}.account-packages-header .category-filter select{padding:5px 8px;font-size:14px;border-radius:5px;border-color:#dee9f2;cursor:pointer}.no-packages-message{text-align:center;padding:2rem;background:hsla(0,0%,100%,.8);border-radius:5px;grid-column:1/-1;margin:2rem 0;border:1px dashed #ccc}.no-packages-message h3{color:#555;font-size:1.5rem;margin-bottom:.5rem}.no-packages-message p{color:#777;margin-bottom:1rem}.no-packages-message .empty-box-icon{font-size:4rem;margin-bottom:1rem;display:inline-block;animation:pkgBounce 2s infinite}@keyframes pkgBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.no-packages-message .suggestions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.wave-hand{font-size:2rem;display:inline-block;animation:pkgWave 2s infinite;transform-origin:70% 70%}@keyframes pkgWave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.select-button-container button{width:100%;margin-top:10px}.my-acc-layout{display:flex;flex-direction:column;gap:30px;position:relative}.my-acc-layout .panel{background:#fff;border-radius:5px;overflow:hidden}.my-acc-layout .panel .panel-header{padding:10px 20px;border-bottom:1px solid #efefef;display:flex;justify-content:space-between;align-items:center}.my-acc-layout .panel .panel-header h2{margin:0;font-size:20px;color:var(--primary-color);display:flex;align-items:center;gap:5px}.my-acc-layout .panel .panel-header .pannel-header-actions{display:flex;gap:20px;align-items:center}.my-acc-layout .panel .panel-header .pannel-header-actions .add-btn{padding:5px 10px;border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);font-size:14px}.my-acc-layout .panel .panel-header .pannel-header-actions .add-btn:hover{text-decoration:none}.my-acc-layout .panel .panel-header .pannel-header-actions a,.my-acc-layout .panel .panel-header .pannel-header-actions span{display:flex;gap:5px;align-items:center;text-decoration:none;color:#2c2b2e;cursor:pointer}.my-acc-layout .panel .panel-header .pannel-header-actions a:hover,.my-acc-layout .panel .panel-header .pannel-header-actions span:hover{text-decoration:underline}.my-acc-layout .profile-header{display:flex;align-items:center;gap:10px}.my-acc-layout .profile-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.my-acc-layout .profile-header-icon{font-size:20px}.my-acc-layout .personal-panel .info-stack{display:flex;gap:20px;flex-wrap:wrap}.my-acc-layout .personal-panel .info-stack .info-line{display:flex;align-items:center;gap:5px;padding:10px 20px;border-bottom:1px solid #efefef}.my-acc-layout .personal-panel .info-stack .info-line:last-child{border-bottom:none}.my-acc-layout .personal-panel .info-stack .info-line .role-badge{background:#f8f9fc;border-radius:4px;text-transform:capitalize}.my-acc-layout .personal-panel .panel-header .profile-header .profile-header-avatar-wrapper{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.my-acc-layout .personal-panel .panel-header .profile-header .profile-header-avatar-wrapper img{object-fit:cover}.my-acc-layout .sessions-panel .panel-subtitle{font-size:14px;color:#2c2b2e;margin-top:5px;opacity:.8}.my-acc-layout .sessions-panel .session-loading{padding:2rem;display:flex;justify-content:center}.my-acc-layout .sessions-panel .sessions-list{display:flex;flex-direction:column;gap:15px;padding:15px}.my-acc-layout .sessions-panel .session-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fc;border-radius:5px;transition:all .2s;border:1px solid #efefef}.my-acc-layout .sessions-panel .session-item:hover{box-shadow:0 4px 6px rgba(0,0,0,.049)}.my-acc-layout .sessions-panel .session-item .session-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;font-size:16px}.my-acc-layout .sessions-panel .session-item .session-details{flex:1 1;display:flex;flex-direction:column;gap:8px}.my-acc-layout .sessions-panel .session-item .session-meta{display:flex;align-items:center;gap:10px}.my-acc-layout .sessions-panel .session-item .session-meta .session-ip{font-weight:600;color:var(--primary-color)}.my-acc-layout .sessions-panel .session-item .session-meta .session-location{font-size:13px;color:#2c2b2e;opacity:.8}.my-acc-layout .sessions-panel .session-item .session-info{display:flex;flex-wrap:wrap;gap:15px;font-size:13px}.my-acc-layout .sessions-panel .session-item .session-info .session-info-item{display:flex;align-items:center;gap:5px;color:#2c2b2e}.my-acc-layout .sessions-panel .session-item .session-info .session-info-item .info-icon{font-size:12px;opacity:.7}.my-acc-layout .sessions-panel .session-item .session-actions .session-action-btn{padding:8px 12px;background:rgba(0,0,0,0);border:1px solid #ff4c51;color:#ff4c51;border-radius:5px;display:flex;align-items:center;gap:5px;font-size:13px;cursor:pointer;transition:all .2s}.my-acc-layout .sessions-panel .session-item .session-actions .session-action-btn:hover{background:#ff4c51;color:#fff}.my-acc-layout .companies-panel .company-stack .company-item{padding:10px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden;gap:20px;border-bottom:1px solid #efefef;transition:all .2s;cursor:pointer}.my-acc-layout .companies-panel .company-stack .company-item .c-basic{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px;flex:1 1}.my-acc-layout .companies-panel .company-stack .company-item .c-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.my-acc-layout .companies-panel .company-stack .company-item .c-actions .edit-c-profile,.my-acc-layout .companies-panel .company-stack .company-item .c-actions button{padding:5px 10px;font-size:12px;font-weight:500;text-decoration:none}.my-acc-layout .companies-panel .company-stack .company-item .c-actions .switch-badge{background:var(--primary-color);color:#fff;padding:6px 12px;border-radius:5px;font-size:12px}.my-acc-layout .companies-panel .company-stack .company-item .c-actions .active-badge{background:#01a601;color:#fff;padding:6px 12px;border-radius:5px;font-size:12px;font-weight:500}.my-acc-layout .companies-panel .company-stack .company-item:hover{background:#f8f9fc}.my-acc-layout .companies-panel .company-stack .company-item.active-company{flex-direction:column;align-items:normal;padding:30px 10px 10px}.my-acc-layout .companies-panel .company-stack .company-item.verified{border-left:3px solid #2e7d32}.my-acc-layout .companies-panel .company-stack .company-item.pending{border-left:3px solid #ff8f00}.my-acc-layout .companies-panel .company-stack .company-item.rejected{border-left:3px solid #c62828}.my-acc-layout .companies-panel .company-stack .company-item .company-main h3{margin:0 0 .3rem;font-size:1.1rem}.my-acc-layout .companies-panel .company-stack .company-item .company-main .company-id{font-size:.8rem;color:#7f8c8d}.my-acc-layout .companies-panel .company-stack .company-item .company-score{font-size:14px;display:flex;flex-direction:column;gap:5px}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar-container{width:100%;position:relative}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar{height:8px;background:#f0f0f0;border-radius:5px;overflow:visible;position:relative}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);border-radius:5px;position:relative}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator{position:absolute;right:0;top:-30px;transform:translateX(50%)}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator .indicator-tooltip{position:relative;background:#333;color:#fff;padding:4px 8px;border-radius:5px;font-size:10px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15)}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .score-indicator .indicator-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 0}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-bar .score-fill .indicator-pointer{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:12px;height:12px;background:#4caf50;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.my-acc-layout .companies-panel .company-stack .company-item .company-score .score-warning{color:#ff9800;font-size:13px}.my-acc-layout .companies-panel .company-stack .company-item .company-status{display:flex;gap:20px}.my-acc-layout .companies-panel .company-stack .company-item .company-status label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:500}.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag{padding:2px 10px;border-radius:5px;font-size:12px;font-weight:600;text-transform:capitalize;text-align:center}.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.completed,.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.paid,.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.verified{background:#e8f5e9;color:#2e7d32}.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.pending,.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.unpaid{background:#fff8e1;color:#ff8f00}.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.expired,.my-acc-layout .companies-panel .company-stack .company-item .company-status .status-tag.rejected{background:#ffebee;color:#c62828}.my-acc-layout .companies-panel .company-stack .company-item .edit-c-profile,.my-acc-layout .companies-panel .company-stack .company-item .view-btn{border-radius:5px;background:rgba(0,0,0,0);border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.my-acc-layout .companies-panel .company-stack .company-item .edit-c-profile:hover,.my-acc-layout .companies-panel .company-stack .company-item .view-btn:hover{background:var(--primary-color);color:#fff}.my-acc-layout .companies-panel .company-stack .company-item .edit-c-profile:disabled,.my-acc-layout .companies-panel .company-stack .company-item .view-btn:disabled{opacity:.6;cursor:not-allowed}@media(min-width:992px){.my-acc-layout{grid-template-columns:1fr 1.5fr}}.recheck-modal-content .status-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px;margin-bottom:25px}.recheck-modal-content .status-details-grid .status-item{display:flex;flex-direction:column;gap:5px}.recheck-modal-content .status-details-grid .status-item .status-label{font-weight:600;color:var(--text-secondary)}.recheck-modal-content .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:14px;font-weight:600;text-transform:capitalize}.recheck-modal-content .status-badge.status-pending{background-color:#fff3e0;color:#e65100}.recheck-modal-content .status-badge.status-completed{background-color:#e8f5e9;color:#2e7d32}.recheck-modal-content .status-badge.status-verified{background-color:#e3f2fd;color:#1565c0}.recheck-modal-content .status-badge.status-rejected{background-color:#ffebee;color:#c62828}.recheck-modal-content .status-badge.status-active{background-color:#e8f5e9;color:#2e7d32}.recheck-modal-content .status-badge.status-inactive{background-color:#fff3e0;color:#e65100}.recheck-modal-content .status-badge.status-expired{background-color:#f5f5f5;color:#616161}.recheck-modal-content .recheck-button-container{display:flex;justify-content:center}.Profile-image-preview{width:100%}.edit-user-form .profile-image-wrapper{justify-content:center;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;border-bottom:3px solid var(--primary-color)}.edit-user-form .profile-image-container{position:relative;width:100px;height:100px}.edit-user-form .profile-image-container .profile-image{width:100px;height:100px;border-radius:9999px;object-fit:cover;border:3px solid #ccc;position:absolute}.edit-user-form .profile-image.updated{border-color:green}.edit-user-form .profile-option-buttons{display:flex;flex-direction:column;gap:10px}.edit-user-form .edit-profile-picicon{position:absolute;bottom:0;right:0;background:#f3f4f6;border-radius:9999px;padding:4px 6px;font-size:14px;cursor:pointer;border:1px solid green}.edit-user-form .form-group{margin-bottom:1rem}.edit-user-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.edit-user-form .form-group input,.edit-user-form .form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px}.edit-user-form .error{color:#e53e3e;font-size:.875rem;margin-top:.25rem;display:block}.edit-user-form .email-edit-form .form-group,.edit-user-form .phone-edit-form .form-group{margin-bottom:1.5rem}.edit-user-form .flex{display:flex}.edit-user-form .gap-2{gap:.5rem}.edit-user-form .flex-1{flex:1 1}.edit-user-form .btn{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}.edit-user-form .btn-sm{padding:.25rem .5rem;font-size:.875rem}.edit-user-form .btn-secondary{background-color:#e2e8f0;color:#4a5568;border:1px solid #cbd5e0}.edit-user-form .verified-badge{color:#38a169;font-size:.875rem;margin-left:.5rem}.edit-user-form .form-actions{display:flex;gap:20px;justify-content:flex-end;align-items:center;margin-top:20px}.edit-user-form .profile-form-input-wrapper{display:flex;flex-direction:column;gap:5px}.edit-user-form .profile-form-input-wrapper .profile-send-otp-buttons{width:-moz-fit-content;width:fit-content}@media(max-width:768px){.my-acc-layout{gap:15px}.my-acc-layout .panel .panel-header{padding:8px 12px}.my-acc-layout .panel .panel-header h2{font-size:18px}.my-acc-layout .panel .panel-header .add-btn{font-size:12px;padding:4px 8px}.my-acc-layout .personal-panel .info-stack{gap:0}.my-acc-layout .personal-panel .panel-header{padding:8px 12px;flex-direction:column;gap:10px}.my-acc-layout .personal-panel .panel-header .pannel-header-actions{font-size:14px}.my-acc-layout .companies-panel .panel-header{flex-direction:column;align-items:flex-start;gap:5px}.my-acc-layout .companies-panel .panel-header .pannel-header-actions{width:100%;justify-content:flex-end}.my-acc-layout .personal-panel .info-stack .info-line{padding:8px 12px;font-size:13px}.my-acc-layout .sessions-panel .panel-header{flex-direction:column;text-align:center}.my-acc-layout .sessions-panel .session-item{flex-direction:column;align-items:flex-start;gap:12px}.my-acc-layout .sessions-panel .session-item .session-actions{width:100%}.my-acc-layout .sessions-panel .session-item .session-actions .session-action-btn{width:100%;justify-content:center}.my-acc-layout .companies-panel .company-stack .company-item{flex-direction:column;gap:10px;padding:8px}.my-acc-layout .companies-panel .company-stack .company-item.active-company{padding:10px}.my-acc-layout .companies-panel .company-stack .company-item .company-score{margin-top:25px}.my-acc-layout .companies-panel .company-item .company-main h3{font-size:14px;margin-bottom:.2rem}.my-acc-layout .companies-panel .company-item .company-main .company-id{font-size:12px}.my-acc-layout .companies-panel .company-item .company-status{width:100%;justify-content:space-between}.my-acc-layout .companies-panel .company-item .company-status .status-tag{font-size:12px;padding:.1rem .5rem}.my-acc-layout .companies-panel .company-item .view-btn{align-self:flex-end;font-size:12px;padding:4px 8px}.account-packages-header .acc-pkg-header-inner{max-width:100%}.no-packages-message{padding:1.5rem;margin:1.5rem 0}.no-packages-message h3{font-size:1.2rem}.no-packages-message p{font-size:13px}.no-packages-message .empty-box-icon{font-size:3rem}.no-packages-message .wave-hand{font-size:1.5rem}}.notifications-container{width:100%;max-width:100%;padding:0;background:rgba(0,0,0,0)}.notifications-container .notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #f0f0f0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.notifications-container .notifications-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.notifications-container .mark-all-button{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:5px;transition:all .2s}.notifications-container .mark-all-button:hover:not(:disabled){background:#f1f9f9}.notifications-container .mark-all-button:disabled{opacity:.7;cursor:not-allowed}.notifications-container .notifications-list{display:flex;flex-direction:column;gap:8px;margin:20px auto}.notifications-container .notification-card{background:#fff;border-radius:5px;padding:10px;display:flex;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative;overflow:hidden}.notifications-container .notification-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-1px)}.notifications-container .notification-card.unread{border-left:2px solid var(--primary-color)}.notifications-container .notification-card.read{opacity:.8;padding-left:20px}.notifications-container .notification-indicator{width:8px;height:8px;background:var(--primary-color);border-radius:50%;flex-shrink:0;margin-top:8px;display:none}.notifications-container .notification-card.unread .notification-indicator{display:block}.notifications-container .notification-content{flex:1 1;display:flex;flex-direction:column;gap:8px}.notifications-container .notification-header{display:flex;justify-content:space-between;align-items:flex-start}.notifications-container .notification-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.notifications-container .notification-message{font-size:.875rem;color:#666;margin:0;line-height:1.5}.notifications-container .notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.notifications-container .notification-time{font-size:.75rem;color:#999}.notifications-container .notification-tag{font-size:.7rem;padding:2px 8px;border-radius:5px;font-weight:600}.notifications-container .notification-tag.info{background:#e0f2fe;color:#0369a1}.notifications-container .notification-tag.warning{background:#fef3c7;color:#92400e}.notifications-container .notification-tag.error{background:#fee2e2;color:#b91c1c}.notifications-container .notification-tag.success{background:#dcfce7;color:#166534}.notifications-container .mark-read-button{background:none;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);transition:all .2s}.notifications-container .mark-read-button:hover:not(:disabled){background:#f5f3ff}.notifications-container .mark-read-button:disabled{opacity:.7;cursor:not-allowed}.notifications-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#666}.notifications-container .empty-state p{font-size:1rem;font-weight:600;margin:16px 0 4px}.notifications-container .empty-state small{font-size:.875rem;color:#999}.notifications-container .loading-dots{display:inline-block;width:16px;text-align:left}@media(max-width:768px){.notifications-header{padding:12px 16px}.notifications-title{font-size:1.25rem}.notifications-list{padding:8px}.notification-card{padding:12px}}.raise-ticket-toggle{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#384b70;color:#fff;border:1px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725);z-index:99;transition:.3s}.raise-ticket-toggle:hover{background-color:#2f405f;transform:scale(1.05)}.raise-ticket-toggle svg{width:24px;height:24px}.ticket-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999999999999}.ticket-popup{background-color:#fff;border-radius:5px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:100%;max-width:500px;padding:24px;position:relative;max-height:90vh;overflow-y:auto;margin:20px;animation:fadeInUp .3s ease-out}.ticket-popup .ticket-close-button{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:.3s;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.ticket-popup .ticket-close-button:hover{background-color:rgba(255,76,81,.1);color:#ff4c51}.ticket-popup .ticket-popup-title{color:#1b1b1b;font-family:DMSans,sans-serif;font-weight:700;font-size:22px;margin-bottom:24px;text-align:center;line-height:1.3}.ticket-popup .query-form,.ticket-popup .ticket-form{display:flex;flex-direction:column;gap:16px}.ticket-popup .query-form .ticket-form-group,.ticket-popup .ticket-form .ticket-form-group{display:flex;flex-direction:column;gap:6px}.ticket-popup .query-form .ticket-form-group .ticket-label,.ticket-popup .ticket-form .ticket-form-group .ticket-label{font-family:DMSans,sans-serif;font-size:14px;color:#333;font-weight:500;display:flex;align-items:center;gap:4px}.ticket-popup .query-form .ticket-form-group .ticket-label:after,.ticket-popup .ticket-form .ticket-form-group .ticket-label:after{content:"*";color:#ff4c51;margin-left:2px;opacity:.8}.ticket-popup .query-form .ticket-form-group .ticket-input,.ticket-popup .query-form .ticket-form-group .ticket-select,.ticket-popup .query-form .ticket-form-group .ticket-textarea,.ticket-popup .ticket-form .ticket-form-group .ticket-input,.ticket-popup .ticket-form .ticket-form-group .ticket-select,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea{padding:12px 16px;border:1px solid #efefef;border-radius:5px;font-family:DMSans,sans-serif;font-size:15px;transition:all .2s ease;background-color:#fff;width:100%}.ticket-popup .query-form .ticket-form-group .ticket-input:focus,.ticket-popup .query-form .ticket-form-group .ticket-select:focus,.ticket-popup .query-form .ticket-form-group .ticket-textarea:focus,.ticket-popup .ticket-form .ticket-form-group .ticket-input:focus,.ticket-popup .ticket-form .ticket-form-group .ticket-select:focus,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea:focus{outline:none;border-color:#9cb9d0}.ticket-popup .query-form .ticket-form-group .ticket-input::placeholder,.ticket-popup .query-form .ticket-form-group .ticket-select::placeholder,.ticket-popup .query-form .ticket-form-group .ticket-textarea::placeholder,.ticket-popup .ticket-form .ticket-form-group .ticket-input::placeholder,.ticket-popup .ticket-form .ticket-form-group .ticket-select::placeholder,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea::placeholder{color:#ccc}.ticket-popup .query-form .ticket-form-group .ticket-textarea,.ticket-popup .ticket-form .ticket-form-group .ticket-textarea{resize:vertical;min-height:120px;line-height:1.5}.ticket-popup .query-form .ticket-form-group .ticket-select,.ticket-popup .ticket-form .ticket-form-group .ticket-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.ticket-popup .query-form .file-upload-container,.ticket-popup .ticket-form .file-upload-container{display:flex;flex-direction:column;gap:8px}.ticket-popup .query-form .file-upload-container .file-upload-button,.ticket-popup .ticket-form .file-upload-container .file-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:#fff;color:#384b70;border:1px dashed #9cb9d0;border-radius:5px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.ticket-popup .query-form .file-upload-container .file-upload-button:hover,.ticket-popup .ticket-form .file-upload-container .file-upload-button:hover{background-color:rgba(156,185,208,.1);border-color:#384b70}.ticket-popup .query-form .file-upload-container .file-upload-button .upload-icon,.ticket-popup .ticket-form .file-upload-container .file-upload-button .upload-icon{flex-shrink:0}.ticket-popup .query-form .file-upload-container .file-input,.ticket-popup .ticket-form .file-upload-container .file-input{display:none}.ticket-popup .query-form .file-upload-container .file-upload-hint,.ticket-popup .ticket-form .file-upload-container .file-upload-hint{font-size:12px;color:#999;margin:0}.ticket-popup .query-form .file-preview-container,.ticket-popup .ticket-form .file-preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px;gap:8px;margin-top:8px}.ticket-popup .query-form .file-preview-container .file-preview,.ticket-popup .ticket-form .file-preview-container .file-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:rgba(156,185,208,.1);border-radius:5px;font-size:13px}.ticket-popup .query-form .file-preview-container .file-preview .file-icon,.ticket-popup .ticket-form .file-preview-container .file-preview .file-icon{flex-shrink:0;color:#384b70}.ticket-popup .query-form .file-preview-container .file-preview .file-name,.ticket-popup .ticket-form .file-preview-container .file-preview .file-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-popup .query-form .file-preview-container .file-preview .file-size,.ticket-popup .ticket-form .file-preview-container .file-preview .file-size{color:#999;font-size:12px;margin-left:auto;padding-left:8px}.ticket-popup .query-form .file-preview-container .file-preview .file-remove,.ticket-popup .ticket-form .file-preview-container .file-preview .file-remove{background:none;border:none;color:#999;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:5px;display:flex;align-items:center;justify-content:center}.ticket-popup .query-form .file-preview-container .file-preview .file-remove:hover,.ticket-popup .ticket-form .file-preview-container .file-preview .file-remove:hover{color:#ff4c51;background-color:rgba(255,76,81,.1)}.ticket-popup .query-form .query-actions-wrapper,.ticket-popup .ticket-form .query-actions-wrapper{padding:5px 10px;position:-webkit-sticky;position:sticky;bottom:0;left:0;z-index:99;background-color:#fff}.ticket-popup .query-form .ticket-submit-button,.ticket-popup .ticket-form .ticket-submit-button{padding:8px 10px;background-color:#384b70;color:#fff;border:none;border-radius:5px;font-family:DMSans,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.ticket-popup .query-form .ticket-submit-button:hover,.ticket-popup .ticket-form .ticket-submit-button:hover{background-color:#2f405f;transform:translateY(-1px)}.ticket-popup .query-form .ticket-submit-button:active,.ticket-popup .ticket-form .ticket-submit-button:active{transform:translateY(0)}.ticket-popup .query-form .ticket-submit-button:disabled,.ticket-popup .ticket-form .ticket-submit-button:disabled{background-color:#999;cursor:not-allowed;transform:none}.ticket-popup .query-form .ticket-submit-button .button-loading,.ticket-popup .ticket-form .ticket-submit-button .button-loading{display:flex;align-items:center;gap:8px}.ticket-popup .query-form .ticket-submit-button .spinner,.ticket-popup .ticket-form .ticket-submit-button .spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite}.ticket-popup .query-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.ticket-popup .query-form .description-group,.ticket-popup .query-form .query-actions-wrapper{grid-column:span 2}.ticket-popup .ticket-success-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 0}.ticket-popup .ticket-success-message .success-icon{width:72px;height:72px;border-radius:50%;background-color:rgba(1,166,1,.1);display:flex;align-items:center;justify-content:center;color:#01a601}.ticket-popup .ticket-success-message h3{color:#1b1b1b;font-family:DMSans,sans-serif;font-weight:700;font-size:20px;margin:8px 0 0}.ticket-popup .ticket-success-message p{color:#333;font-family:DMSans,sans-serif;font-size:15px;margin:0;line-height:1.5;max-width:80%}.ticket-popup .ticket-success-message .ticket-success-button{padding:12px 24px;background-color:#384b70;color:#fff;border:none;border-radius:5px;font-family:DMSans,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:24px;font-size:15px}.ticket-popup .ticket-success-message .ticket-success-button:hover{background-color:#2f405f;transform:translateY(-1px)}.a-e-tickets-inner{max-width:1320px;width:100%;margin:20px auto;padding:0 10px}.a-e-tickets .ticket-page-header{width:100%;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:99999}.a-e-tickets .ticket-page-header-inner{max-width:1320px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto}.a-e-tickets .ticket-page-header-inner img{cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.raise-ticket-toggle{width:48px;height:48px;bottom:20px;right:20px}.ticket-popup{margin:16px;padding:20px}.ticket-popup .query-form{grid-template-columns:1fr}.ticket-popup .query-form .description-group,.ticket-popup .query-form .query-actions-wrapper{grid-column:span 1}}@media(max-width:480px){.raise-ticket-toggle{width:40px;height:40px;position:absolute;bottom:65px}.raise-ticket-toggle svg{width:18px;height:18px}.ticket-popup{margin:12px;padding:16px;max-height:85vh}.ticket-popup .ticket-popup-title{font-size:20px;margin-bottom:20px}.ticket-popup .ticket-success-message p{max-width:100%}}.tickets-container .tickets-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin:10px auto}.tickets-container .tickets-grid .ticket-card{background:#fff;border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column;position:relative;border:1px solid #e0e0e0;padding:0 10px;margin:15px 0}.tickets-container .tickets-grid .ticket-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15)}.tickets-container .tickets-grid .ticket-card .ticket-perforation{display:flex;justify-content:space-between;width:calc(100% + 20px);position:absolute;left:-10px;height:10px;background:rgba(0,0,0,0);overflow:hidden}.tickets-container .tickets-grid .ticket-card .ticket-perforation.top{top:-5px}.tickets-container .tickets-grid .ticket-card .ticket-perforation.bottom{bottom:-5px}.tickets-container .tickets-grid .ticket-card .ticket-perforation .perforation-hole{width:10px;height:10px;background:rgba(0,0,0,0);box-shadow:inset 0 0 0 2px #e0e0e0,0 0 0 2px rgba(0,0,0,0);border-radius:50%;position:relative}.tickets-container .tickets-grid .ticket-card .ticket-cutout{position:absolute;width:20px;height:20px;border-radius:50%;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 2px #e0e0e0,0 0 0 2px rgba(0,0,0,0)}.tickets-container .tickets-grid .ticket-card .ticket-cutout:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.03)}.tickets-container .tickets-grid .ticket-card .ticket-cutout.left{left:-10px}.tickets-container .tickets-grid .ticket-card .ticket-cutout.right{right:-10px}.tickets-container .tickets-grid .ticket-card .ticket-content{padding:12px 0;flex:1 1;display:flex;flex-direction:column}.tickets-container .tickets-grid .ticket-card .ticket-image{height:120px;position:relative;overflow:hidden;margin-bottom:12px;border-radius:4px}.tickets-container .tickets-grid .ticket-card .ticket-image img{width:100%;height:100%;object-fit:cover}.tickets-container .tickets-grid .ticket-card .ticket-image .empty-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#ccc;border-radius:4px}.tickets-container .tickets-grid .ticket-card .ticket-details{flex:1 1;display:flex;flex-direction:column}.tickets-container .tickets-grid .ticket-card .ticket-header{display:flex;justify-content:space-between;margin-bottom:8px;align-items:center;padding:0 5px}.tickets-container .tickets-grid .ticket-card .ticket-id{font-size:12px;color:#999;font-weight:500;background:#f5f5f7;padding:2px 8px;border-radius:4px}.tickets-container .tickets-grid .ticket-card .ticket-title{font-size:14px;font-weight:600;color:#1b1b1b;margin:0 0 8px}.tickets-container .tickets-grid .ticket-card .ticket-description{font-size:12px;color:#adadad}.tickets-container .tickets-grid .ticket-card .ticket-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.tickets-container .tickets-grid .ticket-card .ticket-date{font-size:11px;color:#999}.tickets-container .tickets-grid .ticket-card .ticket-attachments{font-size:11px;color:#999;display:flex;align-items:center;gap:4px;background:#f5f5f7;padding:2px 8px;border-radius:4px}.ticket-status{font-size:11px;padding:3px 8px;border-radius:5px;font-weight:500;text-transform:uppercase}.ticket-status.status-pending{background-color:rgba(255,204,0,.1);color:#c90;border:1px solid rgba(255,204,0,.3)}.ticket-status.status-processing{background-color:rgba(156,185,208,.3);color:#384b70;border:1px solid rgba(156,185,208,.6)}.ticket-status.status-resolved{background-color:rgba(1,166,1,.1);color:#017a01;border:1px solid rgba(1,166,1,.3)}.ticket-status.status-unresolved{background-color:rgba(255,76,81,.1);color:#cc3d40;border:1px solid rgba(255,76,81,.3)}.ticket-modal-content{display:flex;flex-direction:column;gap:20px}.ticket-modal-content .attachments-section,.ticket-modal-content .ticket-details-section,.ticket-modal-content .user-details-section{display:flex;flex-direction:column;gap:10px}.ticket-modal-content .section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #eaeaea}.ticket-modal-content .detail-row{display:flex;align-items:flex-start;margin-bottom:8px}.ticket-modal-content .description-row{align-items:flex-start}.ticket-modal-content .detail-label{font-weight:500;color:#666;min-width:120px;font-size:14px}.ticket-modal-content .detail-value{font-size:14px;color:#333}.ticket-modal-content .attachments-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-top:8px}@media(max-width:480px){.ticket-modal-content .attachments-grid{grid-template-columns:repeat(2,1fr)}}.ticket-modal-content .attachments-grid .attachment-item{border:1px solid #eaeaea;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.ticket-modal-content .attachments-grid .attachment-item .attachment-preview{width:100%;height:180px;object-fit:cover;background-color:#f5f5f5}@media(max-width:480px){.ticket-modal-content .attachments-grid .attachment-item .attachment-preview{height:120px}}.ticket-modal-content .attachments-grid .attachment-item .attachment-link{padding:5px 10px;background-color:#f0f0f0;color:#06c;text-decoration:none;font-size:13px;text-align:center;transition:background-color .2s}.ticket-modal-content .attachments-grid .attachment-item .attachment-link :hover{background-color:#e0e0e0}@media(max-width:1024px){.tickets-container .tickets-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tickets-container .tickets-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tickets-container .tickets-grid{grid-template-columns:1fr}.ticket-card{margin:10px 0!important}}.add-c-form-outer .add-c-header{width:100%;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:99999}.add-c-form-outer .add-c-header .add-c-header-inner{max-width:1320px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto}.add-c-form-outer .add-c-header .add-c-header-inner .back-to-pkgs{padding:8px;background-color:var(--primary-color);color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center}.add-company-form-nav{max-width:1320px;width:100%;margin:auto}.account-pricing-container .plan-details-view .plan-details-header{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:99999}.account-pricing-container .plan-details-view .plan-details-header .plan-details-header-inner{max-width:1320px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto}.account-pricing-container .plan-details-view .plan-details-header .plan-details-header-inner .back-to-pkgs{padding:8px;background-color:var(--primary-color);color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;border:none}.account-pricing-container .plan-details-view .plan-details-content{width:100%;display:flex;justify-content:center}.account-pricing-container .plan-details-view .plan-details-content-inner{display:flex;margin:20px 10px;width:100%;max-width:1320px;flex-wrap:wrap;gap:20px;background-color:#fff;border-radius:5px;padding:20px;justify-content:center}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-info{flex:1 1}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-info h2{font-size:25px;color:#2d3748;margin-bottom:20px;font-weight:700}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-info .features{list-style:none;padding-left:0;margin:10px 0 20px}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-info .features li{margin-bottom:8px;font-size:14px;color:#333;position:relative;padding:0 0 10px;display:flex;align-items:center;gap:5px;border-bottom:1px dashed #e2e8f0}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options{flex:1 1;width:100%;background:#f8fafc;border-radius:5px;padding:20px;align-self:start}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .subscription-filter{margin-bottom:25px}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .subscription-filter label{display:block;font-size:14px;color:#4a5568;margin-bottom:8px;font-weight:500}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .subscription-filter select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;font-size:14px;color:#2d3748;cursor:pointer}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .subscription-filter select:focus{outline:none;border-color:var(--primary-color)}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .price-display{text-align:center;margin-bottom:30px}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .price-display h3{font-size:30px;color:var(--primary-color);margin:10px 0;font-weight:700}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .price-display p{color:#718096;font-size:14px;margin-bottom:5px}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .price-display .savings-badge{display:inline-block;background:#e6fffa;color:#2c7a7b;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:500;margin-top:10px}.account-pricing-container .plan-details-view .plan-details-content-inner .plan-pricing-options .confirm-selection{width:100%;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer}@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}}@media(max-width:480px){.account-pricing-container .plan-details-view .plan-details-content-inner{flex-direction:column;gap:0;padding:10px}}.update-company .company-form{background:#fff;border-radius:5px;padding:20px;display:flex;flex-direction:column;gap:20px}@media(max-width:600px){.update-company .company-form{padding:10px}}.update-company .company-form .image-preview{position:relative;margin-bottom:10px;width:50px;height:50px;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;border-radius:5px}.update-company .company-form .image-preview .preview-image{max-width:100%;max-height:100%;object-fit:contain}.update-company .company-form .image-preview .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;width:15px;height:15px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,.049);transition:background-color .3s}.update-company .company-form .image-preview .remove-image-btn:hover{background-color:#e60000}.update-company .form-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media(max-width:1440px){.update-company .form-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.update-company .form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.update-company .form-grid{grid-template-columns:1fr}}.update-company .form-group{display:flex;flex-direction:column}.update-company .form-group .form-label{margin-bottom:5px;font-weight:500;font-size:14px;letter-spacing:.4px;color:#333}.update-company .form-group .form-input,.update-company .form-group .form-textarea{padding:10px;border:1px solid #efefef;border-radius:5px;font-size:14px}.update-company .form-group .form-input:focus,.update-company .form-group .form-textarea:focus{outline:none;border-color:var(--primary-light)}.update-company .form-group .form-textarea{resize:vertical;min-height:120px}.update-company .form-group .file-upload .file-input{padding:10px;border:1px solid #efefef;border-radius:5px;font-size:14px;width:100%}.update-company .form-group .file-upload .file-input:focus{outline:none;border-color:var(--primary-light)}.update-company .full-width{grid-column:1/-1}.update-company .term-conditions-editor{min-height:250px}.update-company .form-actions{display:flex;justify-content:flex-end}.custom-package-form .form-group-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media(max-width:768px){.custom-package-form .form-group-wrapper{grid-template-columns:repeat(1,1fr)}}.custom-package-form .form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.custom-package-form .form-group input,.custom-package-form .form-group select,.custom-package-form .form-group textarea{padding:10px;border:1px solid #efefef;border-radius:5px}.custom-package-form .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px}.company-details-wrapper{padding:10px;background:#fff;color:#1a1a1a;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.company-header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #e5e7eb;padding-bottom:20px;flex-wrap:wrap}.company-logo,.logo-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover;background-color:#f9fafb;display:flex;justify-content:center;align-items:center;font-size:13px;color:#9ca3af;border:1px solid #e5e7eb}.company-name{font-size:28px;font-weight:800;color:var(--primary-color);margin:0}.company-id{font-size:14px;color:#6b7280;margin-top:6px}.company-info-main{display:flex;flex-direction:column;gap:24px}.company-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.company-info-grid-card{background:linear-gradient(180deg,#f9fafb,#ffffff);padding:10px;border-radius:5px;border:1px solid #e5e7eb;font-size:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 6px rgba(0,0,0,.03)}.company-info-grid span{font-weight:600;font-size:13px;color:#374151;text-transform:uppercase;letter-spacing:.5px}.company-sidebar{background:#f3f4f6;border-radius:5px;padding:24px;flex-wrap:wrap;display:flex;justify-content:space-between;gap:20px;border:1px solid #e5e7eb;box-shadow:0 1px 6px rgba(0,0,0,.03);margin-bottom:20px}.sidebar-item span{font-weight:600;font-size:13px;color:#1f2937;margin-bottom:6px;display:block}.sidebar-item p{font-size:13px;color:#6b7280;margin:0;font-style:italic}.proof-img{max-width:100%;border-radius:12px;border:1px solid #d1d5db;box-shadow:0 2px 6px rgba(0,0,0,.05)}.toggle-btn{font-size:13px;font-weight:500;color:var(--primary-color);background:none;border:none;cursor:pointer;padding:0;margin-top:8px;text-decoration:underline;transition:color .2s ease}.toggle-btn:hover{color:var(--primary-light)}.terms-and-conditions-content{font-size:14px;color:#374151;line-height:1.6;overflow:hidden;max-height:72px;transition:max-height .3s ease;clear:both}@media(max-width:1024px){.content-wrapper{grid-template-columns:1fr}}@media(max-width:768px){.company-name{font-size:20px}.company-id{font-size:13px}.company-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.company-header{gap:15px}.logo-placeholder{width:50px;height:50px}}@media(max-width:468px){.company-name{font-size:18px}.company-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.company-id,.company-info-grid,.company-info-grid span,.company-info-grid-card,.company-logo,.sidebar-item p,.sidebar-item span,.terms-and-conditions-content{font-size:11px}.company-logo,.logo-placeholder{width:56px;height:56px}}.company-details-container{display:flex;flex-direction:column;gap:30px;position:relative}.company-details-container .panel{background:#fff;border-radius:5px;overflow:hidden}.company-details-container .panel .panel-header{padding:10px 20px;border-bottom:1px solid #efefef;display:flex;justify-content:space-between;align-items:center}.company-details-container .panel .panel-header h2{margin:0;font-size:20px;color:var(--primary-color);display:flex;align-items:center;gap:5px}.company-details-container .c-details-current-package{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;padding:20px 0}.company-details-container .c-details-current-package .c-details-grid{display:flex;flex-direction:column;gap:10px;flex-wrap:wrap;padding:0 10px}.company-details-container .c-details-current-package .c-details-grid .info-line{display:flex;align-items:center;gap:5px;padding:5px 10px;border-bottom:1px solid #efefef}.company-details-container .c-details-current-package .c-details-grid .info-line strong{font-size:15px}.company-details-container .c-details-current-package .c-details-grid .info-line p{color:var(--primary-color);font-size:14px;font-weight:600}.company-details-container .c-details-current-package .c-details-grid .info-line:last-child{border-bottom:none}.company-details-container .c-details-current-package .subscribed-package-card{position:relative;background:#fff;border:1px solid #efefef;border-radius:5px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden;margin:0 20px 0 10px}.company-details-container .c-details-current-package .subscribed-package-card .ribbon{position:absolute;top:15px;right:-25px;background:var(--primary-color);color:#fff;padding:3px 25px;font-size:12px;font-weight:700;transform:rotate(45deg);box-shadow:0 1px 3px rgba(0,0,0,.2)}.company-details-container .c-details-current-package .subscribed-package-card h2{font-size:18px;color:var(--primary-color);margin-top:0;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #efefef}.company-details-container .c-details-current-package .subscribed-package-card ul{list-style:none;padding:0;margin:0 0 15px}.company-details-container .c-details-current-package .subscribed-package-card ul li{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;border-bottom:1px dashed #efefef}.company-details-container .c-details-current-package .subscribed-package-card ul li strong{font-weight:600;color:#555}.company-details-container .c-details-current-package .subscribed-package-card ul li:last-child{border-bottom:none}.company-details-container .c-details-current-package .subscribed-package-card .package-upgrade-btn-outer{display:flex;justify-content:flex-end}.company-details-container .c-details-current-package .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.company-details-container .c-details-current-package .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn:hover{background:var(--primary-color)}.company-details-container .available-packages{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:20px}.company-details-container .available-packages .available-packages-card{position:relative;background:#fff;border:1px solid #efefef;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden}.company-details-container .available-packages .available-packages-card .available-packages-detail{padding:10px}.company-details-container .available-packages .available-packages-card .available-packages-detail h2{font-size:18px;text-transform:capitalize}.company-details-container .available-packages .available-packages-card .available-packages-detail p{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;border-bottom:1px dashed #efefef;margin:0}.company-details-container .available-packages .available-packages-card .available-packages-detail p strong{font-weight:600;color:#555}.company-details-container .available-packages .available-packages-card .available-packages-detail p:last-child{border-bottom:none}.company-details-container .available-packages .available-packages-card .package-upgrade-btn{width:100%;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s;margin-top:15px}.company-details-container .available-packages .available-packages-card .package-upgrade-btn:hover{background:var(--primary-color)}@media(max-width:1024px){.company-details-container .available-packages{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.company-details-container{gap:20px}.company-details-container .available-packages{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.company-details-container .available-packages .available-packages-card,.company-details-container .panel .panel-header{padding:10px}.company-details-container .c-details-current-package{grid-template-columns:repeat(1,1fr);gap:20px;padding:10px 0}.company-details-container .c-details-current-package .c-details-grid .info-line{justify-content:space-between}.company-details-container .c-details-current-package .c-details-grid .info-line strong{font-size:14px}.company-details-container .c-details-current-package .subscribed-package-card{padding:10px;margin:0 10px}}@media(max-width:480px){.company-details-container .available-packages{grid-template-columns:1fr}.company-details-container .available-packages .available-packages-card .available-packages-detail h2{font-size:16px}.company-details-container .available-packages .available-packages-card .package-upgrade-btn{margin-top:10px;font-size:13px}.company-details-container .panel .panel-header{padding:5px 10px}.company-details-container .panel .panel-header h2{font-size:16px}.company-details-container .c-details-current-package .subscribed-package-card h2{font-size:16px;margin-bottom:10px}.company-details-container .c-details-current-package .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn{padding:6px 15px;font-size:12px}.company-details-container .c-details-current-package .c-details-grid .info-line{padding:5px}.company-details-container .c-details-current-package .c-details-grid .info-line p,.company-details-container .c-details-current-package .c-details-grid .info-line strong{font-size:12px}}.modal-overlay{display:flex;justify-content:center;align-items:center;z-index:99999999;margin:0 10px}.modal-backdrop,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0}.modal-backdrop{background-color:rgba(0,0,0,.5)}.modal-container{background-color:#fff;border-radius:5px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1001;max-height:90vh;overflow-y:auto}.modal-header{justify-content:space-between;padding:10px 20px;border-bottom:1px solid #e5e5e5;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:9999}.modal-header,.modal-title{display:flex;align-items:center}.modal-title{margin:0;font-size:1.25rem;font-weight:500;gap:10px}.modal-close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#666;padding:4px}.modal-close-btn:hover{color:#333}.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{padding:10px;border-radius:5px;border:1px solid #efefef;width:100%}.modal-content input:focus{border-color:var(--primary-light)}.modal-content input[type=checkbox],.modal-content input[type=radio]{width:auto}.bulk-delete-popup{padding:1rem;display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}#bulk-type-select{padding:.5rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.selection-info{font-size:.95rem;color:#555}.popup-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn.delete{background-color:#e53935;color:#fff}.btn.cancel{background-color:#e0e0e0;color:#333}.btn.delete:hover{background-color:#c62828}.btn.cancel:hover{background-color:#ccc}@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}}.common-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;min-height:400px;width:100%;animation:fadeIn .5s ease-out;color:gray}.common-empty-state .empty-state-content{max-width:400px;margin:0 auto}.common-empty-state .empty-state-action{display:flex;justify-content:center}.common-empty-state .empty-state-icon-container{margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:rgba(var(--primary-rgb),.1);color:var(--primary);position:relative}.common-empty-state .empty-state-icon-container:after{content:"";position:absolute;width:100%;height:100%;border:2px solid rgba(var(--primary-rgb),.2);border-radius:50%;animation:pulse 2s infinite}.common-empty-state .empty-state-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.common-empty-state .empty-state-message{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.empty-state-icon{font-size:100px;animation:bounce 2s infinite}@keyframes floatNotFound{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseNotFound{0%,to{opacity:.7}50%{opacity:1}}@keyframes particleNotFound{0%{transform:translateY(0) scale(1);opacity:0}50%{opacity:.8}to{transform:translateY(-100px) scale(.5);opacity:0}}.cosmic-container{position:relative;min-height:90vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:15px}@media(max-width:768px){.cosmic-container{min-height:80vh}}.cosmic-container:before{content:"";background-color:rgba(156,185,208,.137254902);width:100%;height:100%;left:0;top:0;position:fixed;z-index:-1}.cosmic-container .particle{position:absolute;background:#384b70;border-radius:50%;animation:particleNotFound 3s ease-in forwards;opacity:0;z-index:1}.cosmic-container .cosmic-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:1200px;width:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(min-width:768px){.cosmic-container .cosmic-content{flex-direction:row;justify-content:space-around}}.cosmic-container .error-planet{position:relative;width:220px;height:220px;margin-bottom:40px;animation:floatNotFound 6s ease-in-out infinite}@media(max-width:768px){.cosmic-container .error-planet{width:180px;height:180px;margin-bottom:0}}.cosmic-container .error-planet .planet-surface{width:100%;height:100%;border-radius:50%;background:linear-gradient(160deg,#384B70,#9CB9D0);position:relative;overflow:hidden;box-shadow:inset -20px -20px 60px rgba(0,0,0,.5),0 0 50px rgba(156,185,208,.3)}.cosmic-container .error-planet .planet-surface .crater{position:absolute;background:rgba(47,64,95,.5);border-radius:50%}.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{position:absolute;width:280px;height:40px;background:rgba(0,0,0,0);border:10px solid rgba(156,185,208,.2);border-radius:50%;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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;font-weight:700;color:#384b70;text-shadow:0 0 20px rgba(156,185,208,.5)}@media(max-width:768px){.cosmic-container .error-planet .error-code{font-size:50px}}.cosmic-container .cosmic-message{max-width:500px;text-align:center;color:#384b70}@media(max-width:768px){.cosmic-container .cosmic-message{text-align:left;max-width:400px}}.cosmic-container .cosmic-message h1{font-size:42px;margin-bottom:20px;color:#384b70}@media(max-width:768px){.cosmic-container .cosmic-message h1{font-size:28px;margin-bottom:12px}}.cosmic-container .cosmic-message h1 .cosmic-text{background:linear-gradient(90deg,#384B70,#9CB9D0,#384B70);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:gradientNotFound 8s ease infinite;background-size:200% 200%}.cosmic-container .cosmic-message p{font-size:18px;line-height:1.6;margin-bottom:30px;opacity:.9}@media(max-width:768px){.cosmic-container .cosmic-message p{font-size:15px;margin-bottom:25px}}.cosmic-container .cosmic-actions{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.cosmic-container .cosmic-actions{gap:10px;margin-bottom:25px}}.cosmic-container .cosmic-actions .cosmic-button{display:inline-flex;align-items:center;gap:10px;padding:12px 25px;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:16px}@media(max-width:768px){.cosmic-container .cosmic-actions .cosmic-button{padding:8px 18px;font-size:13px}}.cosmic-container .cosmic-actions .cosmic-button.warp-button{background:linear-gradient(45deg,#384B70,#2F405F);color:#fff}.cosmic-container .cosmic-actions .cosmic-button.scan-button{background:rgba(156,185,208,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#384b70;border:1px solid rgba(156,185,208,.3)}.cosmic-container .cosmic-actions .cosmic-button.scan-button:hover{background:rgba(156,185,208,.2)}.cosmic-container .satellite{position:absolute;top:10%;right:10%;font-size:30px;color:rgba(156,185,208,.825);animation:pulseNotFound 3s ease-in-out infinite;z-index:3}@media(max-width:768px){.cosmic-container .satellite{top:5%;right:5%;font-size:18px}}@keyframes gradientNotFound{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.action-icons-horizontal{display:flex;gap:10px}.mobile-render-filter-table{display:none}.filter-search-table .filter-outer{position:relative;cursor:pointer}.filter-search-table .active-filters-container{display:flex;align-items:center;gap:12px}.filter-search-table .active-filters-container .search-filter-container{padding:6px 12px;border-radius:5px;border:1px solid #efefef;background-color:#fff;display:flex;align-items:center;gap:5px}.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:rgba(0,0,0,0);border:none}.filter-search-table .active-filters-container .search-filter-container input:focus{outline:none}.filter-search-table .active-filters-container .search-filter-container input::placeholder{color:var(--primary-color);font-size:14px;font-weight:400;letter-spacing:.3px}.filter-search-table .active-filters-container .multi-select-filter-wrapper{position:relative;display:flex;align-items:center;flex:1 1}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger{border-radius:5px;border:1px solid #efefef;background-color:#fff;flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:14px;font-weight:400;letter-spacing:.3px;color:var(--primary-color)}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger .dropdown-placeholder{padding:6px 12px}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-trigger .dropdown-arrow{padding:6px;border-left:1px solid #efefef;display:flex;justify-content:center;align-items:center}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown{position:absolute;top:100%;left:0;width:200px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100;margin-top:5px;font-size:14px;font-weight:400;letter-spacing:.3px}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;white-space:nowrap;width:100%;overflow:hidden;border-bottom:1px solid #efefef}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option span{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option:hover{background:#f5f5f5}.filter-search-table .clear-filter-btn{position:absolute;top:-6px;right:-6px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;width:14px;height:14px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-radius:5px 5px 0 0;position:relative}.toolbar input[type=checkbox]{accent-color:var(--primary-color);width:16px;height:16px}.toolbar .right-group{flex:1 1;justify-content:flex-end}.toolbar .left-group,.toolbar .right-group{display:flex;gap:12px;align-items:center}.toolbar .toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.1);position:relative;overflow:hidden;font-size:16px}.toolbar .toolbar-btn i{display:flex;justify-content:center;align-items:center}.toolbar .toolbar-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transform:translateX(-50%);transition:width .3s ease}.toolbar .toolbar-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.032)}.toolbar .toolbar-btn:hover:after{width:70%}.toolbar .toolbar-btn:active{transform:translateY(0)}.toolbar .toolbar-btn svg{transition:transform .3s ease;font-size:16px}.toolbar .toolbar-btn:hover svg{transform:scale(1.1)}.toolbar .dropdown{position:relative}.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{padding:6px 8px;background-color:#fff;border-radius:5px;border:1px solid #efefef;margin-top:5px;color:#2c2b2e}.toolbar .dropdown-left .dropdown-content .bulk-toggle-btn{display:flex;gap:10px;align-items:center;cursor:pointer;padding:5px 8px;border-radius:5px}.toolbar .dropdown-left .dropdown-content .bulk-toggle-btn:hover{background:#dee9f2}.toolbar .dropdown-left .dropdown-content .section{padding:4px 8px;border-radius:5px}.toolbar .dropdown-left .dropdown-content .section:hover{background:#dee9f2}.toolbar .dropdown-left label{display:flex;gap:10px;align-items:center;cursor:pointer}.toolbar .dropdown-right .dropdown-content{right:0;left:auto}.toolbar .hover-group:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.toolbar .reset-columns{padding:5px 8px;cursor:pointer;font-weight:500;color:var(--primary-color)}.toolbar .dropdown-content{position:absolute;top:calc(100% + 2px);background:#fff;border-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.12);white-space:nowrap;width:-moz-fit-content;width:fit-content;max-height:700px;overflow:auto;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.1);z-index:99999;border:1px solid rgba(0,150,147,.1);padding:6px 8px}.toolbar .dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0)}.toolbar .dropdown-content .section:last-child{margin-bottom:0;border-bottom:none}.toolbar .dropdown-content .title{font-weight:600;font-size:13px;margin-bottom:8px;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.toolbar .dropdown-content .title:before{content:"";display:block;width:4px;height:4px;background:var(--primary-color);border-radius:5px}.toolbar .dropdown-content .option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;transition:background .2s ease;color:#2c2b2e}.toolbar .dropdown-content .option:hover{background:#dee9f2}.toolbar .dropdown-content .action-list{list-style:none;padding:0;margin:0}.toolbar .dropdown-content .action-list li{width:100%;padding:8px 12px;text-align:left;background:none;border:none;border-radius:5px;color:#2c2b2e;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.toolbar .dropdown-content .action-list li .a-icon{display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.toolbar .dropdown-content .action-list li:hover{background:#dee9f2}.toolbar .loading-spinner{border:2px solid rgba(0,150,147,.2);border-top:2px solid var(--primary-color);border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}.toolbar-intro-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5019607843);z-index:9999999999999;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .3s ease-out forwards}.toolbar-intro-popup .intro-content{background:#fff;border-radius:5px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049);transform:scale(.5);animation:flowerOpen .4s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:center center}@keyframes flowerOpen{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.toolbar-intro-popup h3{margin-top:0;color:#333;font-size:1.3rem}.toolbar-intro-popup ul{list-style:none;padding:0;margin:20px 0}.toolbar-intro-popup li{display:flex;gap:12px;margin-bottom:15px;align-items:flex-start}.toolbar-intro-popup .intro-icon{font-size:1.2rem;color:var(--primary-color);margin-top:2px}.toolbar-intro-popup strong{display:block;margin-bottom:4px}.toolbar-intro-popup p{margin:0;color:#666;font-size:.9rem}.dismiss-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;width:100%;font-weight:500;margin-top:10px}@media(max-width:600px){.toolbar-intro-popup .intro-content{max-width:90%}}.help-btn{gap:2px!important}.help-btn svg{width:14px!important;height:14px!important}.help-btn span{display:block!important}.responsive-table{overflow:hidden;margin-bottom:30px}.responsive-table .action-buttons{display:flex;justify-content:flex-start;gap:10px}.bulk-actions-toolbar{position:fixed;bottom:50px;left:55%;transform:translate(-50%);background-color:var(--primary-color);box-shadow:0 4px 6px rgba(0,0,0,.049);color:#fff;padding:5px 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:999;animation:slideDown .3s ease-out;white-space:nowrap}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.bulk-actions-toolbar .select-all-container{display:flex;align-items:center;gap:8px}.bulk-actions-toolbar .select-all-container .select-icon{color:#64748b;cursor:pointer;transition:all .2s ease;font-size:20px}.bulk-actions-toolbar .select-all-container .select-icon:hover{color:var(--primary-color)}.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox{display:inline-flex;cursor:pointer;transition:all .2s ease}.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox.select-icon{font-size:20px}.bulk-actions-toolbar .select-all-container .FaCheckSquare,.bulk-actions-toolbar .select-all-container .select-icon.select-checkbox:hover .select-icon{color:var(--primary-color)}.bulk-actions-toolbar .select-all-container .select-all-pages{margin-left:4px;opacity:.7;transition:opacity .2s ease}.bulk-actions-toolbar .select-all-container .select-all-pages:hover{opacity:1}.bulk-actions-toolbar .selected-count{font-weight:500;font-size:14px}.bulk-actions-toolbar .bulk-actions{display:flex;gap:8px}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn{background:#ef4444;color:#fff;border:none;padding:5px 10px;border-radius:6px;font-weight:500;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn :hover{background:#dc2626;transform:translateY(-1px)}table{width:100%;border-collapse:collapse;background-color:#fff}table thead tr{cursor:pointer}table thead tr th{background:var(--primary-color);color:#fff;font-weight:600;padding:10px 20px;font-size:15px;text-align:left;position:relative}table thead tr th:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:50%;width:1px;background:hsla(0,0%,100%,.3)}table tbody{border-bottom:1px solid #efefef}table tbody tr{transition:background-color .2s ease,border-left-color .2s ease;cursor:pointer}table tbody tr:hover{background:rgba(222,233,242,.4666666667)}table tbody tr:nth-child(2n){background:rgba(222,233,242,.2392156863)}table tbody tr:nth-child(2n):hover{background:rgba(222,233,242,.4666666667)}table tbody tr td{padding:10px 20px;font-size:15px;color:#222;border-bottom:1px solid rgba(0,150,147,.05);white-space:break-spaces}table tbody tr td:first-child{font-weight:600;color:#111}table tbody tr:last-child td{border-bottom:none}.table-view{display:block}.table-view .store-t-e-e-icons{display:flex;justify-content:space-around;gap:10px}.table-view .store-t-e-e-icons button{border:unset}.card-view-section{display:none}.card-view-section .card-bulk-header{padding:10px 5px;background:#f5f5f5;border-radius:5px;margin-bottom:10px}.card-view-section .card-bulk-header .select-all-container{display:flex;gap:20px;align-items:center}.card-view-section .card-bulk-header .select-all-container span{display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease}.card-view-section .card-bulk-header .select-all-container span:hover{color:var(--primary-color)}.card-view-section .card-bulk-header .select-all-container .select-icon{font-size:20px;color:var(--primary-color)}.card-view-section .card-bulk-header .select-all-container .select-label{font-size:12px;font-weight:500}.card-view-section .card-view{margin-bottom:20px}.card-view-section .card-view .card-bulk-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(66,97,218,.1098039216);display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;border-radius:5px}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox{z-index:1;position:absolute;top:0;left:0;background-color:#fff;border-radius:5px 0 0 0;padding:5px}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox .select-checkbox{cursor:pointer;display:flex;justify-content:center;align-items:center}.card-view-section .card-view .card-bulk-overlay .card-bulk-checkbox .select-checkbox .select-icon{color:var(--primary-color);border:1px solid #fff;border-radius:5px;font-size:20px}.card-view-section .card-view .t-card{position:relative}.pagination-controls{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:18px 16px;border-radius:0 0 5px 5px;position:relative;overflow:hidden;gap:12px}@media(max-width:600px){.pagination-controls{flex-direction:column;gap:10px;padding:10px}.pagination-controls .pagination-track{order:1;width:100%}.pagination-controls .per-page-selector-wrapper{order:2;width:100%;justify-content:flex-end}}.pagination-controls .pagination-track{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;position:relative;z-index:2;overflow:hidden}@media(max-width:480px){.pagination-controls .pagination-track{flex-direction:column;gap:12px}.pagination-controls .pagination-track .nav-arrow-wrapper{width:100%}.pagination-controls .pagination-track .pagination-info:before{display:none}}.pagination-controls .pagination-track .nav-arrow-wrapper{display:flex;gap:6px;align-items:center;justify-content:center;overflow:hidden}.pagination-controls .pagination-track .nav-arrow-wrapper .pagination-btns-counts{display:flex;flex-wrap:nowrap;gap:4px;padding:0 4px;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;cursor:-webkit-grab;cursor:grab}.pagination-controls .pagination-track .nav-arrow-wrapper .pagination-btns-counts::-webkit-scrollbar{display:none}.pagination-controls .pagination-track .nav-arrow-wrapper .pagination-btns-counts button{min-width:30px}.pagination-controls button{min-width:32px;height:32px;padding:0 8px;border:none;background:rgba(0,0,0,0);color:var(--primary-color);border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-controls button:disabled{color:#ccc;cursor:not-allowed;opacity:.7}.pagination-controls button.active{background-color:var(--primary-color);color:#fff}.pagination-controls button:hover:not(:disabled,.active){background-color:var(--primary-light)}.pagination-controls .pagination-info{font-size:14px;color:#666;white-space:nowrap;position:relative}.pagination-controls .pagination-info:before{content:"•";margin:0 8px;color:var(--primary-color)}.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{display:flex;align-items:center;gap:8px}@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{font-size:14px;color:#666;white-space:nowrap}.pagination-controls .per-page-selector-wrapper .per-page-selector{position:relative}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 30px 8px 12px;border:1px solid #efefef;border-radius:5px;background-color:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select:hover{border-color:var(--primary-color)}.pagination-controls .per-page-selector-wrapper .per-page-selector .per-page-select:focus{outline:none;border-color:var(--primary-color)}.t-card{border-radius:5px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049)}.t-card .card-body .card-row{padding:5px 10px}.t-card .card-body .card-row select{padding:0;font-size:12px;margin:0 5px}.t-card .card-body .card-row p{font-size:12px;font-weight:700;color:var(--primary-color)}.t-card .card-body .card-row button{padding:4px 10px;font-size:12px}.t-card .card-footer{display:flex;justify-content:flex-end;align-items:center;padding:8px 10px;border-top:1px solid #e0e0e0}.t-card .card-footer .card-actions{display:flex;align-items:center;gap:15px;font-size:16px;color:var(--primary-color)}.t-card .card-footer .card-actions .action-icon{display:flex;align-items:center;justify-content:center}.download-icon,.edit-icon,.view-icon{color:var(--primary-color);font-size:16px;cursor:pointer;transition:color .2s ease}.download-icon:hover,.edit-icon:hover,.view-icon:hover{color:var(--primary-light)}.delete-icon{color:#ef4444;font-size:16px;cursor:pointer;transition:color .2s ease}.delete-icon:hover{color:#dc2626}.table-actions{display:flex;gap:10px}@media(max-width:768px){.filter-search-table{margin-bottom:10px}.filter-search-table .active-filters-container{gap:10px;flex-wrap:wrap}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown{left:auto;right:auto;width:100%}.filter-search-table .active-filters-container .multi-select-filter-wrapper .multi-select-dropdown .multi-select-options .option{padding:6px 12px}.filter-search-table .search-filter-container input{width:100%}.desktop-render-filter-table{display:none}.mobile-render-filter-table{display:block}.pagination-track{flex-wrap:wrap}.toolbar .toolbar-btn{padding:6px 12px;font-size:12px;height:auto}.toolbar .toolbar-btn span{display:none}.toolbar .dropdown-right .dropdown-content{left:auto;right:10px}.responsive-table{background-color:rgba(0,0,0,0)}.card-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.table-view{display:none;overflow-x:auto;margin-bottom:1rem}.table-view table{width:100%;border-collapse:collapse;min-width:600px}.table-view td,.table-view th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}.table-view th{background-color:#f8f8f8;font-weight:600}.card-view-section{display:block}.card-view-section .card-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:10px;gap:10px}.t-card{background:#fff;border:1px solid #efefef;border-radius:5px;box-shadow:none;font-size:16px}.bulk-actions-toolbar{gap:8px;bottom:80px}.bulk-actions-toolbar .selected-count{font-size:12px}.bulk-actions-toolbar .bulk-actions{width:100%}.bulk-actions-toolbar .bulk-actions .bulk-delete-btn{font-size:10px}}@media(max-width:468px){.hide-mobile{display:none}.left-group,.right-group{gap:10px}.right-group button{font-size:14px;padding:8px 10px}.left-group button{padding:8px 10px}.toolbar{justify-content:flex-start;gap:8px;padding:10px 10px 10px 2px}.toolbar .right-group{gap:10px;justify-content:flex-start}.toolbar .dropdown-right .dropdown-content{left:-50%;right:-50%}}.store-nav-outer ul{display:flex;gap:20px;list-style-type:none;flex-wrap:wrap}.store-nav-outer ul li a{text-decoration:none;display:flex;gap:10px;color:#fff;background-color:var(--primary-color);padding:12px 30px;border-radius:5px;align-items:center;font-size:16px;white-space:nowrap;transition:background-color .3s ease}.hide_col{display:none}@media(max-width:1024px){.store-nav-outer ul{justify-content:start;gap:16px}.store-nav-outer ul li a{font-size:16px;padding:8px 24px}}@media(max-width:766px){.store-nav-outer ul{margin:20px 0 0;justify-content:left}.store-nav-outer ul li a{font-size:13px;padding:8px 10px}}@media(max-width:600px){.store-nav-outer ul{align-items:center;gap:12px;margin:20px 0 0}.store-nav-outer ul li a{width:100%;max-width:300px;text-align:center;padding:6px 7px;font-size:12px}}.variations-count{position:absolute;top:-6px;right:0;background-color:green;color:#fff;font-size:12px;padding:2px 6px;border-radius:5px;font-weight:700;line-height:1;min-width:20px;text-align:center}.modal-input-content,.values-scroll-container{display:flex;flex-direction:column}.values-scroll-container{gap:10px}.tabs-sidebar{display:flex;gap:10px}.tabs-sidebar .tab-button{padding:5px 10px;background:none;border-radius:5px;border:none;text-align:left;cursor:pointer;font-weight:500;transition:background .2s;font-size:15px;position:relative}.tabs-sidebar .tab-button .tab-label{display:flex;align-items:center;gap:5px}.tabs-sidebar .tab-button.active{background-color:#dee9f2;font-weight:500;color:var(--primary-color)}.value-row{display:flex;align-items:center;gap:5px}.value-row svg{color:red;font-size:18px}.value-add-button{gap:5px;border:none;outline:none;background-color:unset;border-bottom:1px solid var(--primary-color)}.value-add-button:hover{font-size:14px;cursor:pointer}.tab-content{overflow:auto;min-height:0;max-height:500px;width:100%;padding-bottom:0!important}.tab-content input,.tab-content select{width:100%}.add-attribute-button-container{display:flex;align-items:center;justify-content:flex-end}.values-scroll-container{max-height:200px;overflow-y:auto;margin-bottom:1rem;padding-right:4px}.values-scroll-container .value-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.values-scroll-container .value-row input{flex:1 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{background-color:#dee9f2;border:1px dashed var(--primary-color);color:var(--primary-color);padding:8px 12px;margin-bottom:20px;font-size:14px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease}.value-add-button:hover{background-color:#e0eaf3;border-color:#324365}.value-add-button svg{font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.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{padding:5px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px;font-weight:500;outline:none;cursor:pointer;min-width:100px;text-transform:capitalize}.attributes-wrapper .responsive-table .status-dropdown.active{background-color:#e6f4ea;color:#2e7d32;border-color:#a5d6a7}.attributes-wrapper .responsive-table .status-dropdown.inactive{background-color:#fdecea;color:#d32f2f;border-color:#f5c6cb}.attribute-form-outer .attributes-wrapper .responsive-table .attribute-actions-btn-outer{display:flex;justify-content:flex-start;gap:10px}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;margin-top:16px;background-color:#f8f9fa;border-radius:5px;border:1px dashed #dee2e6}.empty-attributes-state .empty-illustration{margin-bottom:8px;font-size:12px;color:#6c757d}.empty-attributes-state h3{font-size:16px;margin-bottom:4px;color:#343a40}.empty-attributes-state p{font-size:12px;color:#6c757d;margin-bottom:12px;max-width:300px}.empty-attributes-state .empty-state-button{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:14px}.attributes-table{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:10px;padding-bottom:10px}.attributes-table .attribute-card{background:#fff;border:1px solid #f3f4f6;border-radius:5px;padding:10px;box-shadow:0 4px 6px rgba(0,0,0,.049);display:flex;flex-direction:column;gap:5px;transition:all .2s ease;position:relative;justify-content:space-between}.attributes-table .attribute-card h3{font-size:15px;font-weight:600;color:#2c2b2e;text-transform:capitalize;margin-right:2rem}.attributes-table .attribute-card .values{font-size:.9rem;color:#4b5563;line-height:1.5;text-transform:capitalize}.attributes-table .attribute-card .selector-and-active-inactive-outer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.attributes-table .attribute-card .selector-and-active-inactive-outer .status-pill{border-radius:5px;padding:5px 10px;font-size:10px;font-weight:600;text-transform:capitalize}.attributes-table .attribute-card .selector-and-active-inactive-outer .active-option{background-color:#dcfce7;color:#166534}.attributes-table .attribute-card .selector-and-active-inactive-outer .inactive-option{background-color:#fee2e2;color:#991b1b}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch{width:32px;height:14px;background-color:#999;border-radius:50px;position:relative;cursor:pointer;transition:all .2s ease}.attributes-table .attribute-card .selector-and-active-inactive-outer .toggle-switch.active{background-color:var(--primary-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{width:12px;height:12px;background-color:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .2s ease}.attributes-table .attribute-card .delete-btn{position:absolute;top:5px;right:5px;background:none;border:none;color:#ff4c51;font-size:14px;cursor:pointer;transition:all .2s ease;padding:.25rem;border-radius:5px}.attributes-table .attribute-card .delete-btn:hover{font-size:15px}.attribute-outer-wrapper{display:flex;flex-direction:column;gap:15px}.attribute-outer-wrapper input{border:1px solid #efefef;border-radius: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{width:100%;flex-direction:row;gap:10px}.close-modal{top:5px}.add-attribute-button-container{display:flex;justify-content:flex-end}.title{margin-bottom:0;font-size:24px}}@media(max-width:668px){.canvas{width:400px}}@media(max-width:505px){.canvas{width:100%}}@media(max-width:468px){.tab-button{margin-bottom:0;padding:9px 15px;font-size:12px}}.upload-container{display:flex;flex-direction:column;gap:3px}.upload-container label{color:#333;font-size:13px;font-weight:400}.upload-container .upload-input-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px dashed var(--primary-light);border-radius:5px;cursor:pointer;background-color:#fafafa;transition:border .2s;margin-top:5px}.upload-container .upload-input-box:hover{border-color:var(--primary-color)}.upload-container .upload-text{font-size:14px;color:#4a4a4a}.upload-container .upload-note{font-size:12px;color:#888}.upload-container .preview-row{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.upload-container .preview-row .preview-image-wrapper{position:relative}.upload-container .preview-row .preview-image-wrapper .delete-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;width:18px;height:18px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.upload-container .preview-row .preview-image-wrapper .delete-btn:hover{background-color:#e60000}.upload-container .preview-row .preview-image{width:50px;height:50px;border-radius:5px;overflow:hidden;border:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center}.upload-container .preview-row .preview-image img{object-fit:cover}.upload-container .clear-btn{margin-left:auto;margin-top:0;font-size:12px;background:rgba(0,0,0,0);color:var(--primary-color);border:none;cursor:pointer;padding:6px 10px;text-decoration:underline}.upload-container .clear-btn:hover{text-decoration:none}.create-item-modal .search-bar-icon{color:var(--primary-light)}.store_outer_row{border-radius:5px;display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px;margin-top:10px}.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{font-size:14px;padding:8px 12px}.store_outer_row .categories-filds-outer{display:grid;grid-gap:20px;gap:20px;grid-template-columns:70% 30%}.store_outer_row .categories-filds-outer .category-container{margin-right:10px;border-radius:5px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1019607843)}.store_outer_row .categories-filds-outer .category-container .create-button{margin-left:10px}.store_outer_row .categories-filds-outer .category-container .category-sidebarheader{display:flex;justify-content:space-between;margin-bottom:30px}.store_outer_row .categories-filds-outer .category-container .categories-list-outer-div{width:100%;margin-bottom:15px;overflow:scroll;min-height:350px;max-height:350px}.store_outer_row .categories-filds-outer .category-container .categories-list-outer-div label.category-lable{display:flex;gap:12px}.store_outer_row .categories-filds-outer .category-container label{border-bottom:1px solid #e0e0e0;cursor:pointer;padding-left:10px;padding-bottom:7px}.store_outer_row .categories-filds-outer .category-container .parent-category-list{background-color:#fff;border-radius:5px;min-height:350px;max-height:350px;overflow:scroll}.store_outer_row .categories-filds-outer .category-container .parent-category-list .categories-inner{width:100%;max-height:250px;overflow-y:auto;margin-top:8px;z-index:999}.store_outer_row .categories-filds-outer .category-container .parent-category-list .categories-inner .categories-inner{margin-top:5px}.store_outer_row .addvendor-dropdown{position:relative}.store_outer_row .addvendor-dropdown .vendors-header{display:flex;justify-content:space-between;align-items:center;color:#3c3939;cursor:pointer}.store_outer_row .addvendor-dropdown .vendors-menu{position:absolute;border-radius:5px;top:100%;left:0;width:100%;max-height:200px;background-color:#fff;border:1px solid #efefef;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:auto;z-index:99;color:#2c2b2e;display:flex;flex-direction:column}.store_outer_row .addvendor-dropdown .vendors-menu .vendors-scroll{overflow-y:auto;max-height:100%;padding:0;margin:0}.store_outer_row .addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar{width:2px;height:100%;display:block}.store_outer_row .addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-track{background-color:#9cb9d0;border-radius:5px}.store_outer_row .addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:5px}.store_outer_row .addvendor-dropdown .vendors-menu .vendors-scroll::-webkit-scrollbar-thumb:hover{background-color:#2d3d59}.store_outer_row .addvendor-dropdown .vendors-menu li{font-size:14px}.store_outer_row .addvendor-dropdown .vendors-menu .vendor-name{padding:8px 10px;cursor:pointer;transition:background-color .2s ease}.store_outer_row .addvendor-dropdown .vendors-menu .vendor-name.active,.store_outer_row .addvendor-dropdown .vendors-menu .vendor-name:hover{background-color:#f4f4f4}.store_outer_row .addvendor-dropdown .vendors-menu .save-cancel-vendor{display:flex;justify-content:flex-end;align-items:center;gap:10px}.store_outer_row .addvendor-dropdown .vendors-menu .save-cancel-vendor button{padding:5px 10px;border-radius:5px;background-color:var(--primary-color);color:#fff;border:none}.store_outer_row .items-tab-container{background-color:#fff;border-radius:5px;border:1px solid #efefef;position:relative}.store_outer_row .items-tab-container .tabs-container{gap:10px}.store_outer_row .add-items-form-container{gap:20px;background-color:#fff;border-radius:5px;border:1px solid #efefef}.store_outer_row .add-items-form-container .store_input_feilds{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.store_outer_row .add-items-form-container .fields-wrapper{padding:12px 20px 20px}.store_outer_row .add-items-form-container .fields-wrapper .category-name span{color:#2c2b2e;font-size:16px;letter-spacing:1px}.store_outer_row .add-items-form-container .basic_label_header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid #d9d9d9;color:var(--primary-color)}.store_outer_row .add-items-form-container .basic_label_header svg{cursor:pointer;display:flex;align-items:center}.store_outer_row .add-items-form-container .basic_label_header h2{font-size:18px;color:var(--primary-color);font-weight:600}.store_outer_row .add-items-form-container .add-items-form-container hr{margin-bottom:25px;border:.5px dotted #d9d9d9}.store_outer_row .add-items-form-container input::placeholder{color:gray;font-size:14px;text-transform:unset}.store_outer_row .add-items-form-input-label-container{display:flex;flex-direction:column;position:relative}.store_outer_row .add-items-form-input-label-container label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.store_outer_row .add-items-form-input-label-container .addvendor-dropdown,.store_outer_row .add-items-form-input-label-container input,.store_outer_row .add-items-form-input-label-container select{width:100%;padding:10px;font-size:16px;border:1px solid #efefef;border-radius:5px}.store_outer_row .add-items-form-input-label-container .addvendor-dropdown:focus,.store_outer_row .add-items-form-input-label-container input:focus,.store_outer_row .add-items-form-input-label-container select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);transform:scale(1)}.store_outer_row .add-items-form-input-label-container .react-datepicker__tab-loop{position:absolute;width:100%}.store_outer_row .save-cancel-button{display:flex;align-items:center;justify-content:end;gap:15px}.store_outer_row .cancel-and-add-button{display:flex;margin-top:15px;gap:15px}.store_outer_row .store-add-item-form-img-container img{object-fit:cover;height:100px}.vendor-form .input-group{margin-bottom:1.5rem}.vendor-form .input-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;margin-bottom:5px;color:#333;font-size:13px;letter-spacing:.4px}.vendor-form .input-group label .input-icon{color:var(--primary-color);font-size:16px}.vendor-form .input-group .form-input{width:100%;padding:8px 12px;border:1px solid #efefef;border-radius:5px;font-size:16px;transition:.3s}.vendor-form .input-group .form-input:focus{outline:none;background-color:rgba(0,0,0,0);border-color:var(--primary-light)}.vendor-form .input-group .form-input::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.vendor-form .input-group .required-asterisk{font-weight:700;margin-left:2px}.vendor-form .input-group .required-asterisk.unfilled{color:#f44}.vendor-form .input-group .required-asterisk.filled{color:#00c851}.add-as-a-v-container{display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:20px;border-radius:5px}.add-as-a-v-container .add-as-a-v-inputs{display:flex;gap:15px;margin-bottom:5px;flex-wrap:wrap}.add-as-a-v-container .add-as-a-v-inputs .input-with-label{flex:1 1 200px;display:flex;flex-direction:column}.add-as-a-v-container .add-as-a-v-inputs .input-with-label label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.add-as-a-v-container .add-as-a-v-inputs .input-with-label input{padding:8px 12px;font-size:16px;border-radius:5px;border:1px solid #efefef;width:100%}.add-as-a-v-container .add-as-a-v-inputs .input-with-label input:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);outline:none}.add-as-a-v-container .add-as-a-v-inputs .input-with-label input::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.add-as-a-v-container .add-as-a-v-button{display:flex;justify-content:flex-end;align-items:center;gap:10px;cursor:pointer}.add-as-a-v-container .add-as-a-v-button input[type=file]{display:none}.add-as-a-v-container .add-as-a-v-items-container{margin-top:10px;display:flex;flex-direction:column;gap:10px}.add-as-a-v-container .add-as-a-v-items-container .add-as-a-v-items-inner{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.add-as-a-v-container .add-as-a-v-items-container .add-as-a-v-items-inner svg{color:red}.add-as-a-v-container .add-as-a-v-items-container .add-as-a-v-items-inner .input-with-label{display:flex;flex-direction:column}.add-as-a-v-container .add-as-a-v-items-container .add-as-a-v-items-inner .input-with-label label{font-size:13px;font-weight:400;color:#333;margin-bottom:5px;display:flex;align-items:center;gap:6px}.add-as-a-v-container .add-as-a-v-items-container .add-as-a-v-items-inner .input-with-label input{padding:10px 12px;border:1px solid #efefef;border-radius:5px;font-size:16px}.add-as-a-v-container .add-as-a-v-items-container .add-as-a-v-items-inner .input-with-label input:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);outline:none;transform:scale(1)}.add-as-a-v-container .add-as-a-v-items-container .add-as-a-v-items-inner .input-with-label input::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.add-as-a-v-container .tax-and-payment-section{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.add-as-a-v-container .tax-and-payment-section{grid-template-columns:1fr 1fr}}.add-as-a-v-container .tax-and-payment-section .card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem}.add-as-a-v-container .tax-and-payment-section .section-header{margin:0 0 1rem;font-size:1.1rem;color:#333;font-weight:600}.add-as-a-v-container .tax-and-payment-section .toggle-group{display:flex;flex-wrap:wrap;gap:.5rem}.add-as-a-v-container .tax-and-payment-section .toggle-btn{flex:1 0 48%;padding:.75rem;border:1px solid var(--primary-light);background:#f8f8f8;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;text-align:center}.add-as-a-v-container .tax-and-payment-section .toggle-btn.active{background:var(--primary-color);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{margin-top:20px}.add-as-a-v-container .tax-and-payment-section .select-group label{font-size:.9rem;color:#555;margin-bottom:.5rem;display:block}.add-as-a-v-container .tax-and-payment-section .select-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background:#fff}.add-as-a-v-container .tax-and-payment-section .select-group select:focus{border-color:var(--primary-light);outline:none}.add-as-a-v-container .tax-and-payment-section .payment-options{display:flex;flex-wrap:wrap;gap:1rem}.add-as-a-v-container .tax-and-payment-section .payment-card{border:1px solid var(--primary-light);border-radius:8px;cursor:pointer;flex:1 1 45%;display:flex;align-items:center;gap:10px;padding:10px;transition:all .2s ease;text-align:center}.add-as-a-v-container .tax-and-payment-section .payment-card:hover{border-color:var(--primary-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:1 1 100%}}.add-as-a-v-container .tax-and-payment-section .credit-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;display:flex;flex-direction:column;gap:1rem}.add-as-a-v-container .tax-and-payment-section .credit-details h4{margin:0 0 .75rem;font-size:1rem;color:#333;font-weight:600}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle{display:flex;flex-wrap:wrap;gap:.5rem}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option{flex:1 1 45%;padding:.75rem;border-radius:8px;border:1px solid var(--primary-light);color:var(--primary-color);font-weight:500;cursor:pointer;text-align:center;transition:all .2s ease}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option.active{background:var(--primary-color);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{display:block;margin-bottom:.5rem;font-size:.9rem;color:#555}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden;align-items:center;flex:1 1!important}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol span{background:#f8f8f8;color:var(--primary-color);padding:.75rem;white-space:nowrap;font-size:1rem}.add-as-a-v-container .tax-and-payment-section .credit-details .amount-input .input-with-symbol input{flex:1 1;border:none;outline:none;padding:.75rem;font-size:1rem}@media(max-width:600px){.add-as-a-v-container{padding:15px}.add-as-a-v-container .add-as-a-v-inputs{flex-direction:column}.add-as-a-v-container .add-as-a-v-button{flex-direction:column;align-items:stretch;gap:10px}.add-as-a-v-container table{font-size:13px}.add-as-a-v-container table tbody td,.add-as-a-v-container table thead th{padding:6px 8px}.add-as-a-v-container .tax-and-payment-section{grid-template-columns:1fr}.add-as-a-v-container .tax-and-payment-section .credit-details .credit-toggle button.credit-option,.add-as-a-v-container .tax-and-payment-section .payment-card{flex:1 1 100%}}.add-as-a-v-items-inner{display:flex;gap:10px;flex-wrap:wrap}.add-as-a-v-items-inner .input-with-label{display:flex;flex-direction:column;width:100%;flex:1 1}.add-as-a-v-items-inner .input-with-label label{font-size:13px;font-weight:400;margin-bottom:5px;display:flex;align-items:center;gap:6px;color:#333}.add-as-a-v-items-inner .input-with-label label svg{color:var(--primary-color);font-size:16px}.add-as-a-v-items-inner .input-with-label input{padding:10px 12px;border:1px solid #efefef;border-radius:5px;width:100%;margin-top:5px}.add-as-a-v-items-inner .input-with-label input:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);transform:scale(1)}.add-as-a-v-items-inner .input-with-label input::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.clear-image-button{padding:7px;background-color:#e1e1e1;color:red;margin-top:5px}.modern-box-checkbox{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:12px}.modern-box-checkbox input[type=checkbox]{display:none}.modern-box-checkbox .box{width:18px;height:19px;border:1.5px solid #ccc;border-radius:5px;display:inline-block;position:relative;transition:all .2s ease-in-out}.modern-box-checkbox input[type=checkbox]:checked+.box{border-color:var(--primary-color)}.modern-box-checkbox input[type=checkbox]:checked+.box:after{content:"";position:absolute;top:3.5px;left:3px;width:10px;height:10px;background-color:var(--primary-color);border-radius:5px;transition:all .2s ease-in-out}.search-bar-group{position:relative;display:flex;align-items:center;border:1px solid var(--primary-color);padding-left:10px;margin:0 20px 20px;border-radius:5px}.search-bar-group input{border:none;background-color:rgba(0,0,0,0);width:100%}.input-field{padding-left:30px;padding-right:10px;height:36px;width:100%;border-radius:5px;border:1px solid #ccc;font-size:14px}@media(max-width:1024px){.store-add-item .add-items-form-container{grid-template-columns:repeat(3,1fr)}.store-add-item .store-add-item-form-img-inner{flex-direction:column;gap:10px}.add-as-a-v-container .add-as-a-v-inputs{grid-gap:10px;gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.add-as-a-v-container .add-as-a-v-button{justify-content:space-between}.add-as-a-v-container .add-as-a-v-button input.add-as-a-v-image{background-color:#f9f9f9;padding:11px;border-radius:5px;border:1px solid var(--primary-color)}.add-as-a-v-items-inner{display:grid;grid-template-columns:repeat(2,1fr)}.store_outer_row{display:flex;flex-direction:column}.store_outer_row .right_sidebar_row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}}@media(max-width:768px){.add-as-a-v-container .add-as-a-v-inputs{grid-gap:10px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.store_outer_row{gap:0}.store_outer_row .add-items-form-container .store_input_feilds{display:flex;flex-direction:column}}@media(max-width:600px){.store_outer_row .right_sidebar_row{display:flex;flex-direction:column}.store-add-item .add-items-form-container{grid-template-columns:1fr 1fr}.store-add-item .items-tab-container .tabs-container{flex-direction:column}.add-as-a-v-container{padding:10px}.add-as-a-v-container .add-as-a-v-inputs{gap:10px;grid-template-columns:1fr}.add-as-a-v-container .add-as-a-v-button{align-items:stretch;gap:5px}.add-as-a-v-items-inner{gap:10px}}@media(max-width:460px){.store-add-item .add-items-form-container{grid-template-columns:1fr}.add-as-a-v-items-inner,.store-add-item .add-items-form-container .add-as-a-v-inputs{display:flex;flex-direction:column}.add-as-a-v-items-inner{margin-bottom:15px}.vendor-form .input-group label{font-size:14px}}.variation-container{display:flex;flex-direction:column;padding-top:10px}.variation-block{background:#fff;border:1px solid #e0e0e0;border-radius:5px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;position:relative;counter-increment:variation-counter}.variation-block label{color:#333;font-size:13px;font-weight:500}.variation-block:not(:last-child){margin-bottom:1.5rem}.variation-block:before{content:"Variant #" counter(variation-counter);position:absolute;top:-10px;left:16px;background:var(--primary-color);color:#fff;padding:2px 10px;border-radius:5px;font-size:10px;font-weight:500;z-index:1}.variation-block .attr-prices-block,.variation-block .unit-block{display:grid;grid-gap:10px;gap:10px}.variation-block .attr-prices-block{grid-template-columns:repeat(4,1fr)}.variation-block .unit-block{grid-template-columns:repeat(2,1fr)}.variation-block .attribute-group{display:flex;flex-direction:column;gap:.5rem}.variation-block .attribute-group label{color:#8a9bb8;font-size:14px;font-weight:600}.variation-block .price-group{display:flex;flex-direction:column;gap:.5rem;background:rgba(var(--primary-color),.05);padding:1rem;border-radius:5px;border:1px dashed rgba(var(--primary-color),.2)}.variation-block .price-group label{color:#8a9bb8;font-size:14px;font-weight:600}.variation-block select{padding:10px;border-radius:5px;border:1px solid #e0e0e0;transition:all .3s ease}.variation-block select:focus{border-color:var(--primary-color);outline:none}.variation-block input{padding:10px;border-radius:5px;border:1px solid #e0e0e0;font-size:.9rem;transition:all .3s ease}.variation-block input:focus{border-color:var(--primary-color);outline:none}.variation-block .remove-button{position:absolute;top:-10px;right:16px;background:#ff4c51;color:#fff;border:none;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.variation-block .remove-button:hover{background:#e65252;transform:translateY(-1px)}.variation-buttons-container{display:flex;justify-content:flex-end;gap:10px;margin:20px auto;position:-webkit-sticky;position:sticky;bottom:0;background-color:#fff}.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{display:flex;justify-content:flex-end;margin-bottom:20px;justify-content:space-between;margin-right:10px}.category-container .category-title{font-size:1.5rem;color:#333;margin-bottom:10px;padding:20px}.category-container .category-button{padding:10px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s;display:inline-block}.category-container .done-button{background-color:#384b70;color:#fff}.category-container .form-group{margin-bottom:1rem}.category-container .input-field{display:block;width:auto;padding:8px;border-radius:5px;border:1px solid var(--primary-color);margin:0 20px}.category-container .parent-category-list{margin-top:8px}.category-container .button-group{display:flex}.item-view{min-height:100vh}.item-view .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.item-view .item-details{margin-top:10px}.item-view .item-details .item-main{background:#fff;border-radius:5px;padding:10px 20px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid hsla(0,0%,100%,.2);margin-bottom:2rem;display:flex;justify-content:space-between;gap:20px}.item-view .item-details .item-main h1{font-size:2.25rem;font-weight:700;margin-bottom:10px;color:var(--primary-color);background:var(--primary-color);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;width:-moz-fit-content;width:fit-content}.item-view .item-details .item-main .item-meta{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap;flex-direction:row}.item-view .item-details .item-main .item-meta .item-code,.item-view .item-details .item-main .item-meta .item-stock{padding:5px 8px;background:rgba(59,130,246,.1);border-radius:5px;font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content;color:#384b70;border:1px solid rgba(59,130,246,.2)}.item-view .item-details .item-main .item-meta .item-stock{background:rgba(34,197,94,.1);color:#15803d;border-color:rgba(34,197,94,.2)}.item-view .item-details .item-main .item-categories{color:#64748b;font-size:.95rem;display:flex;flex-direction:column;flex-wrap:wrap;row-gap:15px}.item-view .item-details .item-main .item-categories .category-tag{color:var(--primary-color);font-weight:500;padding:.25rem .75rem;background:rgba(59,130,246,.1);border-radius:5px;border:1px solid rgba(59,130,246,.2)}.item-view .item-details .item-main .item-categories-inner{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.item-view .item-details .item-main .item-media-section .media-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#475569}.item-view .item-details .item-main .item-media-section .media-header h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--primary-color)}.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{display:flex;gap:10px;flex-wrap:wrap}.item-view .item-details .item-main .item-media-section .item-media .featured-image{position:relative;overflow:hidden;border-radius:5px}.item-view .item-details .item-main .item-media-section .item-media .featured-image .image-label{position:absolute;width:100%;text-align:center;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.6));color:#fff;padding:2px 6px;font-size:12px;font-weight:500}.item-view .item-details .item-main .item-media-section .item-media img{max-width:100%;width:100px;height:100px;border-radius:5px;object-fit:cover;box-shadow:0 4px 6px rgba(0,0,0,.049)}.item-view .item-details .item-batches{margin-top:2rem;background:#fff;border-radius:5px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.item-view .item-details .item-batches h2{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#1e293b;padding-bottom:1rem;border-bottom:2px solid rgba(59,130,246,.1);position:relative}.item-view .item-details .item-batches .batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.item-view .item-details .item-batches .batch-grid .batch-card{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:5px;padding:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.item-view .item-details .item-batches .batch-grid .batch-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-color)}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(226,232,240,.8)}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-number{font-weight:600;color:#1e293b;font-size:1.1rem}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-quantity{color:var(--primary-color);font-weight:600;padding:.25rem .75rem;background:rgba(59,130,246,.1);border-radius:5px;font-size:.85rem}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions{display:flex}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-delete-btn,.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-edit-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:all .2s ease}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-delete-btn:hover,.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-edit-btn:hover{background:#9cb9d0;transform:scale(1.1)}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-view-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:all .2s ease}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-view-btn:hover{background:#9cb9d0;transform:scale(1.1)}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-delete-btn{color:#ff4c51;font-size:14px}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-actions .batch-delete-btn:hover{background:rgba(239,68,68,.1)}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details{font-size:16px;display:flex;flex-direction:column}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details .batch-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(226,232,240,.5)}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details .batch-row:last-child{border-bottom:none;margin-bottom:0}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details .batch-row span:first-child{color:#64748b;font-weight:500}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details .batch-row span:last-child{color:#1e293b;font-weight:600}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details .batch-row .expired{color:#ef4444!important;font-weight:600;background:rgba(239,68,68,.1);padding:.25rem .5rem;border-radius:5px}.item-view .error,.item-view .loading{padding:20px;text-align:center;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;box-shadow:0 8px 32px rgba(0,0,0,.1);font-weight:500}.item-view .error.loading,.item-view .loading.loading{color:#3b82f6}.item-view .error.error,.item-view .loading.error{color:#ef4444}@media(max-width:1440px){.item-view .item-details .item-main{flex-direction:column}.item-view .item-details .item-main .item-media-section{width:100%}.item-view .item-details .item-main .item-media-section .media-header{padding-top:20px;border-top:2px solid var(--primary-color)}.item-view .item-details .item-main .item-categories-inner{display:flex;flex-wrap:wrap}}@media(max-width:768px){.item-view{padding:0}.item-view .item-header{padding:10px;margin-bottom:15px;align-items:flex-start;flex-direction:column;gap:10px}.item-view .item-header h1{font-size:20px;margin-bottom:5px}.item-view .item-details-section{display:flex;gap:20px;flex-wrap:wrap;row-gap:10px}.item-view .item-details .item-main{padding:10px;margin-bottom:15px}.item-view .item-details .item-main h1{font-size:20px}.item-view .item-details .item-main .item-meta{gap:10px;margin-bottom:0;align-items:center}.item-view .item-details .item-main .item-meta .item-code,.item-view .item-details .item-main .item-meta .item-stock{padding:2px 10px;font-size:12px}.item-view .item-details .item-main .item-categories{flex-direction:row;gap:10px;font-size:12px;align-items:center}.item-view .item-details .item-main .item-categories .category-tag{padding:2px 10px;font-size:12px}.item-view .item-details .item-main .item-media-section .media-header{margin-bottom:10px;padding-top:10px;border-top:1px solid rgba(59,130,246,.2)}.item-view .item-details .item-main .item-media-section .media-header .media-icon,.item-view .item-details .item-main .item-media-section .media-header h3{font-size:14px}.item-view .item-details .item-batches{padding:10px;margin-top:15px}.item-view .item-details .item-batches h2{font-size:16px;padding-bottom:8px;margin-bottom:10px}.item-view .item-details .item-batches .batch-grid{display:flex;gap:10px;flex-wrap:wrap}.item-view .item-details .item-batches .batch-grid .batch-card{padding:10px;width:-webkit-fill-available}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-number{font-size:14px}.item-view .item-details .item-batches .batch-grid .batch-card .batch-header .batch-quantity{font-size:14px;padding:.2rem .5rem}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details{font-size:14px}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details .batch-row{padding:.3rem 0;font-size:14px}}@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}.item-view .item-details .item-batches .batch-grid .batch-card .batch-details{font-size:12px}}.import-items-modal .import-items-modal-content{display:flex;flex-direction:column;gap:1.25rem}.import-items-modal .import-items-modal-content .import-items-title{font-size:24px;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.import-items-modal .import-items-modal-content .import-items-file-input{border:1px solid #efefef;border-radius:5px;padding:.6rem .75rem;font-size:16px;background-color:#f9f9f9;color:#333;cursor:pointer}.import-items-modal .import-items-modal-content .import-items-file-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color),.2)}.import-items-modal .import-items-modal-content .import-items-actions{display:flex;justify-content:flex-end;gap:1rem}.import-items-modal .import-items-modal-content .import-items-cancel-button{background-color:var(--primary-light);color:#fff;padding:8px 12px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.import-items-modal .import-items-modal-content .import-items-cancel-button:hover{background-color:#dee9f2}.import-items-modal .import-items-modal-content .import-items-upload-button{background-color:var(--primary-color);color:#fff;padding:8px 12px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.import-items-modal .import-items-modal-content .import-items-upload-button:hover{background-color:var(--primary-light)}.batch-dashboard{min-height:100vh;background-color:#f8f9fc;font-family:DMSans,sans-serif;font-size:16px;display:flex;flex-direction:column;gap:20px}.batch-dashboard .error-message{color:#ff4c51;padding:1rem;font-size:16px}.batch-dashboard .header-card{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden;border:1px solid #efefef;margin-bottom:10px}.batch-dashboard .header-gradient{padding:10px 12px;background:linear-gradient(to right,var(--primary-color),var(--primary-light));display:flex;justify-content:space-between;align-items:center}.batch-dashboard .header-gradient h1{font-size:24px;font-weight:700;color:#fff;margin:0}.batch-dashboard .header-gradient p{color:hsla(0,0%,100%,.9);font-size:14px}.batch-dashboard .header-gradient .featured-image img{border-radius:5px}.batch-dashboard .stats-grid{padding:10px 12px;display:flex;flex-wrap:wrap;gap:10px}.batch-dashboard .stat-card{padding:5px 12px;border-radius:5px;display:flex;align-items:center;flex:1 1}.batch-dashboard .stat-card .stat-icon{font-size:18px;margin-right:12px}.batch-dashboard .stat-card .stat-label{font-size:13px;color:#333;font-size:14px;font-weight:500}.batch-dashboard .stat-card .stat-value{font-weight:700;color:var(--primary-color)}.batch-dashboard .stat-card.blue{background-color:rgba(56,75,112,.1);color:#384b70}.batch-dashboard .stat-card.green{background-color:rgba(1,166,1,.1);color:rgba(1,166,1,.9)}.batch-dashboard .stat-card.orange,.batch-dashboard .stat-card.red{background-color:rgba(255,76,81,.1);color:#ff4c51}.batch-dashboard .stat-card.purple{background-color:rgba(156,185,208,.1);color:rgba(156,185,208,.7)}.batch-dashboard .main-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:12px;gap:12px}@media(min-width:1024px){.batch-dashboard .main-grid{grid-template-columns:repeat(3,1fr)}}.batch-dashboard .content-card{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden;border:1px solid #efefef;transition:.3s}.batch-dashboard .card-header{padding:10px 12px;border-bottom:1px solid #efefef;background-color:var(--primary-color);color:#fff}.batch-dashboard .card-header h2{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center}.batch-dashboard .card-header .icon{margin-right:.5rem;font-size:16px}.batch-dashboard .card-content{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.batch-dashboard .info-card{padding:12px;border-radius:5px;border:1px solid #efefef;transition:.3s}.batch-dashboard .info-card .info-label{font-size:13px;color:#333;font-size:14px;font-weight:500;margin-bottom:3px}.batch-dashboard .info-card .info-value{font-weight:700;color:#2e2e2e;font-size:16px;text-transform:capitalize}.batch-dashboard .info-card .info-description{font-size:14px;color:#999;margin-top:.25rem}.batch-dashboard .info-card.highlight{border-color:var(--primary-light);background-color:rgba(var(--primary-color),.05)}.batch-dashboard .info-card.highlight .info-value{color:var(--primary-color)}.batch-dashboard .timeline-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:5px;border:1px solid #efefef}.batch-dashboard .timeline-card .timeline-icon{font-size:18px;margin-top:.25rem}.batch-dashboard .timeline-card .timeline-label{font-size:13px;color:#333;font-size:14px;font-weight:500;margin-bottom:3px}.batch-dashboard .timeline-card .timeline-value{font-weight:700;color:#2e2e2e;font-size:16px}.batch-dashboard .timeline-card .status-badge{display:inline-block;margin-top:.25rem;padding:3px 20px;border-radius:9999px;font-size:12px;font-weight:500}.batch-dashboard .timeline-card .status-badge.expired{background-color:rgba(255,76,81,.1);color:#ff4c51}.batch-dashboard .timeline-card .status-badge.expiring{background-color:rgba(255,204,0,.1);color:rgba(255,204,0,.7)}.batch-dashboard .timeline-card .status-badge.valid{background-color:rgba(1,166,1,.1);color:#01a601}.batch-dashboard .details-grid{display:flex;gap:10px}.batch-dashboard .detail-card{padding:0 12px;flex:1 1;white-space:nowrap;color:#fff}.batch-dashboard .detail-card .detail-content{display:flex;align-items:center;gap:10px}.batch-dashboard .detail-card .detail-content .detail-icon{font-size:18px}.batch-dashboard .detail-card .detail-content .detail-label{font-size:13px;font-size:14px;font-weight:500}.batch-dashboard .detail-card .detail-content .detail-value{font-weight:500;font-size:16px}.batch-dashboard .variants-grid{padding:10px 12px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.batch-dashboard .variant-card{padding:10px 12px;border-radius:5px;border:1px solid #efefef;transition:all .3s}.batch-dashboard .variant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.batch-dashboard .variant-header h3{font-weight:600;color:var(--primary-color);font-size:16px;margin:0}.batch-dashboard .stock-badge{padding:4px 10px;border-radius:5px;font-size:12px;font-weight:500}.batch-dashboard .stock-badge.in-stock{background-color:rgba(1,166,1,.1);color:#01a601}.batch-dashboard .stock-badge.out-of-stock{background-color:rgba(255,76,81,.1);color:#ff4c51}.batch-dashboard .attributes-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.batch-dashboard .attribute-tag{padding:4px 10px;background-color:#f3f3f3;color:#2e2e2e;border-radius:5px;font-size:14px;font-weight:500}.batch-dashboard .variant-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.batch-dashboard .variant-metric{padding:10px;border-radius:5px;background-color:#f4f4f4;width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batch-dashboard .variant-metric .metric-label{font-size:14px;color:#333;margin:0 0 3px;font-weight:500}.batch-dashboard .variant-metric .metric-value{font-weight:700;color:#2e2e2e;font-size:16px;margin:0}@media(max-width:768px){.batch-dashboard{gap:15px}.batch-dashboard .header-gradient h1{font-size:20px}.batch-dashboard .header-gradient p{font-size:12px}.batch-dashboard .card-header{padding:10px}.batch-dashboard .main-grid{gap:20px}.batch-dashboard .timeline-card{align-items:center}.batch-dashboard .content-card .details-grid,.batch-dashboard .content-card .variants-grid{padding:0;gap:0}.batch-dashboard .content-card .details-grid .detail-card,.batch-dashboard .content-card .details-grid .variant-card,.batch-dashboard .content-card .variants-grid .detail-card,.batch-dashboard .content-card .variants-grid .variant-card{border:none;border-bottom:1px solid #efefef;box-shadow:none;border-radius:0;padding:10px 12px}.batch-dashboard .content-card .details-grid .detail-card .variant-metric,.batch-dashboard .content-card .details-grid .variant-card .variant-metric,.batch-dashboard .content-card .variants-grid .detail-card .variant-metric,.batch-dashboard .content-card .variants-grid .variant-card .variant-metric{display:flex;align-items:baseline;gap:5px}.batch-dashboard .content-card .details-grid .detail-card .variant-metric .metric-label,.batch-dashboard .content-card .details-grid .variant-card .variant-metric .metric-label,.batch-dashboard .content-card .variants-grid .detail-card .variant-metric .metric-label,.batch-dashboard .content-card .variants-grid .variant-card .variant-metric .metric-label{font-size:12px;margin:0}.batch-dashboard .content-card .details-grid .detail-card .variant-metric .metric-value,.batch-dashboard .content-card .details-grid .variant-card .variant-metric .metric-value,.batch-dashboard .content-card .variants-grid .detail-card .variant-metric .metric-value,.batch-dashboard .content-card .variants-grid .variant-card .variant-metric .metric-value{font-size:14px;margin:0;font-weight:600}.batch-dashboard .card-content{padding:0;flex-direction:row;flex-wrap:wrap;gap:0}.batch-dashboard .card-content .info-card,.batch-dashboard .card-content .timeline-card{border:none;border-bottom:1px solid #efefef;box-shadow:none;border-radius:0;padding:10px 12px}.batch-dashboard .header-card{margin-bottom:10px}.batch-dashboard .variant-grid{grid-template-columns:repeat(2,1fr)}.batch-dashboard .variants-grid{padding:10px;grid-template-columns:1fr}.batch-dashboard .variant-card{padding:10px}.batch-dashboard .stats-grid{grid-template-columns:repeat(2,1fr);padding:10px;gap:10px}}@media(max-width:468px){.batch-dashboard{gap:10px}.batch-dashboard .header-gradient{padding:5px 10px}.batch-dashboard .header-gradient .featured-image img{width:50px;height:50px}.batch-dashboard .card-header h2{font-size:16px}.batch-dashboard .card-header .icon{margin-right:10px;font-size:14px}.batch-dashboard .info-card{padding:10px}.batch-dashboard .info-card .info-value{font-size:14px}.batch-dashboard .timeline-card{gap:10px}.batch-dashboard .timeline-card .timeline-value{font-size:14px}.batch-dashboard .timeline-card .timeline-icon{font-size:14px;margin-top:0}.batch-dashboard .details-grid{display:flex;flex-direction:column;gap:5px}.batch-dashboard .detail-card{gap:15px}.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 .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}.variant-grid{gap:10px}}.challan-form{padding:20px;background-color:#fff;border-radius:5px}.challan-form .challan-form-logo-name-outer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--primary-light)}.challan-form .challan-form-logo-name-outer h1{color:var(--primary-color)}.challan-form .challan-form-company-logo img{border-radius:50px}.challan-form .challan-form-section-one{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.challan-form .saller-and-buyer-secton{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.challan-form .input-group{display:flex;flex-direction:column;gap:5px;min-width:120px}.challan-form .input-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.challan-form .input-group input,.challan-form .input-group select,.challan-form .input-group textarea{color:#3c3939;border:1px solid #efefef;border-radius: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:none;transform:scale(1)}.challan-form .challan-form-buyer-details-section input,.challan-form .challan-form-buyer-details-section textarea{cursor:not-allowed}.challan-form .challan-form-buyer-details-section,.challan-form .challan-form-saller-details-section{padding:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px;background-color:#fafafa;border-radius:5px}.challan-form .challan-form-buyer-details-section .input-group,.challan-form .challan-form-saller-details-section .input-group{margin-bottom:8px}.challan-form .Seller-lagend,.challan-form .buyer-lagend{color:var(--primary-color);font-weight:500}.challan-form .challan-form-tax-modal-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px;margin:20px 0}.challan-form select{width:100%;padding:10px;border-radius:5px}.challan-form .challan-form-items-section{margin-top:20px}.challan-form .challan-form-items-section h3{margin-top:10px;font-size:24px;color:var(--primary-color)}.challan-form .challan-form-items-section .challan-form-item{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;padding:20px;margin-bottom:1rem;border:1px solid rgba(84,104,144,.4274509804);border-radius:5px;background-color:#fafafa;align-items:flex-end;position:relative}.challan-form .challan-form-items-section .challan-form-item .input-group{min-width:120px}.challan-form .challan-form-items-section .challan-form-item .remove-btn{position:absolute;top:7px;right:10px;background-color:#dc3545;border:none;color:#fff;padding:6px 12px;font-weight:600;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out}.challan-form .challan-form-items-section .challan-form-item .remove-btn:hover{background-color:#b02a37}.challan-form .total-amount-outer-container{display:flex;justify-content:space-between}.challan-form .total-amount-outer-container .total-amount-container{background:var(--primary-light);color:#2c3e50;padding:20px 30px;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,sans-serif;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;justify-content:center;width:-moz-fit-content;width:fit-content}.challan-form .total-amount-outer-container .total-amount-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:6px;letter-spacing:.5px}.challan-form .total-amount-outer-container .total-amount-value{font-size:24px;font-weight:700;color:#01a601;position:relative}.challan-form .challan-form-add-item{margin-bottom:20px}.challan-form .challan-form-action{display:flex;justify-content:flex-end;align-items:center;margin:30px 0}@media(max-width:868px){.challan-form .saller-and-buyer-secton{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}}@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{position:relative;top:auto;right:auto;align-self:flex-end;margin-top:10px}.challan-form .total-amount-container{padding:15px 20px}.challan-form .total-amount-container .total-amount-label{font-size:1rem}.challan-form .total-amount-container .total-amount-value{font-size:20px}}@media(max-width:568px){.challan-form{padding:10px}.challan-form .total-amount-outer-container .total-amount-container{width:100%}.challan-form .total-amount-outer-container{flex-direction:column}.challan-form .challan-form-buyer-details-section,.challan-form .challan-form-saller-details-section,.challan-form .challan-form-tax-modal-section{grid-template-columns:1fr;gap:10px}}@media(max-width:468px){.challan-form{padding:8px}.challan-form .challan-form-section-one{grid-template-columns:1fr}.challan-form .challan-form-buyer-details-section,.challan-form .challan-form-saller-details-section,.challan-form .challan-form-tax-modal-section{grid-template-columns:1fr;padding:0}.challan-form .input-group label{font-size:12px}.challan-form .input-group input,.challan-form .input-group select{font-size:14px;padding:8px}.challan-form .challan-form-items-section h3{font-size:20px}.challan-form .challan-form-items-section .challan-form-item{padding:15px;grid-template-columns:repeat(1,1fr)}.challan-form .challan-form-items-section .challan-form-item .input-group{width:100%;min-width:auto}.challan-form .challan-form-items-section .challan-form-item .remove-btn{margin-top:5px;padding:5px 10px;font-size:14px}.challan-form .total-amount-container{padding:10px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.challan-form .total-amount-container .total-amount-label{font-size:.9rem}.challan-form .total-amount-container .total-amount-value{font-size:16px}.challan-form .challan-form-action{margin:10px 0!important}}.purchase-challan-invoice{max-width:999px;margin:2rem auto;background:#fff;padding:20px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.purchase-challan-invoice .purchase-challan-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #efefef;padding-bottom:1rem;margin-bottom:1.5rem}.purchase-challan-invoice .purchase-challan-header h1{font-size:24px;margin:0 0 .3rem;color:#384b70}.purchase-challan-invoice .purchase-challan-header .purchase-challan-number{font-weight:600;color:#2f405f;font-size:15px}.purchase-challan-invoice .purchase-challan-header .purchase-challan-date span{font-weight:700;margin-right:.3rem;color:#2e2e2e}.purchase-challan-invoice .purchase-challan-header .purchase-challan-date strong{font-weight:700;color:#1b1b1b}.purchase-challan-invoice .purchase-challan-parties{display:flex;gap:3rem;margin-bottom:2rem}.purchase-challan-invoice .purchase-challan-parties .purchase-challan-from h3{font-size:18px;border-bottom:1.5px solid #384b70;padding-bottom:.3rem;margin-bottom:.8rem;color:#384b70}.purchase-challan-invoice .purchase-challan-parties .purchase-challan-from .company-info p{margin:.2rem 0;font-size:16px;font-weight:600;line-height:1.4;color:#333}.purchase-challan-invoice .purchase-challan-items .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.purchase-challan-invoice .purchase-challan-items table{width:100%;border-collapse:collapse;margin-bottom:2rem}.purchase-challan-invoice .purchase-challan-items table td,.purchase-challan-invoice .purchase-challan-items table th{border:1px solid #efefef;padding:.6rem .8rem;text-align:left;font-size:15px;vertical-align:middle;white-space:nowrap}.purchase-challan-invoice .purchase-challan-items table th{background-color:#384b70;color:#fff;font-weight:600}.purchase-challan-invoice .purchase-challan-items table tbody tr:nth-child(2n){background-color:#f9f9f9}.purchase-challan-invoice .purchase-challan-summary{max-width:400px;margin-left:auto}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals{border-top:2px solid #384b70;padding:10px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid var(--primary-light)}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals .total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:15px;color:#333;border-bottom:1px solid #efefef}.purchase-challan-invoice .purchase-challan-summary .purchase-challan-totals .total-row.grand-total{font-weight:700;font-size:18px;color:#2f405f;border-bottom:none}.purchase-challan-invoice .invoice-empty,.purchase-challan-invoice .invoice-error{text-align:center;margin-top:3rem;font-size:15px;color:#ff4c51}.purchase-challan-invoice .invoice-empty{color:#999}@media(max-width:600px){.purchase-challan-invoice .purchase-challan-header{flex-direction:column;align-items:flex-start}.purchase-challan-invoice .purchase-challan-parties{flex-direction:column;gap:1.5rem}.purchase-challan-invoice .purchase-challan-summary{max-width:100%;margin-left:0}.purchase-challan-invoice .purchase-challan-items .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.purchase-challan-invoice .purchase-challan-items table{width:max-content;font-size:14px}.purchase-challan-invoice .purchase-challan-items table td,.purchase-challan-invoice .purchase-challan-items table th{padding:.4rem .6rem}}.vendor-details-page .vendor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efefef;padding:10px 20px}.vendor-details-page .vendor-header .view-vendor-action-button-outter{display:flex;gap:10px}.vendor-details-page .vendor-header .edit-button{color:var(--primary-color)}.vendor-details-page .vendor-header .delete-button{color:#ff4c51}.vendor-details-page .vendor-card{background:#fff;border-radius:5px;border:1px solid #efefef}.vendor-details-page .vendor-title{color:var(--primary-color);font-size:22px;margin:0}.vendor-details-page .vendor-info{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;padding:0 20px}.vendor-details-page .vendor-info p{margin:0;font-size:14px;display:flex;flex:1 1;gap:5px}.vendor-details-page .vendor-info p strong{color:var(--primary-color);font-weight:600}.vendor-details-page .vendor-invoices-section .vendor-invoices-summary{margin-top:20px}.vendor-details-page .vendor-items-section{margin-top:20px;display:flex;flex-direction:column;padding:0 20px}.vendor-details-page .vendor-items-section .toggle-items-btn{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:8px 0;font-size:14px}.vendor-details-page .vendor-items-section .toggle-items-btn:hover{text-decoration:underline}.vendor-details-page .vendor-items-summary{margin-top:10px}.invoice-actions svg{color:var(--primary-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{line-height:1.6;color:#333;background-color:#f8f9fa;min-height:100vh}.vendor-invoice-container .invoice-header{display:flex;flex-direction:column;margin-bottom:10px;margin-top:10px;padding:0 20px}.vendor-invoice-container .invoice-header .invoice-number{color:#fff;background-color:var(--primary-color);border-radius:5px;padding:10px;font-size:.875rem;margin-top:0}.vendor-invoice-container .invoice-header .vendor-invoice-header-inner{display:flex;flex-direction:column}.vendor-invoice-container .invoice-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.vendor-invoice-container .invoice-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.vendor-invoice-container .invoice-status.paid{background-color:#d4edda;color:#155724}.vendor-invoice-container .invoice-status.due{background-color:#f8d7da;color:#721c24}.vendor-invoice-container .invoice-date-box{background:#fff;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:right;margin-top:1rem}.vendor-invoice-container .invoice-date-label{font-size:.75rem;color:#6c757d;margin-bottom:.25rem}.vendor-invoice-container .invoice-card{background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden;border:1px solid #e9ecef;margin:auto}.vendor-invoice-container .vendor-info-section{padding:1.5rem;border-bottom:1px solid #e9ecef}.vendor-invoice-container .section-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.vendor-invoice-container .vendor-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.vendor-invoice-container .vendor-details-outer{background-color:#f3f3f3;padding:10px;border-radius:5px;border-left:3px solid var(--primary-color)}.vendor-invoice-container .vendor-detail-item{margin-bottom:.5rem;border-bottom:1px dashed var(--primary-color)}.vendor-invoice-container .payment-method-outer{border-top:1px dashed var(--primary-color);padding-top:5px}.vendor-invoice-container .vendor-detail-label{font-weight:600;color:#495057}.vendor-invoice-container .financial-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;border-bottom:1px solid #e9ecef}.vendor-invoice-container .summary-card{padding:1rem;border-radius:.5rem;text-align:center;background-color:#f8f9fa}.vendor-invoice-container .summary-card.total{background-color:#2c3e50;color:#fff}.vendor-invoice-container .summary-title{font-size:.875rem;margin-bottom:.5rem;color:inherit}.vendor-invoice-container .summary-value{font-size:1.5rem;font-weight:700}.vendor-invoice-container .items-section{padding:1.5rem}.vendor-invoice-container .financial-summary{padding:1.5rem;margin-bottom:100px}.vendor-invoice-container .items-table{width:100%;border-collapse:collapse}.vendor-invoice-container .items-table th{background-color:#f8f9fa;padding:.75rem 1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.vendor-invoice-container .items-table td{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:top}.vendor-invoice-container .items-table tr:last-child td{border-bottom:none}.vendor-invoice-container .items-table tr:hover{background-color:#f8f9fa}.vendor-invoice-container .payment-history-section{padding:0 20px}.vendor-invoice-container .payment-history-section h2{color:var(--primary-color)}.vendor-invoice-container .Vendor-invoice-repay-btn-outer{display:flex;justify-content:flex-end;margin-bottom:20px}@media(min-width:768px){.vendor-invoice-container .invoice-header{flex-direction:row;justify-content:space-between;align-items:center}.vendor-invoice-container .invoice-header .invoice-number{padding:5px}.vendor-invoice-container .vendor-invoice-header-inner{display:flex;justify-content:space-between;align-items:center}.vendor-invoice-container .invoice-date-box{margin-top:0}}.hr-hero-wrapper{display:flex;gap:20px;width:100%;margin:20px 0}.hr-hero-wrapper .time-stats-wrapper{display:flex;gap:20px;flex:1 1}.hr-hero-wrapper .time-stats-wrapper .time-section{background:#fff;border-radius:5px;padding:20px;min-width:220px;text-align:center;border:1px solid #efefef;display:flex;flex-direction:column;align-items:center}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container{display:flex;flex-direction:column;align-items:center;gap:5px}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container svg{transition:all 1s ease-out;cursor:pointer}.hr-hero-wrapper .time-stats-wrapper .time-section .time{font-size:24px;font-weight:600;color:#1b1b1b;margin:8px 0;letter-spacing:-.5px}.hr-hero-wrapper .time-stats-wrapper .time-section .date{font-size:14px;color:#999;font-weight:500}.hr-hero-wrapper .time-stats-wrapper .time-section .realtime-label{font-size:12px;color:#999;margin-top:8px;padding:4px 8px;background:#f8f9fc;border-radius:10px}.hr-hero-wrapper .time-stats-wrapper .time-section .attendance-btn{background:var(--primary-color);color:#fff;padding:8px 20px;border-radius:6px;font-weight:500;margin-top:16px;font-size:14px;text-decoration:none;transition:all .2s ease}.hr-hero-wrapper .time-stats-wrapper .time-section .attendance-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.hr-hero-wrapper .time-stats-wrapper .time-section svg{margin-bottom:8px}.hr-hero-wrapper .time-stats-wrapper .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;flex:1 1}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-link{text-decoration:none}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box{background:#fff;border-radius:5px;padding:20px;border:1px solid #efefef}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box h2{font-size:22px;margin:0;color:#1b1b1b;letter-spacing:-.5px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .label{font-size:14px;font-weight:700;color:#333;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .note{font-size:12px;color:#999;margin-top:4px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .card-icon{width:35px;height:35px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--primary-color);font-size:18px}.hr-hero-wrapper .active-employee-box{background:#fff;border-radius:5px;padding:20px;min-width:260px;border:1px solid #efefef;max-height:260px;overflow:auto}.hr-hero-wrapper .active-employee-box h3{font-size:16px;font-weight:600;color:#1b1b1b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.hr-hero-wrapper .active-employee-box h3:before{content:"";display:block;width:4px;height:16px;background:#384b70;border-radius:2px}.hr-hero-wrapper .active-employee-box ul{list-style:none;padding:0;margin:0}.hr-hero-wrapper .active-employee-box .employee-item{display:flex;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #efefef}.hr-hero-wrapper .active-employee-box .employee-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.hr-hero-wrapper .active-employee-box .emp-avatar{width:36px;height:36px;background:#dee9f2;color:#384b70;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:14px}.hr-hero-wrapper .active-employee-box .emp-info p{margin:0;font-size:14px;font-weight:500;color:#1b1b1b}.hr-hero-wrapper .active-employee-box .emp-info .emp-status.active{font-size:12px;color:#01a601;display:flex;align-items:center;gap:4px;margin-top:2px}.hr-hero-wrapper .active-employee-box .emp-info .emp-status.active:before{content:"";display:block;width:6px;height:6px;background:#01a601;border-radius:50%}.hr-attandance-status .hr-at-st-tabs{display:flex;justify-content:flex-end;margin-bottom:20px;border-bottom:1px solid #efefef}@media(max-width:1200px){.hr-hero-wrapper{flex-direction:column}.active-employee-box{width:100%;min-width:auto}}@media(max-width:992px){.hr-hero-wrapper{margin-top:10px}.hr-hero-wrapper .active-employee-box{padding:10px}.hr-hero-wrapper .time-stats-wrapper .time-section{padding:10px;display:grid;grid-template-columns:repeat(2,1fr)}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container{flex-direction:row;align-items:center}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container svg{margin:0;height:40px;width:40px}.hr-hero-wrapper .time-stats-wrapper .time-section .sun-container span{margin:0;white-space:nowrap}.hr-hero-wrapper .time-stats-wrapper .time-section .time{margin:0;font-size:18px}.hr-hero-wrapper .time-stats-wrapper .time-section .date{grid-column:span 2}.hr-hero-wrapper .time-stats-wrapper .time-section .attendance-btn{grid-column:span 2;width:-moz-fit-content;width:fit-content;margin:10px auto 5px;padding:5px 10px}.hr-hero-wrapper .time-stats-wrapper .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box{padding:10px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .stat-card-inner{margin-bottom:6px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box h2{font-size:20px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .label{font-size:12px;margin-bottom:4px;white-space:nowrap;margin-top:10px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .note{font-size:11px}.hr-hero-wrapper .time-stats-wrapper .stats-grid .stat-card-box .card-icon{width:30px;height:30px;font-size:16px}}@media(max-width:768px){.hr-hero-wrapper .time-stats-wrapper{flex-direction:column}}.back-button{display:inline-flex;justify-content:center;align-items:center;background-color:var(--primary-color);color:#fff;padding:6px;margin:20px 0;gap:2px;text-decoration:none}.back-button,.status-select{border-radius:5px;border:none;cursor:pointer}.status-select{padding:4px 8px;font-weight:500;outline:none}.status-green{background-color:#e6f5ec;color:#01a601}.status-orange{background-color:#fff4e5;color:#ff4c51}.status-red{background-color:#fdecea;color:#ff4c51}@media(max-width:468px){.back-button{display:none}}.pay-slip-container .page-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.pay-slip-container .page-header h1{font-size:28px;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:12px;margin-bottom:8px}.pay-slip-container .page-header .subtitle{color:#64748b;font-size:16px;font-weight:400}.pay-slip-container .employee-profile-section{background:#fff;border-radius:5px;padding:10px 12px;margin-bottom:20px}.pay-slip-container .employee-profile-section h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.pay-slip-container .employee-profile-section .employee-info-grid{display:flex;flex-wrap:wrap;gap:10px}.pay-slip-container .salary-details-section{background:#fff;border-radius:5px;padding:10px 12px}.pay-slip-container .salary-details-section .section-header{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.pay-slip-container .salary-details-section .section-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.pay-slip-container .salary-details-section .section-header .filter-controls{display:flex;align-items:center;gap:10px}.pay-slip-container .salary-details-section .section-header .filter-controls label{font-weight:500;color:#475569;font-size:14px;white-space:nowrap}.pay-slip-container .salary-details-section .section-header .filter-controls select{padding:5px 10px;border-radius:5px;border:1px solid #cbd5e1;background:#fff;font-size:14px;min-width:150px;cursor:pointer;transition:border-color .2s}.pay-slip-container .salary-details-section .section-header .filter-controls select:focus{outline:none;border-color:var(--primary-light)}.pay-slip-container .salary-details-section .salary-stats-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card{display:flex;flex:1 1;flex-direction:column;gap:5px;background:#f8fafc;border-radius:5px;padding:10px;white-space:nowrap}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-label{font-size:14px;color:#64748b}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value{font-size:18px;font-weight:600;color:#1e293b}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value.highlight{color:#16a34a}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value.deduction{color:#dc2626}.pay-slip-container .info-row{display:flex;flex-direction:column;padding:10px;background:#f8fafc;border-radius:5px}.pay-slip-container .info-row .icon-label{display:flex;align-items:center;gap:8px}.pay-slip-container .info-row .icon-label .icon{color:var(--primary-color);font-size:14px;display:flex;align-items:center}.pay-slip-container .info-row .label{color:#64748b;font-size:13px;font-weight:500}.pay-slip-container .info-row .value{color:#1e293b;font-weight:500;font-size:14px;word-break:break-word;padding-left:22px;margin-top:4px}.pay-slip-container .info-row .value.link{color:var(--primary-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{font-size:22px;gap:8px}.pay-slip-container .page-header .subtitle{font-size:14px}.pay-slip-container .employee-profile-section,.pay-slip-container .salary-details-section{padding:8px 10px;margin-bottom:15px}.pay-slip-container .employee-profile-section h2,.pay-slip-container .salary-details-section h2{font-size:18px;margin-bottom:15px}.pay-slip-container .employee-info-grid{gap:8px}.pay-slip-container .info-row{padding:8px}.pay-slip-container .info-row .icon-label{gap:6px}.pay-slip-container .info-row .icon-label .icon,.pay-slip-container .info-row .label{font-size:12px}.pay-slip-container .info-row .value{font-size:13px;padding-left:18px}.pay-slip-container .salary-details-section .section-header{gap:8px;margin-bottom:15px}.pay-slip-container .salary-details-section .section-header .filter-controls{gap:8px}.pay-slip-container .salary-details-section .section-header .filter-controls select{padding:4px 8px;min-width:120px;font-size:13px}.pay-slip-container .salary-details-section .salary-stats-grid{gap:8px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card{padding:8px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-label{font-size:12px}.pay-slip-container .salary-details-section .salary-stats-grid .stat-card .stat-value{font-size:16px}}.edit-user-container{padding:20px;background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.edit-user-container .edit-user-title{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:#222}.edit-user-container .edit-user-form{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.edit-user-container .edit-user-form .form-group{display:flex;flex-direction:column}.edit-user-container .edit-user-form .form-group label.form-label{font-weight:600;margin-bottom:8px;color:#161616}.edit-user-container .edit-user-form .form-group .form-input,.edit-user-container .edit-user-form .form-group .form-select{padding:10px 12px;border:1px solid var(--primary-color);border-radius:5px;font-size:14px;background:#fff;color:#161616}.edit-user-container .edit-user-form .form-group.full-width{grid-column:span 2}.edit-user-container .edit-user-form-smt-btn{display:flex;justify-content:flex-end}.employee-profile-container{color:#333}.employee-profile-container .employee-profile-nav{display:flex;justify-content:space-between;align-items:center}.employee-profile-container .employee-profile-inner-container{background:#fff;border-radius:5px;padding:30px 20px}.employee-profile-container .employee-profile-inner-container .not-found{text-align:center;padding:40px;font-size:18px;color:#ff4c51}.employee-profile-container .employee-profile-inner-container .profile-header{display:flex;align-items:center;gap:30px;padding:0 15px 25px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(var(--primary-color),.1)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-initial{width:85px;height:85px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-color),.2),rgba(255,76,81,.2));display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:700;color:var(--primary-color);border:1px solid var(--primary-color)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content{flex:1 1;display:flex;justify-content:space-between;align-items:center}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title h1{margin:0;font-size:24px;font-weight:600;color:var(--primary-color)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta{margin-top:10px;display:flex;gap:10px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .employ-view-role{background-color:#ececec!important}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .badge{padding:4px 12px;border-radius:5px;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{background:rgba(1,166,1,.1);color:#01a601}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions{display:flex;gap:15px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn{padding:8px 20px;height:40px;border-radius:5px;font-weight:500;cursor:pointer;transition:.3s;border:none;font-size:14px;display:flex;align-items:center;gap:5px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.primary{background:var(--primary-color);color:#fff}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.primary:hover{background:var(--primary-light);box-shadow:0 8px 24px rgba(0,0,0,.1019607843)}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.danger{background:rgba(255,76,81,.1);color:#ff4c51}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.danger:hover{background:rgba(255,76,81,.2)}.employee-profile-container .employee-profile-inner-container .profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;gap:20px}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card{background:#fff;border-radius:5px;padding:10px;border:1px solid #efefef;transition:.3s}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title{display:flex;gap:10px;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600;color:#2c2b2e;padding-bottom:10px;border-bottom:1px solid #efefef;align-items:center}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title h4,.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title i{color:var(--primary-color)}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid .info-item .info-label{display:block;font-size:14px;color:#999;margin-bottom:5px;font-weight:500}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid .info-item .info-value{display:block;font-size:15px;font-weight:400;color:#333;word-break:break-word}.employee-profile-container .employee-profile-inner-container .profile-grid .basic-info{border-top:3px solid var(--primary-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{display:flex;align-items:center;gap:1rem;position:relative}.employee-profile-container .desktop-only{display:flex;gap:15px}.employee-profile-container .mobile-only{display:none}.employee-profile-container .dots-button{cursor:pointer;background:none;border:none;font-size:27px;font-weight:700;color:var(--primary-color)}.employee-profile-container .dropdown-menu{position:absolute;right:0;top:100%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:10;border-radius:5px;width:150px;padding:10px 0}.employee-profile-container .dropdown-menu button{display:block;width:100%;background:none;border:none;padding:.5rem 1rem;text-align:left;cursor:pointer;font-size:15px;display:flex;gap:5px;align-items:center}.employee-profile-container .dropdown-menu button:active{background-color:#f1f9f9;border-right:2px solid var(--primary-color)}.employee-profile-container .dropdown-menu button svg{color:#01a601}.employee-profile-container .dropdown-delete-btn{color:#ff4c51}.employee-profile-container .dropdown-delete-btn svg{color:#ff4c51!important}.employee-profile-container .dropdown-edit-btn{border-bottom:1px solid gray;color:green}@media(max-width:668px){.employee-profile-container .desktop-only{display:none!important}.employee-profile-container .mobile-only{display:block}.employee-profile-container .employee-profile-inner-container{padding:10px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-avatar .avatar-initial{width:60px;height:60px}.employee-profile-container .employee-profile-inner-container .profile-grid{gap:20px}.employee-profile-container .employee-profile-inner-container .profile-header{gap:10px;padding:0 0 20px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title h1{font-size:20px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-title .profile-meta .badge{font-size:12px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn{padding:10px;font-size:13px}.employee-profile-container .employee-profile-inner-container .profile-header .profile-header-content .profile-actions .btn.primary{color:#fff;background:var(--primary-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{display:flex;flex-direction:column}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card:hover{transform:unset}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .info-grid{grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;display:grid}.employee-profile-container .employee-profile-inner-container .profile-grid .profile-card .card-title{flex-direction:column}}.attendamce-t-btns-outer{display:flex;gap:10px}.attendamce-t-btns-outer .approve-btn,.attendamce-t-btns-outer .reject-btn{color:#fff;padding:4px 5px;border-radius:5px;font-size:14px;display:flex;align-items:center}.attendamce-t-btns-outer .approve-btn{background-color:#01a601}.attendamce-t-btns-outer .reject-btn{background-color:#ff4c51}.view-attendance img{width:50px;height:50px;object-fit:cover;border-radius:5px}.employee-form-container{display:flex;flex-direction:column}.employee-form-container .form-header{display:flex;align-items:center;gap:15px;margin-bottom:0;border-bottom:1px solid #eee;padding:10px 20px}.employee-form-container .form-header .back-button{margin:0}.employee-form-container .form-header h4{margin:0;color:var(--primary-color)}.employee-form-container .form-content-wrapper form{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px}.employee-form-container .form-sidebar{flex-shrink:0;display:flex;flex-direction:column;gap:20px}.employee-form-container .image-upload-card{background:#fff;border-radius:5px;padding:20px}.employee-form-container .image-upload-card h3{margin-top:0;margin-bottom:15px;font-size:16px;color:var(--primary-color);display:flex;align-items:center;gap:8px}.employee-form-container .image-preview{width:100%;height:200px;border:1px dashed #ccc;border-radius:4px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.employee-form-container .image-preview img{width:100%;height:100%;object-fit:cover}.employee-form-container .image-preview .placeholder{display:flex;flex-direction:column;align-items:center;color:#999}.employee-form-container .upload-controls{display:flex;flex-direction:column}.employee-form-container .file-input{display:none}.employee-form-container .upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 15px;background-color:#f0f0f0;color:var(--primary-color);border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:14px}.employee-form-container .upload-button:hover{background-color:var(--primary-light);color:#fff}.employee-form-container .form-main-content{flex-grow:1;display:flex;flex-direction:column;gap:20px}.employee-form-container .form-card{background:#fff;border-radius:5px;overflow:hidden}.employee-form-container .form-card-title{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid #d9d9d9;color:var(--primary-color)}.employee-form-container .form-card-title .icon{color:var(--primary-color)}.employee-form-container .form-card-content{padding:20px}.employee-form-container .form-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.employee-form-container .employee-field label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.employee-form-container .employee-field input::placeholder{color:#ccc;font-size:13px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.employee-form-container .employee-field .select-field{border-radius:5px;width:100%;padding:8px 12px;font-size:13px;font-weight:400;background-color:rgba(0,0,0,0);color:#3c3939}.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{width:100%;padding:10px;border:1px solid #efefef;border-radius:5px;color:#3c3939}.employee-form-container .employee-field input:focus,.employee-form-container .employee-field select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0);transform:scale(1)}.employee-form-container .employee-field select{cursor:pointer}.employee-form-container .error-message{color:#dc3545;font-size:12px;margin-top:5px}.employee-form-container .form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:15px;padding:20px 0}.employee-form-container .form-button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap;background-color:var(--primary-color);color:#fff}.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{background-color:#f4f4f4;color:var(--primary-color)}.employee-form-container .form-button:disabled{background-color:#ccc;cursor:not-allowed}.employee-form-container .toggle-all-btn,.employee-form-container .toggle-icon-btn{height:20;width:20;border-radius:50%;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;transition:background .3s;fill:none;background:#f0f0f0}.employee-form-container .toggle-all-btn svg,.employee-form-container .toggle-icon-btn svg{font-size:12px;color:var(--primary-color)}@media(max-width:992px){.employee-form-container .form-content-wrapper form{display:flex;flex-direction:column}.employee-form-container .form-grid{grid-template-columns:repeat(auto-fill,minmax(200,3fr));gap:10px 20px}.employee-form-container .form-sidebar{width:100%;display:flex;grid-template-columns:1fr 1fr;flex-direction:row}.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-content,.employee-form-container .form-card-title{padding:10px}.employee-form-container .form-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:468px){.employee-form-container .form-grid,.employee-form-container .form-sidebar{display:flex;flex-direction:column}}.pos-wrapper{display:flex;background:#fff;height:100vh}.pos-wrapper .category-tab,.pos-wrapper .tabs button,.pos-wrapper inner-tab,.pos-wrapper input,.pos-wrapper select{height:40px}.invoice-header-top{display:flex;justify-content:space-between;align-items:center;padding:10px 0 20px}.cats-sidebar{width:150px;background:#fff;border-right:1px solid #efefef;overflow-y:auto;padding-right:10px}.cats-sidebar button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cats-sidebar .categories-menu{background-color:#fff;flex:1 1}.cats-sidebar .top-category-select{width:100%;padding:10px;text-overflow:ellipsis;border-radius:5px!important;border:1px solid #efefef}.cats-sidebar .category-tab{display:flex;align-items:center;border-bottom:1px solid #efefef;background-color:#fff;color:#2c2b2e;transition:all .2s ease}.cats-sidebar .category-tab.selected{background-color:var(--primary-color);color:#fff}.cats-sidebar .category-button{padding:10px;background:rgba(0,0,0,0);border:none;text-align:left;cursor:pointer;flex:1 1;color:inherit}.cats-sidebar .expand-icon{margin:4px;display:flex;justify-content:center;align-items:center;cursor:pointer}.desktop-categories{display:block}.mobile-categories{display:none;margin-top:20px}.mobile-categories .top-category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.mobile-categories .top-category-list .category-tab{display:flex;align-items:center;justify-content:space-between;border-radius:5px;padding:5px;height:auto!important;transition:all .2s ease;color:var(--primary-color)}.mobile-categories .top-category-list .category-tab.selected{background:rgba(var(--primary-color),.06);color:var(--primary-color)}.mobile-categories .top-category-list .category-tab.selected .category-button{font-weight:500}.mobile-categories .top-category-list .category-tab .css-imrjgg-MuiButtonBase-root-MuiCheckbox-root{padding:5px 10px 5px 5px;margin:0}.mobile-categories .top-category-list .category-tab span.expand-icon{color:rgba(var(--primary-color),.5);transition:transform .2s}.mobile-categories .top-category-list .category-tab span.expand-icon.expanded{transform:rotate(90deg)}.mobile-categories .top-category-list .category-tab .category-button{background:none;border:none;font-size:.95rem;text-align:left;flex:1 1;color:inherit;cursor:pointer;font-weight:400;padding:2px 0;margin:0}.mobile-categories .top-category-list .nested-wrapper{list-style:none;padding-left:10px;margin:5px 0 0 5px;border-left:1px solid rgba(var(--primary-color),.1)}.mobile-categories .top-category-list .nested-wrapper li{margin-bottom:4px;position:relative}.mobile-categories .top-category-list .nested-wrapper li:before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:1px;background:rgba(var(--primary-color),.2)}.mobile-categories .top-category-list .nested-wrapper .category-tab{padding:8px 10px 8px 12px}.mobile-categories .top-category-list .nested-wrapper .category-tab.selected{background:rgba(var(--primary-color),.04)}.mobile-categories-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;flex-direction:column;justify-content:flex-end}.mobile-categories-overlay .mobile-categories-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:-1}.mobile-categories-overlay .mobile-categories-content{min-height:60vh;max-height:90vh;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 12px rgba(0,0,0,.15);animation:mCatslideUp .3s ease-out;overflow-y:auto;position:relative}.mobile-categories-overlay .mobile-categories-content .m-cat-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee;position:-webkit-sticky;position:sticky;top:0;z-index:99;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px}.mobile-categories-overlay .mobile-categories-content .m-cat-header h4{color:#333;font-size:16px;font-weight:600}.mobile-categories-overlay .mobile-categories-content .m-cat-header button{background:none;border:none;font-size:16px;cursor:pointer}.mobile-categories-overlay .mobile-categories-content .mobile-categories{padding:0 12px 120px}@keyframes mCatslideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.invoice-items-wrapper{flex:1 1;overflow-y:auto;background-color:#f8f7fa}.invoice-items-wrapper .searchbar-desktop,.invoice-items-wrapper .searchbar-mobile{margin-bottom:20px;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);z-index:999}.invoice-items-wrapper .searchbar-desktop .searchbar-container,.invoice-items-wrapper .searchbar-mobile .searchbar-container{background-color:#fff;display:flex;align-items:center;gap:5px;border:1px solid #efefef;border-radius:5px;padding:0 10px}.invoice-items-wrapper .searchbar-desktop .searchbar-container input,.invoice-items-wrapper .searchbar-mobile .searchbar-container input{width:100%;border:none;padding:8px;outline:none;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{display:flex;gap:10px;margin-left:auto}.invoice-items-wrapper .searchbar-desktop .searchbar-container .icon-buttons .circle-btn,.invoice-items-wrapper .searchbar-mobile .searchbar-container .icon-buttons .circle-btn{width:32px;height:32px;border-radius:50%;background:#f1f1f1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.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{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center}.invoice-items-wrapper .searchbar-mobile{display:none}.invoice-items-wrapper .no-items{padding:40px 20px;text-align:center;color:#6c757d;font-size:16px}.invoice-items-wrapper .item{position:relative;transition:all .3s ease}.invoice-items-wrapper .item.in-cart{border:1px solid rgba(76,175,79,.4039215686)!important}.invoice-items-wrapper .item.in-cart .item-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(76,175,80,.1)}.invoice-items-wrapper .item .item-selected-indicator{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;padding:5px}.invoice-items-wrapper .item .checkmark-circle{width:18px;height:18px;background-color:#384b70;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.invoice-items-wrapper .item .checkmark-icon{font-size:10px}.invoice-items-wrapper .item .item-qty-count{font-size:12px;font-weight:600}.invoice-items-wrapper .item-list.grid-view{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:30px;padding:0 10px 120px}.invoice-items-wrapper .item-list.grid-view .item{background:#fff;border-radius:5px;overflow:hidden;border:1px solid #efefef;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.invoice-items-wrapper .item-list.grid-view .item:hover{transform:translateY(-2px)}.invoice-items-wrapper .item-list.grid-view .item .item-image{position:relative;width:100%;max-height:70px;background:#f9f9f9;display:flex;align-items:center;justify-content:center}.invoice-items-wrapper .item-list.grid-view .item .item-image img{object-fit:contain;width:100%;height:100%;mix-blend-mode:multiply}.invoice-items-wrapper .item-list.grid-view .item .item-details{padding:12px;flex-grow:1;display:flex;flex-direction:column}.invoice-items-wrapper .item-list.grid-view .item .item-details .item-name{margin:0 0 5px;font-size:14px;font-weight:600;color:var(--primary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-items-wrapper .item-list.grid-view .item .item-details .item-price{margin:auto 0 0;font-weight:700;color:var(--primary-light);font-size:14px}.invoice-items-wrapper .item-list.list-view{list-style:none;padding:0 10px;display:flex;flex-direction:column;gap:10px}.invoice-items-wrapper .item-list.list-view .item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:all .2s;cursor:pointer;display:flex;height:100px}.invoice-items-wrapper .item-list.list-view .item:hover{box-shadow:0 3px 10px rgba(0,0,0,.1)}.invoice-items-wrapper .item-list.list-view .item .item-image{position:relative;width:100px;min-width:100px;background:#f5f5f5;overflow:hidden}.invoice-items-wrapper .item-list.list-view .item .item-image .item-image-img{object-fit:cover;width:100%;height:100%}.invoice-items-wrapper .item-list.list-view .item .cart-navs{position:absolute;bottom:10px;right:10px;display:flex;gap:8px}.invoice-items-wrapper .item-list.list-view .item .cart-navs button{width:24px;height:24px;border-radius:50%;background:hsla(0,0%,100%,.9);border:none;display:flex;justify-content:center;align-items:center;color:#495057;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s}.invoice-items-wrapper .item-list.list-view .item .cart-navs button:hover{background:#fff;color:#dc3545}.invoice-items-wrapper .item-list.list-view .item .cart-navs button.filled{color:#dc3545}.invoice-items-wrapper .item-list.list-view .item .cart-navs button svg{width:12px;height:12px}.invoice-items-wrapper .item-list.list-view .item .item-details{padding:12px 15px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.invoice-items-wrapper .item-list.list-view .item .item-details .item-name{margin:0 0 6px;font-size:15px;font-weight:600;color:#212529;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.invoice-items-wrapper .item-list.list-view .item .item-details .item-price{margin:0;font-weight:700;color:#2c3e50;font-size:15px}.unit-modal-content,.variant-modal-content{display:flex;flex-direction:column;gap:0}.unit-modal-content .variant-details,.variant-modal-content .variant-details{text-align:center;margin-bottom:20px}.unit-modal-content .variant-details .variant-selector,.variant-modal-content .variant-details .variant-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;position:relative}.unit-modal-content .variant-details .variant-selector .variant-name,.variant-modal-content .variant-details .variant-selector .variant-name{font-size:14px;color:#333;margin-bottom:6px;font-weight:500;padding:10px 20px;border:1px solid #efefef;cursor:pointer;border-radius:5px}.unit-modal-content .variant-details .variant-selector .variant-name.selected,.variant-modal-content .variant-details .variant-selector .variant-name.selected{background-color:var(--primary-color);color:#fff}.unit-modal-content .variant-details .variant-price,.variant-modal-content .variant-details .variant-price{font-size:18px;font-weight:700;color:var(--primary-color);letter-spacing:-.5px}.unit-modal-content .unit-price-option,.variant-modal-content .unit-price-option{margin:0 0 20px;padding:12px 16px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;transition:all .2s ease}.unit-modal-content .unit-price-option:hover,.variant-modal-content .unit-price-option:hover{background:#f1f3f5}.unit-modal-content .unit-price-option label,.variant-modal-content .unit-price-option label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#212529;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.unit-modal-content .unit-price-option input[type=checkbox],.variant-modal-content .unit-price-option input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.unit-modal-content .unit-price-option .unit-controls,.variant-modal-content .unit-price-option .unit-controls{margin-top:12px;animation:fadeInUnit .2s ease-out}@keyframes fadeInUnit{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.unit-modal-content .unit-price-option .unit-price-display,.variant-modal-content .unit-price-option .unit-price-display{margin-top:10px;padding:8px 12px;background:#fff;border-radius:5px;font-size:14px;border-left:3px solid var(--primary-color);color:#495057;font-weight:400}.unit-modal-content .unit-price-option .unit-price-display strong,.variant-modal-content .unit-price-option .unit-price-display strong{color:#212529;font-weight:500}.unit-modal-content .unit-price-option .unit-quantity-input,.variant-modal-content .unit-price-option .unit-quantity-input{display:flex;align-items:center;gap:10px;margin-top:10px}.unit-modal-content .unit-price-option .unit-quantity-input label,.variant-modal-content .unit-price-option .unit-quantity-input label{font-size:13px;color:#495057;font-weight:500}.unit-modal-content .unit-price-option .unit-quantity-input input,.variant-modal-content .unit-price-option .unit-quantity-input input{width:80px;padding:6px 10px;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.unit-modal-content .unit-price-option .unit-quantity-input input:focus,.variant-modal-content .unit-price-option .unit-quantity-input input:focus{outline:2px solid #efefef;border-color:var(--primary-color)}.add-to-cart-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border:none;padding:10px;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.add-to-cart-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);transform:rotate(30deg);transition:all .5s}.add-to-cart-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725);background:linear-gradient(135deg,rgb(50,67,101),rgb(156,185,208))}.add-to-cart-button:hover:before{left:100%}.add-to-cart-button:active{transform:translateY(0)}.add-to-cart-button:disabled{background:#f3f3f3;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.add-to-cart-button svg{width:16px;height:16px;stroke-width:2.5px}.checkout-panel{max-width:450px;width:100%;background:#fff;border-left:1px solid #efefef;display:flex;flex-direction:column;overflow:scroll;position:relative}.checkout-panel .checkout{position:relative;flex:1 1;overflow-y:auto}.checkout-panel .form-group input{padding:8px 12px;font-size:16px;border-radius:5px;border:1px solid #efefef;width:100%}.checkout-panel .form-group input:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.checkout-panel .form-group input::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.checkout-panel .tabs{display:flex;border-bottom:1px solid #e5e7eb;padding-bottom:0;margin-bottom:16px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.checkout-panel .tab{flex:1 1;padding:14px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease;color:#6b7280;font-size:15px;position:relative}.checkout-panel .tab,.checkout-panel .tab .cart-badge{display:flex;justify-content:center;align-items:center}.checkout-panel .tab .cart-badge{position:absolute;top:-8px;right:-12px;padding:2px 6px;background:#dc3545;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px}.checkout-panel .tab:hover{color:var(--primary-color);background-color:#f9fafb}.checkout-panel .tab.active{background:rgba(0,0,0,0);color:var(--primary-color)}.checkout-panel .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--primary-color);border-radius:3px 3px 0 0}.checkout-panel .inner-tabs{display:flex;justify-content:space-between;border-radius:5px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:10px}.checkout-panel .inner-tab{flex:1 1;display:flex;justify-content:center;align-items:center;padding:10px 12px;border:none;background-color:#f9fafb;cursor:pointer;font-weight:500;color:#6b7280;font-size:14px;transition:all .2s}.checkout-panel .inner-tab.active{background-color:var(--primary-color);color:#fff}.checkout-panel .inner-tab.danger{background-color:#fee2e2;color:#dc2626;display:flex;align-items:center;gap:6px}.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{border-radius:5px;width:100%;padding:8px 12px;font-size:16px;background-color:rgba(0,0,0,0);color:#3c3939}.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 label{letter-spacing:.4px;color:#333;font-size:13px;font-weight:400}.checkout-panel .total-section{margin-top:15px;padding:10px;border-radius:5px;border:1px solid #efefef;font-size:14px;line-height:25px}.checkout-panel .total-section .total-row{display:flex;justify-content:space-between;margin-bottom:5px;color:#2c2b2e}.checkout-panel .total-section .total-row.subtotal{border-top:1px dashed #ccc;padding-top:5px;margin-top:5px}.checkout-panel .total-section .total-row.grand-total{font-weight:700;font-size:16px;color:var(--primary-color);border-top:1px solid #ccc;padding-top:8px;margin-top:8px}.checkout-panel .no-bank-acc-found{margin-top:10px;color:#ff4c51}.checkout-panel .cart-items-list{display:flex;flex-direction:column;gap:10px;margin:0 8px}.checkout-panel .cart-items-list .cart-item-row{border:1px solid #e0e0e0;padding:6px;border-radius:5px;background-color:#fff;display:flex;gap:16px}.checkout-panel .cart-items-list .cart-item-row .item-image-container{flex-shrink:0}.checkout-panel .cart-items-list .cart-item-row .item-image-container .item-image-placeholder{width:50px;height:50px;border-radius:5px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:700;font-size:20px}.checkout-panel .cart-items-list .cart-item-row .item-image-container img{cursor:zoom-in;object-fit:contain}.checkout-panel .cart-items-list .cart-item-row .image-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.219);display:flex;justify-content:center;align-items:center;z-index:999999;cursor:zoom-out}.checkout-panel .cart-items-list .cart-item-row .image-popup-overlay .image-popup-content{position:relative;background:#fff;padding:20px;border-radius:5px;max-width:800px;width:100%;height:600px}.checkout-panel .cart-items-list .cart-item-row .image-popup-overlay .image-popup-content img{width:100%;height:100%;object-fit:contain}.checkout-panel .cart-items-list .cart-item-row .image-popup-overlay .image-popup-content .close-popup{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#333;z-index:9999999}.checkout-panel .cart-items-list .cart-item-row .image-popup-overlay .image-popup-content .close-popup:hover{color:#000}.checkout-panel .cart-items-list .cart-item-row .item-details{flex-grow:1;display:flex;flex-direction:column;gap:6px}.checkout-panel .cart-items-list .cart-item-row .item-details .item-header{display:flex;justify-content:space-between;align-items:center}.checkout-panel .cart-items-list .cart-item-row .item-details .item-name{font-weight:600;font-size:14px;color:#222}.checkout-panel .cart-items-list .cart-item-row .item-details .item-controls{display:flex;justify-content:space-between;align-items:center}.checkout-panel .cart-items-list .cart-item-row .item-details .quantity-control{display:flex;align-items:center;gap:6px}.checkout-panel .cart-items-list .cart-item-row .item-details .item-quantity-btn{width:24px;height:24px;border-radius:5px;border:none;background-color:var(--primary-color);color:#fff;font-size:14px;cursor:pointer}.checkout-panel .cart-items-list .cart-item-row .item-details .item-quantity-btn:disabled{background-color:var(--primary-light);cursor:not-allowed}.checkout-panel .cart-items-list .cart-item-row .item-details .item-price{font-weight:600;font-size:14px;color:#333}.checkout-panel .cart-items-list .cart-item-row .item-details .delete-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:14px}.checkout-panel .cart-items-list .cart-item-row .item-details .delete-btn:hover{color:#e11d48}.checkout-panel .empty-cart-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 10px;color:#888}.checkout-panel .empty-cart-message p{margin-top:10px;font-size:16px}.checkout-panel .toggle-total-outer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;cursor:pointer;font-weight:700;border-bottom:1px solid #efefef;background-color:#fafafa;margin-top:20px;padding:10px;border-radius:5px 5px 0 0}.checkout-panel .sectionToggle{display:flex;align-items:center;gap:8px;color:var(--primary-color)}.checkout-panel .sectionToggle:hover{color:var(--primary-light)}.checkout-panel .payment-section{background:#fafafa;border-radius:0 0 5px 5px;padding:20px 10px;display:flex;flex-direction:column;gap:10px}.checkout-panel .payment-section input[type=number]{height:30px;max-width:60%;font-size:14px;border:1px solid #efefef;border-radius:5px!important;outline:none;padding:10px 12px}.checkout-panel .payment-section input[type=number]:focus{border-color:var(--primary-light)}.checkout-panel .discount-input-container{margin-top:10px;display:flex;flex-direction:column}.checkout-panel .discount-input-container label{font-size:14px;margin-bottom:5px;font-weight:500;color:#333}.checkout-panel .section-group{display:flex;flex-direction:column;gap:0}.checkout-panel .section-title{font-size:14px;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin:10px 0}.checkout-panel .options-row{display:flex;gap:10px 20px;flex-wrap:wrap}.checkout-panel .custom-checkbox,.checkout-panel .custom-radio{position:relative;padding-left:28px;cursor:pointer;font-size:14px;color:#2c2b2e;display:inline-flex;align-items:center}.checkout-panel .custom-checkbox input,.checkout-panel .custom-radio input{position:absolute;opacity:0;cursor:pointer}.checkout-panel .checkmark,.checkout-panel .radiomark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;border-radius:4px;background-color:#f3f4f6;border:1.5px solid #ccc}.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{display:flex;flex-direction:column;gap:10px}.checkout-panel .form input,.checkout-panel .form textarea{padding:10px 12px;border:1px solid #efefef;border-radius:5px}.checkout-panel .form input:hover,.checkout-panel .form textarea:hover{border-color:#999}.checkout-panel .form textarea{resize:vertical}.checkout-panel .tax-section{padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.checkout-panel .tax-section h4{font-size:20px;font-weight:600;margin-bottom:15px;color:#333}.checkout-panel .tax-details{display:flex;flex-direction:column;gap:12px}.checkout-panel .tax-item{display:flex;justify-content:space-between;font-size:16px;color:#333}.checkout-panel .tax-item span:last-child{font-weight:700}.checkout-panel .actions{display:flex;gap:10px;margin-top:20px}.checkout-panel .btn{color:#fff;cursor:pointer;background:var(--primary-color);border:none;border-radius:5px;flex:1 1;padding:8px 12px;font-size:16px;letter-spacing:.4px;transition:background-color .3s;white-space:nowrap}.checkout-panel .btn:hover{background-color:var(--primary-light)}.close-checkout-btn{display:none!important}.creat-inv-page.fullView .invoice-items-wrapper .item-list.grid-view{grid-template-columns:repeat(4,1fr)}@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){.invoice-items-wrapper .item-list.grid-view .item .item-details{padding:5px 10px}.invoice-items-wrapper .searchbar-container{background-color:#fff;display:flex;align-items:center;gap:10px;border-radius:8px;padding:8px 15px}.invoice-items-wrapper .searchbar-desktop{display:none}.invoice-items-wrapper .searchbar-mobile{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:999;background-color:#fff;padding:10px;margin:auto auto 10px}.invoice-items-wrapper .searchbar-mobile .searchbar-container{margin-bottom:0;height:45px}.invoice-items-wrapper .searchbar-mobile .searchbar-container input{height:35px}.desktop-categories,.desktop-category-wrapper{display:none}.mobile-categories{display:block}.invoice-header-top{display:none}.mobile-categories-overlay{position:absolute}}@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}.cats-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #efefef;flex-direction:row;overflow-x:auto;white-space:nowrap}.cats-sidebar .category-tab{min-width:120px}.checkout-panel{width:100%;max-width:100%;border-left:none;border-top:1px solid #efefef;overflow:hidden}.checkout-panel .cart-items-list{margin:0}.checkout-panel .tabs{position:-webkit-sticky;position:sticky;top:0;z-index:9999;padding:0}.inner-tab.danger span{display:none}.checkout-panel .inner-tab,.checkout-panel .tab{padding:8px;font-size:14px}.autoView .fullView-content,.fullView-content{padding:0;background-color:rgba(0,0,0,0);box-shadow:none;border-radius:0}.invoice-items-wrapper .item-list.grid-view .item .item-details{padding:5px 10px}.invoice-items-wrapper .item-list.grid-view .item .item-details .item-name{font-size:14px}.invoice-items-wrapper .item-list.grid-view .item .item-details .item-price{font-size:12px}.invoice-items-wrapper .searchbar-container{background-color:#fff;display:flex;align-items:center;gap:10px;border-radius:8px;padding:8px 15px}.invoice-items-wrapper .searchbar-desktop{display:none}.invoice-items-wrapper .searchbar-mobile{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:999;background-color:#fff;padding:10px;margin:auto auto 10px}.invoice-items-wrapper .searchbar-mobile .searchbar-container{margin-bottom:0;height:45px}.invoice-items-wrapper .searchbar-mobile .searchbar-container input{height:35px}.desktop-categories,.desktop-category-wrapper{display:none}.mobile-categories{display:block}.checkout-panel.checkout-panel-overlay{position:absolute;top:0;right:0;bottom:0;width:100%;height:100vh;background:#fff;z-index:1000;box-shadow:-5px 0 15px rgba(0,0,0,.1);transform:translateX(101%);transition:transform .4s ease-in-out}.checkout-panel.checkout-panel-overlay.open{transform:translateX(0)}.checkout-panel.checkout-panel-overlay.closing{transform:translateX(101%)}.checkout-panel.checkout-panel-overlay .close-checkout-btn{display:block!important;cursor:pointer;background-color:#384b70;color:#fff;width:60px;max-width:60px}.invoice-header-top{display:none}}@media(max-width:768px){.checkout-panel .section-title{font-size:12px}.checkout-panel .discount-input-container label{margin-bottom:10px}.checkout-panel .inner-tab-content .client-form{padding:0}.checkout-panel .inner-tab-content .client-form .form-group{gap:5px;margin-bottom:10px}.checkout-panel .inner-tab-content .client-form .form-group label{font-size:12px;font-weight:500;color:var(--primary-color)}.checkout-panel .inner-tab-content .client-form .form-group input{height:32px}.checkout-panel .no-bank-acc-found{margin:0;font-size:12px}.checkout-panel .custom-checkbox,.checkout-panel .custom-radio{font-size:13px;padding-left:20px}.checkout-panel .custom-checkbox .checkmark,.checkout-panel .custom-checkbox .radiomark,.checkout-panel .custom-radio .checkmark,.checkout-panel .custom-radio .radiomark{width:14px;height:14px}.checkout-panel .custom-checkbox input:checked~.checkmark,.checkout-panel .custom-checkbox input:checked~.radiomark,.checkout-panel .custom-radio input:checked~.checkmark,.checkout-panel .custom-radio input:checked~.radiomark{box-shadow:inset 0 0 0 3px #fff}.checkout-panel .bank-account-selection label,.checkout-panel .credit-options label{font-size:12px}.checkout-panel .bank-account-selection select{margin-top:5px}.checkout-panel .toggle-total-outer .sectionToggle{font-size:14px;gap:2px;white-space:nowrap}.checkout-panel .toggle-total-outer .total{white-space:nowrap;font-size:14px;display:flex;justify-content:flex-end;flex:1 1}.inner-tabs .danger{font-size:0}.inner-tabs .danger svg{font-size:20px;width:50%}.checkout-panel .cart-labels{font-size:12px}.checkout-panel .cart-labels .searchbar-desktop{display:none}.checkout-panel .cart-labels .searchbar-mobile{display:block}.pos-wrapper{flex-direction:column;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;padding:0 0 60px}.invoice-items-wrapper .item-list.grid-view{grid-template-columns:repeat(3,1fr);padding-bottom:10px}.invoice-items-wrapper .item-list.grid-view .item .item-image{max-height:50px;margin:auto}.invoice-items-wrapper .item-list.list-view{padding:10px}.invoice-items-wrapper .item-list.list-view .item{height:60px}.invoice-items-wrapper .item-list.list-view .item .item-image{width:60px;min-width:60px}.invoice-items-wrapper .item-list.list-view .item .item-details{padding:8px 12px;justify-content:flex-start}.invoice-items-wrapper .item-list.list-view .item .item-details .item-name{font-size:14px;overflow:visible}.invoice-items-wrapper .item-list.list-view .item .item-details .item-price{font-size:12px;color:var(--primary-light)}.cats-sidebar .category-tab{font-size:13px;padding:8px}.cart-navs{padding:6px;gap:6px}.cart-navs button svg{width:14px;height:14px;cursor:pointer}.checkout-panel .actions{flex-wrap:wrap}.checkout-panel .actions .btn{font-size:14px;padding:8px;white-space:nowrap}}@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}.cats-sidebar .category-tab{font-size:12px;min-width:100px}.checkout-panel .sectionToggle{font-size:13px}.slider-image{height:200px}.confirm-btn{font-size:14px;padding:8px}.invoice-items-wrapper .item-list.grid-view{grid-template-columns:repeat(2,1fr)}}.navigation .invoice-nav-section .invoice-nav-buttons{list-style-type:none;padding-left:0;display:flex;gap:20px}.navigation .invoice-nav-section .invoice-nav-buttons a{text-decoration:none}.invoice-form{padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:5px}.form-label{display:block;font-size:14px;font-weight:600;color:#2c2b2e;margin-bottom:8px}.form-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.item-group{position:relative;background-color:#f9f9f9;padding:16px;margin-bottom:16px;border-radius:5px;border:1px solid #e0e0e0}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.autocomplete-list{position:absolute;z-index:10;background-color:#fff;border:1px solid #ddd;width:100%;max-height:150px;overflow-y:auto}.autocomplete-item{padding:8px;cursor:pointer}.autocomplete-item:hover{background-color:#f1f1f1}.flex-between{display:flex;justify-content:space-between;align-items:center}.subtotal{font-size:14px;color:#666}.remove-item{color:red;position:absolute;top:0;right:0}.add-item-btn,.remove-item{font-size:14px;cursor:pointer}.add-item-btn{background-color:var(--primary-color);color:#fff;padding:8px 16px;border-radius:5px;border:none}.add-item-btn:hover{background-color:#01a601}.submit-btn{background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:5px;border:none;font-size:15px;cursor:pointer}.submit-btn:disabled{background-color:#6c757d}.quantity-controls{display:flex;align-items:center;gap:8px}.quantity-btn{background-color:#f1f1f1;border:1px solid #ccc;border-radius:5px;width:30px;height:30px;font-size:18px;color:#333;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.quantity-btn:hover{background-color:#e0e0e0}.quantity-btn:disabled{background-color:#dcdcdc;cursor:not-allowed}.quantity-display{font-size:16px;font-weight:600;color:#333}.item-field{display:flex;flex-direction:column}.item-field input{margin-top:4px;padding:8px;border-radius:5px;border:1px solid #ddd;font-size:14px}.item-field label{margin-bottom:6px;font-size:14px;color:#666}.all-invoice-table-container .invoice-v-d-button-container{display:flex;gap:10px;justify-content:center}.quotation-form{padding:1rem;background:#fff;border-radius:5px;font-family:DMSans,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.05)}.quotation-form .form-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-color)}.quotation-form .form-body{display:flex;flex-direction:column;gap:1rem}.quotation-form .form-body .quotation-form-wrapper{display:flex;justify-content:space-between;gap:10px}.quotation-form .form-group{width:100%}.quotation-form .form-group label{letter-spacing:.4px;color:#333;font-size:13px;font-weight:400;display:block}.quotation-form .form-group input{width:100%;padding:8px 12px;border:1px solid #efefef;border-radius:5px;outline:none;transition:border-color .2s}.quotation-form .form-group input:focus{border-color:var(--primary-light)}.quotation-form .item-row{align-items:center;grid-gap:10px;gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.quotation-form .item-row input{padding:10px 12px;border-radius:5px;border:1px solid #efefef;width:100%}.quotation-form .remove-btn{grid-column:span 3;text-align:right;font-size:.85rem;color:#e74c3c;background:none;border:none;cursor:pointer}.quotation-form .add-item-btn{color:var(--primary-color);background:none;border:1px solid var(--primary-color);width:-moz-fit-content;width:fit-content;padding:8px 12px;font-weight:500;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;justify-content:center}.quotation-form .quotation-total,.quotation-form .tax-amount{color:#01a601}.quotation-form .summary{text-align:right;color:#2c2b2e;display:flex;font-weight:600;letter-spacing:.4px;flex-direction:column;gap:10px}.quotation-form .total{margin-top:15px;padding-bottom:5px}.quotation-form .quotation-submit-btn-outer{display:flex;justify-content:flex-end}.quotation-form .quotation-submit-btn-outer .submit-btn{background:var(--primary-color);color:#fff;padding:.6rem 1.2rem;border:none;border-radius:5px;font-weight:700;cursor:pointer;width:-moz-fit-content;width:fit-content}.quotation-form .quotation-submit-btn-outer .submit-btn:hover{background-color:var(--primary-light);color:#fff}.quotation-form .submit-btn:disabled{background:#ccc;cursor:not-allowed}.quotation-form .success-msg{color:#2ecc71;font-weight:500;margin-top:1rem}@media(max-width:1568px){.quotation-form .form-body .quotation-form-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.5rem;gap:.5rem;display:grid}}@media(max-width:1024px){.quotation-form .form-body{gap:1rem}.quotation-form .item-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quotation-form .remove-btn{grid-column:span 2;text-align:left}}@media(max-width:768px){.quotation-form{padding:.8rem}.quotation-form .form-body{gap:1rem}.quotation-form .form-group{width:100%}.quotation-form .remove-btn{grid-column:span 1;text-align:left}.quotation-form .summary{text-align:left;font-size:.95rem}.quotation-form .quotation-submit-btn-outer{justify-content:center}.quotation-form .quotation-submit-btn-outer .submit-btn{width:100%}}@media(max-width:480px){.quotation-form .form-title{font-size:1.25rem}.quotation-form .item-row{display:flex;flex-direction:column}.quotation-form .submit-btn,.quotation-form .summary{font-size:.9rem}}.quotation-container{font-family:DMSans,sans-serif;background-color:#f8f9fa}.quotation-container .quotation-card{background:#fff;border-radius:5px;padding:2rem;box-shadow:0 6px 20px rgba(0,0,0,.06);border:1px solid #e0e0e0}.quotation-container .quotation-card .quotation-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary-color);margin-bottom:1.5rem;padding-bottom:5px}.quotation-container .quotation-card .quotation-header h1{color:var(--primary-color);margin:0}.quotation-container .quotation-card .quotation-header .quotation-dates span{display:block;font-size:.9rem;color:var(--primary-color)}.quotation-container .quotation-card .client-info{margin-bottom:1.5rem}.quotation-container .quotation-card .client-info p{margin:.3rem 0}.quotation-container .quotation-card .client-info .company-name{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.quotation-container .quotation-card .quotation-items table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.quotation-container .quotation-card .quotation-items table thead th{padding:.75rem;text-align:left;background-color:#f0f0f0;color:#333;border-bottom:2px solid #ccc}.quotation-container .quotation-card .quotation-items table tbody td{padding:.75rem;text-align:left;border-bottom:1px solid #ccc;cursor:default}.quotation-container .quotation-card .quotation-summary{margin-top:1rem}.quotation-container .quotation-card .quotation-summary .summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed var(--primary-color)}.quotation-container .quotation-card .quotation-summary .summary-row span .tax{color:green}.quotation-container .quotation-card .quotation-summary .summary-row.total{font-weight:700;margin-top:1rem;padding-top:1rem}.quotation-container .quotation-card .quotation-summary .summary-row.total .quotation-grand-total{color:#01a601}.quotation-container .quotation-card .quotation-footer{margin-top:2rem;text-align:center;font-weight:700;color:var(--primary-color)}.quotations-download-btn{background-color:rgba(0,0,0,0);color:var(--primary-color);padding:5px 15px;border:2px solid var(--primary-color);border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px}.quotations-download-btn:hover{background-color:var(--primary-color);color:#fff}.invoice-view-container{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative;overflow:hidden;padding:20px;border-radius:5px}.invoice-view-container:after,.invoice-view-container:before{content:"";position:absolute;width:100%;height:120px;left:0;background-repeat:no-repeat;background-size:cover;z-index:0;opacity:.05}.invoice-view-container:before{top:0;background-image:url(/_next/static/media/headersvg.51f8e635.svg)}.invoice-view-container:after{background-image:url(/_next/static/media/bottomsvgtwo.5054224b.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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:120px;font-weight:900;color:rgba(56,75,112,.05);z-index:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.invoice-view-container .invoice-header{padding:15px 0;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.invoice-view-container .invoice-header .header-left .invoice-title{font-size:24px;font-weight:600;color:#384b70;margin:0 0 5px;text-transform:uppercase;letter-spacing:1px}.invoice-view-container .invoice-header .header-left .invoice-meta{display:flex;gap:15px;font-size:13px}.invoice-view-container .invoice-header .header-left .invoice-meta .invoice-number{color:#ff4c51;font-weight:600;background:rgba(255,76,81,.1);padding:2px 8px;border-radius:4px}.invoice-view-container .invoice-header .header-left .invoice-meta .invoice-date{color:#666;display:flex;align-items:center}.invoice-view-container .invoice-header .header-right{display:flex;flex-direction:column;align-items:center;gap:10px}.invoice-view-container .invoice-header .header-right img{border-radius:50%;cursor:pointer}.invoice-view-container .invoice-header .header-right .invoice-status-badge{background:#e8f5e9;color:#01a601;padding:2px 12px;border-radius:5px;font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:.5px}.invoice-view-container .invoice-parties{display:flex;padding:20px 0;border-bottom:1px solid #e0e0e0;position:relative;z-index:1}.invoice-view-container .invoice-parties .invoice-client,.invoice-view-container .invoice-parties .invoice-issuer{flex:1 1;padding:0 15px}.invoice-view-container .invoice-parties .invoice-client:first-child,.invoice-view-container .invoice-parties .invoice-issuer:first-child{padding-left:0}.invoice-view-container .invoice-parties .invoice-client:last-child,.invoice-view-container .invoice-parties .invoice-issuer:last-child{padding-right:0}.invoice-view-container .invoice-parties .invoice-client .section-title,.invoice-view-container .invoice-parties .invoice-issuer .section-title{font-size:14px;color:#384b70;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #eee;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-view-container .invoice-parties .invoice-client .client-name,.invoice-view-container .invoice-parties .invoice-client .issuer-name,.invoice-view-container .invoice-parties .invoice-issuer .client-name,.invoice-view-container .invoice-parties .invoice-issuer .issuer-name{font-weight:600;margin:0 0 8px;font-size:14px;text-transform:capitalize}.invoice-view-container .invoice-parties .invoice-client .client-detail,.invoice-view-container .invoice-parties .invoice-client .issuer-detail,.invoice-view-container .invoice-parties .invoice-issuer .client-detail,.invoice-view-container .invoice-parties .invoice-issuer .issuer-detail{color:#666;margin:0 0 5px;font-size:13px;display:flex;text-transform:capitalize}.invoice-view-container .invoice-parties .invoice-client .client-detail strong,.invoice-view-container .invoice-parties .invoice-client .issuer-detail strong,.invoice-view-container .invoice-parties .invoice-issuer .client-detail strong,.invoice-view-container .invoice-parties .invoice-issuer .issuer-detail strong{margin-right:5px;font-weight:600}.invoice-view-container .invoice-parties .invoice-client{border-right:1px solid #eee}.invoice-view-container .invoice-items{padding:15px 0;position:relative;z-index:1;overflow-x:auto}.invoice-view-container .invoice-summary{padding:15px 0;display:flex;justify-content:flex-end;position:relative;z-index:1}.invoice-view-container .invoice-summary .summary-totals{width:300px}.invoice-view-container .invoice-summary .summary-totals .total-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;padding:3px 0}.invoice-view-container .invoice-summary .summary-totals .total-row.out-standings{font-weight:500;font-size:14px}.invoice-view-container .invoice-summary .summary-totals .total-row.grand-total{font-weight:600;font-size:15px;margin-top:10px;padding-top:10px;border-top:2px solid #eee}.invoice-view-container .invoice-footer{padding:20px 0 10px;text-align:center;font-size:12px;color:#666;position:relative;z-index:1;border-top:1px solid #eee;margin-top:15px}.invoice-view-container .invoice-footer a{color:#666}.invoice-view-container .invoice-footer .footer-notes p{margin:3px 0;line-height:1.5}@media(max-width:768px){.invoice-view-container{padding:15px}.invoice-view-container .invoice-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0}.invoice-view-container .invoice-header .header-right{width:100%;flex-direction:row;justify-content:space-between;margin-top:10px}.invoice-view-container .invoice-header .header-right img{width:32px;height:32px}.invoice-view-container .invoice-parties{flex-direction:column;gap:20px;padding:15px 0}.invoice-view-container .invoice-parties .invoice-client,.invoice-view-container .invoice-parties .invoice-issuer{padding:0}.invoice-view-container .invoice-parties .invoice-client .invoice-client,.invoice-view-container .invoice-parties .invoice-issuer .invoice-client{border-right:none;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.invoice-view-container .invoice-summary .summary-totals{width:100%}.invoice-view-container .invoice-items th{font-size:14px}.invoice-view-container .invoice-items td{font-size:12px}.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-view-container{background-color:#fff;padding:20px;border-radius:5px}.customer-view-container .customer-card{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px}.customer-view-container .customer-card .customer-info{font-size:15px;color:#555;display:flex;align-items:center;gap:10px}.customer-view-container .customer-card .customer-info .info-icon{color:#384b70;font-size:18px;min-width:24px}.customer-view-container .invoice-section h3{border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:20px}.customer-view-container .action-icon,.customer-view-container .invoice-section h3 .section-icon{color:#384b70}@media(max-width:768px){.customer-view-container{padding:10px}}.pay-credit-container{padding:20px;background-color:#fff;border-radius:5px}.pay-credit-container .payment-method-options{display:flex;gap:1rem;margin-top:.5rem}.pay-credit-container .payment-method-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;cursor:pointer}.pay-credit-container .payment-method-option input[type=radio]{margin-right:.5rem}.pay-credit-container .method-icon{font-size:1.2rem}.pay-credit-container .payment-history-section{margin-top:2rem;padding:1rem;border:1px solid #eee;border-radius:8px}.pay-credit-container .payment-history-section h3{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pay-credit-container .customer-card{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px}.pay-credit-container .customer-card .customer-info{font-size:15px;color:#555;display:flex;align-items:center;gap:10px}.pay-credit-container .customer-card .customer-info .info-icon{color:#384b70;font-size:18px;min-width:24px}.pay-credit-container .credit-section{margin-bottom:24px}.pay-credit-container .credit-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#2f405f;display:flex;align-items:center;gap:10px}.pay-credit-container .credit-section h3 .section-icon{color:#384b70}.pay-credit-container .credit-section .total-due-row{display:flex;align-items:center;gap:10px;padding:12px;background-color:rgba(145,224,125,.4156862745);border-radius:5px;margin-top:16px;font-weight:700}.pay-credit-container .credit-section .total-due-row .total-icon{color:#01a601;font-size:18px}.pay-credit-container .credit-section .total-due-row .total-due-amount{color:#01a601;font-size:16px;margin-left:auto}.pay-credit-container .payment-form{display:flex;flex-direction:column;gap:16px;background:#f8f9fc;padding:20px;border-radius:6px;border:1px solid #efefef}.pay-credit-container .payment-form .form-group{display:flex;flex-direction:column;gap:6px}.pay-credit-container .payment-form .form-label{font-weight:600;color:#999;font-size:13px}.pay-credit-container .payment-form .form-input,.pay-credit-container .payment-form .form-textarea{width:100%;padding:10px 12px;border:1px solid #efefef;border-radius:4px;font-size:14px;color:#2e2e2e;transition:all .3s;background-color:#fff}.pay-credit-container .payment-form .form-input:focus,.pay-credit-container .payment-form .form-textarea:focus{outline:none;border-color:#9cb9d0}.pay-credit-container .payment-form .form-textarea{min-height:80px;resize:vertical}.pay-credit-container .Payment-submit-btn-outer{display:flex;justify-content:flex-end;margin-top:12px}@media(max-width:768px){.pay-credit-container,.pay-credit-container .payment-form{padding:10px}}.pay-btn-outer .pay-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;color:#fff;background-color:var(--primary-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.08)}.pay-btn-outer .pay-btn svg{font-size:16px}.pay-btn-outer .pay-btn:hover{background-color:#324365;transform:translateY(-1px)}.pay-btn-outer .pay-btn:active{transform:scale(.97)}.pay-btn-outer .pay-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.credit-users-page{color:#333}.credit-users-page .customer-summary{background-color:#f8fafc;border-radius:5px;padding:10px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;justify-content:space-between;flex-wrap:wrap}.credit-users-page .customer-summary h2{font-size:24px;margin-bottom:12px;color:#1e293b}.credit-users-page .customer-summary p{margin:8px 0;display:flex;gap:8px}.credit-users-page .customer-summary p strong{font-weight:600;color:#475569}.credit-users-page .table-container{background-color:#fff;border-radius:5px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.credit-users-page .status-badge{padding:4px 8px;border-radius:5px;font-size:12px;font-weight:500;display:inline-block}.credit-users-page .status-paid{background-color:#dcfce7;color:#166534}.credit-users-page .status-pending{background-color:#fef9c3;color:#854d0e}.credit-users-page .status-overdue{background-color:#fee2e2;color:#991b1b}.credit-users-page .currency-value{font-family:Courier New,Courier,monospace;font-weight:600}@media(max-width:768px){.customer-summary{padding:16px}.customer-summary h2{font-size:20px}}.cashflow-container{width:100%}.cashflow-container .cashflow-tabs-container{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}.cashflow-container .cashflow-tabs-container::-webkit-scrollbar{height:4px;background:#dee9f2}.cashflow-container .cashflow-tabs-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}.cashflow-container .cashflow-tabs-container .cashflow-tabs{display:inline-flex;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);min-width:100%}.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button{display:flex;align-items:center;gap:10px;padding:10px 15px;font-size:14px;font-weight:500;color:#999;border:none;background:rgba(0,0,0,0);cursor:pointer;position:relative;white-space:nowrap}.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);font-weight:600;border-bottom:2px solid var(--primary-color)}@media(max-width:768px){.cashflow-container .cashflow-tabs-container .cashflow-tabs .tab-button{padding:8px 12px;flex:1 1;justify-content:center}.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{margin-bottom:20px;padding:10px;background-color:#fff;border:1px solid #efefef;border-radius:5px}.payment-history-container .filters-section .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.payment-history-container .filters-section .filters-header .filters-title{font-size:18px;color:#384b70;margin:0;display:flex;align-items:center}@media(max-width:480px){.payment-history-container .filters-section .filters-header .filters-title{font-size:16px}}.payment-history-container .filters-section .filters-header .filters-title .filter-icon{margin-right:8px;color:#384b70}.payment-history-container .filters-section .filters-header .clear-filters-btn{background:none;border:none;color:#384b70;font-size:14px;cursor:pointer}@media(max-width:480px){.payment-history-container .filters-section .filters-header .clear-filters-btn{font-size:12px}}.payment-history-container .filters-section .filters-header .clear-filters-btn:hover{color:#9cb9d0}.payment-history-container .filters-section .filters-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media(max-width:480px){.payment-history-container .filters-section .filters-grid{gap:10px}}.payment-history-container .filters-section .filters-grid .filter-group .filter-label{display:block;font-size:14px;color:#384b70;margin-bottom:5px}.payment-history-container .filters-section .filters-grid .filter-group .filter-select{width:100%;padding:8px 12px;border:1px solid #efefef;border-radius:5px;background-color:#fff;color:#384b70;font-size:14px}@media(max-width:480px){.payment-history-container .filters-section .filters-grid .filter-group .filter-select{padding:4px 8px}}.payment-history-container .filters-section .filters-grid .filter-group .filter-select:disabled{background-color:#f5f5f5;color:#999}.payment-history-container .payment-card{padding:15px;margin-bottom:15px;background-color:#fff;border:1px solid #efefef;border-radius:5px}.payment-history-container .payment-card .card-header{display:flex;justify-content:space-between;margin-bottom:10px}.payment-history-container .payment-card .card-header .invoice-number{font-size:16px;color:#384b70;margin:0}.payment-history-container .payment-card .card-header .invoice-date{font-size:14px;color:#666;margin:0}.payment-history-container .payment-card .card-body .invoice-amount{font-size:14px;color:#384b70;margin:0}.payment-history-container .table-container{width:100%;overflow-x:auto}.payment-history-container .table-container .table-header{background-color:#384b70;color:#fff}.payment-history-container .table-container .table-row:hover{background-color:#9cb9d0}.payment-history-container .table-container .pay-btn-outer .pay-btn{background-color:#384b70;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.payment-history-container .table-container .pay-btn-outer .pay-btn:hover{background-color:#9cb9d0}.expense-form .form-group{margin-bottom:15px;display:flex;flex-direction:column;gap:5px}.expense-form .form-group .file-input{width:100%}.expense-form .form-group input,.expense-form .form-group select,.expense-form .form-group textarea{padding:8px 12px;font-size:14px;font-weight:400;letter-spacing:.3px;border-radius:5px;border:1px solid #efefef}.expense-form .form-group input:focus,.expense-form .form-group select:focus,.expense-form .form-group textarea:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.expense-form .form-group input::placeholder,.expense-form .form-group select::placeholder,.expense-form .form-group textarea::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.expense-form .form-group .common-placeholder,.expense-form .form-group .select-field{font-size:14px;font-weight:400;letter-spacing:.3px}.expense-form .form-group .select-field{background-color:rgba(0,0,0,0)}.expense-form .form-group .select-field option{color:#333}.expense-form .form-group .common-placeholder{color:#ccc}.expense-form .form-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.expense-form .description-file-group{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media(max-width:768px){.expense-form .description-file-group{grid-template-columns:1fr}}.expense-form .description-file-group .upload-card,.expense-form .description-file-group textarea{height:60px}.expense-form .description-file-group .upload-card{position:relative;border-radius:5px;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed #efefef;padding:10px;text-align:center;cursor:pointer;overflow:hidden}.expense-form .description-file-group .upload-card .upload-cart-text{display:flex;align-items:center;justify-content:center;gap:10px}.expense-form .description-file-group .upload-card:hover{border-color:var(--primary-light);background:rgba(0,150,147,.05)}.expense-form .description-file-group .upload-card .upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.expense-form .description-file-group .upload-card .upload-text{font-size:14px;color:#4a4a4a}.expense-form .description-file-group .upload-card .upload-note{font-size:12px;color:#888}.expense-form .description-file-group .image-preview-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.expense-form .description-file-group .image-preview-grid .image-preview-item{position:relative}.expense-form .description-file-group .image-preview-grid .image-preview-item img{border-radius:5px}.expense-form .description-file-group .image-preview-grid .image-preview-item .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;width:15px;height:15px;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.expense-form .description-file-group .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.expense-form .button-group{display:flex;justify-content:flex-end;gap:10px;flex-direction:row}.expense-form .button-group .cancel-btn{background-color:rgba(0,0,0,0);border:1px solid #384b70;color:#384b70}.expense-form .tag-group-input-btn-wrapper{position:relative}.expense-form .tag-group-input-btn-wrapper .add-tag-btn{position:absolute;right:8px;background-color:var(--primary-color);font-size:13px;border:unset;color:#fff;border-radius:5px;display:flex;top:8px;padding:5px;margin-right:2px}.expense-form .expense-form-header{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:10px;column-gap:10px}.expense-form .expense-form-header textarea{resize:vertical;height:auto}.expense-form .relation-section{margin:20px auto;padding:20px;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.expense-form .relation-section input[type=checkbox]{width:16px;height:16px;accent-color:#384b70;cursor:pointer}.expense-form .relation-section .section-heading{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#2c2b2e;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #efefef}.expense-form .relation-section .relation-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.expense-form .relation-section .relation-card-grid .relation-card{background:#fff;border-radius:5px;border:1px solid #efefef;transition:all .2s ease;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05);height:-moz-fit-content;height:fit-content}.expense-form .relation-section .relation-card-grid .relation-card.active{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-color:#9cb9d0}.expense-form .relation-section .relation-card-grid .relation-card .card-header{padding:16px;border-bottom:1px solid #efefef;cursor:pointer}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle{display:flex;align-items:center;gap:12px;width:100%;margin:0;cursor:pointer}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle input{margin:0}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .card-icon{color:#384b70;font-size:16px}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .card-label{flex:1 1;font-weight:500;color:#2c2b2e}.expense-form .relation-section .relation-card-grid .relation-card .card-header .toggle .toggle-icon{color:#999;font-size:14px;transition:transform .2s ease}.expense-form .relation-section .relation-card-grid .relation-card .card-search{padding:12px 16px 0}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper{position:relative}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper input{width:100%;padding:8px 12px 8px 32px;border:1px solid #efefef;border-radius:5px;font-size:14px;transition:border-color .2s ease}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper input:focus{outline:none;border-color:#9cb9d0;box-shadow:0 0 0 2px rgba(156,185,208,.1)}.expense-form .relation-section .relation-card-grid .relation-card .card-search .search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.expense-form .relation-section .relation-card-grid .relation-card .card-body{max-height:300px;overflow-y:auto;padding:10px 0}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-option{display:flex;align-items:center;padding:8px 20px;gap:12px;cursor:pointer;border-radius:5px;transition:background .2s ease}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-option:hover{background:#f4f4f4}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-option span{font-size:14px;color:#2c2b2e}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch{margin-bottom:8px;position:relative}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section{margin-top:8px;padding:12px;border-radius:5px;border:1px solid #efefef}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section.hidden{margin:0;padding:0;border:none}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section .toggle-batch-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:#384b70;background:none;border:none;cursor:pointer;position:absolute;right:5;top:8px;padding:0}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section .toggle-batch-btn:hover{text-decoration:underline}.expense-form .relation-section .relation-card-grid .relation-card .card-body .relation-item-with-batch .batch-section .toggle-batch-btn:focus{outline:none}.relation-item-with-batches .batches-container{margin:.5rem 10px 10px;padding:.5rem;background:#f5f5f5;border-radius:4px}.relation-item-with-batches .batches-header{font-weight:600;margin-bottom:.5rem;font-size:.9rem}.relation-item-with-batches .batch-option{margin-bottom:.5rem;padding:.25rem}.relation-item-with-batches .batch-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.relation-item-with-batches .batch-info{font-size:.85rem}.payables-expance-form-outer .payables-expance-form-inner{display:flex;flex-direction:column;gap:10px}.payables-expance-form-outer .payables-expance-form-inner input,.payables-expance-form-outer .payables-expance-form-inner select,.payables-expance-form-outer .payables-expance-form-inner textarea{border:1px solid #efefef;border-radius: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{display:flex;flex-direction:column}.payables-expance-form-outer .payables-expance-form-inner .expance-form-add-bank-buton{color:var(--primary-color);border:unset;display:flex;gap:3px;align-items:center;background-color:unset;cursor:pointer}.payables-expance-form-outer .payables-expance-form-inner .expance-form-addbank-action-outer{display:flex;justify-content:space-between;align-items:end}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-checkboxes-outer{display:flex;gap:10px;margin-top:10px}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-checkboxes{display:flex;gap:3px;align-items:center;cursor:pointer}.payables-expance-form-outer .payables-expance-form-inner .expance-form-partial-payment-actions{display:flex;gap:10px;justify-content:flex-end}.payables-expance-form-outer .payables-expance-form-inner input[type=checkbox]{accent-color:var(--primary-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{background-color:rgba(0,0,0,0);box-shadow:none;padding:0;margin:10px auto 20px}.expense-form .relation-section .section-heading{margin-bottom:12px}.expense-form .relation-section .relation-card-grid{gap:12px}.expense-form .relation-section .relation-card-grid .relation-card .card-header{padding:10px 12px}}.select-all-batches{padding:8px;background:#e9e9e9;border-radius:4px;margin-bottom:8px;font-weight:700;display:flex;align-items:center}.select-all-batches input{margin-right:8px}.batch-option{margin:4px 0;padding:4px 8px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center}.batch-option input{margin-right:8px}.expense-page .expense-header{background:#fff;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.expense-page .expense-header h1{font-size:20px;color:var(--primary-color);text-transform:capitalize;margin-bottom:10px}.expense-page .expense-header .meta{display:flex;gap:10px;align-items:center}.expense-page .expense-header .meta .badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.expense-page .expense-header .meta .badge.approved,.expense-page .expense-header .meta .badge.paid{background:#01a601;color:#fff}.expense-page .expense-header .meta .badge.pending{background:#fc0;color:#fff}.expense-page .expense-content{display:flex;gap:15px}.expense-page .details-section{flex:1 1}.expense-page .detail-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px}.expense-page .detail-cards .detail-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.expense-page .detail-cards .detail-card.full-width{grid-column:1/-1}.expense-page .detail-cards .detail-card label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase;margin-bottom:8px;display:block}.expense-page .detail-cards .detail-card p{font-size:16px;margin:0;color:#333}.expense-page .detail-cards .detail-card p.amount{font-size:18px;font-weight:700;color:var(--primary-color)}.expense-page .detail-cards .detail-card table{width:100%;border-collapse:collapse;margin-top:10px}.expense-page .detail-cards .detail-card table td,.expense-page .detail-cards .detail-card table th{padding:8px 12px;text-align:left;border-bottom:1px solid #eee}.expense-page .detail-cards .detail-card table th{font-size:12px;color:#fff}.expense-page .detail-cards .detail-card table .mono{font-family:monospace;background:#f5f5f5;padding:2px 6px;border-radius:4px}.expense-page .users-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.expense-page .users-grid .user-pill{display:flex;align-items:center;gap:6px;background:#f5f5f5;padding:6px 10px;border-radius:16px;font-size:13px}.expense-page .users-grid .user-pill .avatar{width:20px;height:20px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}.expense-page .users-grid .more-users{font-size:12px;color:#666;align-self:center}.expense-page .invoices-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;margin-top:10px}.expense-page .invoices-scroll .invoice-pill{align-items:center;font-size:13px;display:flex;background:#f5f5f5;border-radius:16px;gap:6px;padding:6px 10px}.expense-page .description{background:#f9f9f9;padding:12px;border-radius:6px;margin-top:8px;font-size:14px;line-height:1.5;max-height:200px;overflow-y:auto}.expense-page .receipt-sidebar{width:350px}.expense-page .receipt-sidebar .receipt-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.expense-page .receipt-sidebar .receipt-card h3{font-size:16px;margin-bottom:10px;color:var(--primary-color)}.expense-page .receipt-sidebar .receipt-card .image-container{border:1px solid #eee;border-radius:6px;padding:10px;background:#f9f9f9}.expense-page .receipt-sidebar .receipt-card .image-container img{max-height:300px;object-fit:cover!important}@media(max-width:900px){.expense-page .expense-content{flex-direction:column}.expense-page .image-container img{width:100%;object-fit:contain}.expense-page .receipt-sidebar{width:100%;margin-top:15px}}@media(max-width:468px){.expense-page .header-content{display:flex;justify-content:space-between;align-items:center}}.payables-expense-container .payment-history{margin-top:20px}.payables-expense-container .payment-history h3{color:var(--primary-color);font-weight:700;margin-bottom:5px;font-size:24px}.payables-expense-container .payment-history .expance-add-payment-button-outer{display:flex;justify-content:flex-end;margin-top:20px}.table-actions-wrapper{justify-content:flex-start;display:flex;gap:15px}.table-actions-wrapper .table-e-d-v-buttons{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;transition:background-color .3s;display:inline-flex;width:28px;height:28px;padding:5px;border:unset;background-color:unset}.table-actions-wrapper .edit-button{color:#01a601}.table-actions-wrapper .edit-button:hover{background-color:rgba(0,128,0,.1)}.table-actions-wrapper .delete-button{color:#ff4c51}.table-actions-wrapper .delete-button:hover{background-color:rgba(255,0,0,.1)}.task-form{width:100%}.task-form .add-task-form{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:15px;column-gap:15px;grid-row-gap:10px;row-gap:10px}.task-form .add-task-form .form-group{position:relative}.task-form .add-task-form .form-group select,.task-form .add-task-form .form-group textarea{width:100%;padding:10px 12px;border:1px solid #efefef;border-radius:5px;transition:all .2s;font-size:16px}.task-form .add-task-form .form-group select:focus,.task-form .add-task-form .form-group textarea:focus{border-color:var(--primary-light);outline:none}.task-form .add-task-form .form-group .upload-card{position:relative;border-radius:5px;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed var(--primary-light);padding:5px 10px;text-align:center;cursor:pointer;overflow:hidden}.task-form .add-task-form .form-group .upload-card:hover{border-color:var(--primary-color);background:rgba(0,150,147,.05)}.task-form .add-task-form .form-group .upload-card .upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.task-form .add-task-form .form-group .upload-card .upload-text{font-size:14px;color:#4a4a4a}.task-form .add-task-form .form-group .upload-card .upload-note{font-size:12px;color:#888}.task-form .add-task-form .image-preview-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.task-form .add-task-form .image-preview-grid .image-preview-item{position:relative;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid #efefef}.task-form .add-task-form .image-preview-grid .image-preview-item img{border:1px solid #efefef;border-radius:5px}.task-form .add-task-form .image-preview-grid .image-preview-item .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;width:16px;height:16px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.task-form .add-task-form .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.task-form .add-task-form .task-field-hide{display:none!important}.task-form .add-task-form .form-group{display:flex;flex-direction:column;gap:0}.task-form .add-task-form .form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.task-form .add-task-form .form-group .react-datepicker-wrapper{width:100%}.task-form .add-task-form .form-group button{padding:6px 12px;font-size:13px}.task-form .add-task-form .form-group button.off,.task-form .add-task-form .form-group button.on{width:-moz-fit-content;width:fit-content}.task-form .add-task-form .update-outer{display:flex;justify-content:flex-end}.task-form .add-task-form .form-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:1rem;margin-bottom:20px}.view-task-actions-container{display:flex;justify-content:space-between}.view-task-actions-container .view-task-check-icon,.view-task-actions-container .view-times-check-icon{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;transition:background-color .3s;display:inline-flex;width:28px;height:28px;padding:5px}.view-task-actions-container .view-task-check-icon:hover{background-color:rgba(0,128,0,.1)}.view-task-actions-container .view-times-check-icon:hover{background-color:rgba(255,0,0,.1)}.view-task-actions-container button{background-color:unset;border:unset}.view-task-actions-container .view-task-check-icon{color:#01a601}.view-task-actions-container .view-times-check-icon{color:#ff4c51}@media(max-width:768px){.empty-state-icon{font-family:44px!important}.tasks_list{margin-top:10px}.add-task-form{grid-column:span 1}.add-task-form .add-task-form .form-actions{flex-direction:column;align-items:stretch}}@media(max-width:568px){.task-form .add-task-form{display:flex;flex-direction:column;gap:15px}.task-form .form-group{margin-bottom:0}}.leave-application-container .application-header h1{color:#2d3436;font-size:2rem;margin-bottom:1.5rem}.leave-application-container .application-header .timeline-indicator{display:flex;gap:1rem;margin-bottom:2rem}.leave-application-container .application-header .timeline-indicator .step{padding:.6rem 1.2rem;border-radius:5px;background:#f8f9fa;color:#7f8c8d;font-size:.9rem}.leave-application-container .application-header .timeline-indicator .step.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 6px rgba(9,132,227,.2)}.leave-application-container .application-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.leave-application-container .application-body .calendar-card{padding:20px;background:#fff;border-radius:5px;border:1px solid #f0f0f0}.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--keyboard-selected:not(.selected-green),.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__day.react-datepicker__day--selected:not(.selected-green){background-color:rgba(0,0,0,0)!important;color:inherit!important}.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__month{margin:0}.leave-application-container .application-body .calendar-card .modern-calendar .react-datepicker__week{padding:5px 0;border-bottom:1px solid #efefef}.leave-application-container .application-body .calendar-card .modern-calendar .selected-green{background-color:var(--primary-color)!important;color:#fff!important;border-radius:5px}.leave-application-container .application-body .calendar-card .modern-calendar .selected-green:hover{background-color:var(--primary-light)!important}.leave-application-container .application-body .calendar-card .modern-calendar .current-date{border-radius:5px;font-weight:700;color:#fff}.leave-application-container .application-body .calendar-card .modern-calendar .sunday-date{color:#ff4c51!important}.leave-application-container .application-body .details-card{background:#fff;padding:20px;border-radius:5px;border:1px solid #f0f0f0}.leave-application-container .application-body .details-card .input-group{margin-bottom:1.5rem}.leave-application-container .application-body .details-card .input-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.leave-application-container .application-body .details-card .input-group .type-chips{display:flex;gap:.8rem}.leave-application-container .application-body .details-card .input-group .type-chips .chip{padding:10px 12px;border-radius:5px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;transition:all .2s}.leave-application-container .application-body .details-card .input-group .type-chips .chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.leave-application-container .application-body .details-card .input-group .modern-input{width:100%;padding:8px 12px;border:1px solid #efefef;border-radius:5px;transition:all .2s;font-size:16px}.leave-application-container .application-body .details-card .input-group .modern-input:focus{border-color:var(--primary-light);outline:none}.leave-application-container .application-body .details-card .input-group .modern-textarea{width:100%;padding:1rem;border:2px solid #efefef;border-radius:5px;min-height:120px;resize:vertical;transition:all .2s;font-size:16px}.leave-application-container .application-body .details-card .input-group .modern-textarea:focus{border-color:var(--primary-light);outline:none}.leave-application-container .application-body .details-card .input-group .file-upload-box{border:2px dashed var(--primary-color);padding:20px;border-radius:5px;text-align:center;cursor:pointer;background:var(--input-bg);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.leave-application-container .application-body .details-card .input-group .file-upload-box:hover{background:var(--input-hover-bg);border-color:var(--primary-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{margin-top:10px;position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper{position:relative;width:150px;height:150px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .preview-link{display:block;width:100%;height:100%;cursor:pointer}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .remove-button{position:absolute;top:4px;right:4px;background:hsla(0,0%,100%,.8);border:none;border-radius:50%;font-size:16px;cursor:pointer;padding:2px 6px;z-index:2}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper .remove-button:hover{background-color:#ff4c51;color:#fff}.leave-application-container .application-body .details-card .input-group .file-preview .thumbnail-wrapper img{object-fit:contain}.leave-application-container .application-body .details-card .input-group .file-preview span{font-size:12px;color:#666}.leave-application-container .application-body .details-card .submit-button{width:100%;padding:8px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .2s;margin:0}.leave-application-container .application-body .details-card .submit-button:hover{background:var(--primary-light)}.leave-application-container .application-body .details-card .submit-button:disabled{background:var(--primary-light);cursor:not-allowed}.leave-application-container .application-body .details-card .submit-button .loading-dots:after{content:".";animation:dots 1s steps(5) infinite}.leave-application-container .application-body .date-range-display{color:#fff;display:flex;flex-direction:column;gap:5px}.leave-application-container .application-body .date-range-display .date-range-badge{background:var(--primary-color);padding:.6rem 1rem;border-radius:5px;font-size:.9rem}.leave-application-container .react-datepicker{color:var(--primary-light);font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;background-color:#fff;border:1px solid #aeaeae;border-radius:5px;display:inline-block;position:relative;width:100%}.leave-application-container .react-datepicker__week{white-space:nowrap;width:100%;display:flex;justify-content:space-between}.leave-application-container .react-datepicker__day-names{display:flex;justify-content:space-between;font-size:14px;padding-bottom:5px}.leave-application-container h2.react-datepicker__current-month{font-size:18px;padding:5px 0}.leave-application-container .react-datepicker__day--keyboard-selected,.leave-application-container .react-datepicker__day--selected{background-color:var(--primary-color);color:#fff}.leave-application-container .react-datepicker__day--keyboard-selected:hover,.leave-application-container .react-datepicker__day--selected:hover{background-color:var(--primary-light)}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@media(max-width:768px){.leave-application-container .application-header{margin-bottom:1rem}.application-body{grid-template-columns:1fr!important}.timeline-indicator{flex-wrap:wrap}}@media(max-width:468px){.leave-application-container .application-body .details-card{padding:10px}.leave-application-container .application-body .details-card .input-group .type-chips .chip{padding:5px 10px}.leave-application-container .application-body .calendar-card{padding:10px}}.attendance-page{max-width:800px;margin:auto;font-family:DMSans,sans-serif;color:#2c2b2e}.attendance-page .capture-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.attendance-page .capture-options .option-card{background:#fff;border-radius:5px;padding:2rem;text-align:center;cursor:pointer;transition:.3s;box-shadow:0 4px 6px rgba(0,0,0,.049);border:1px solid #efefef}.attendance-page .capture-options .option-card:hover{transform:translateY(-5px);box-shadow:#f0f0f0}.attendance-page .capture-options .option-card .option-icon{width:80px;height:80px;margin:0 auto 1rem;background:rgba(var(--primary-color),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary-color)}.attendance-page .capture-options .option-card h3{font-size:18px;margin-bottom:.5rem;color:#2c2b2e}.attendance-page .capture-options .option-card p{color:#999;margin:0;font-size:14px}.attendance-page .capture-options .option-card input[type=file]{display:none}.attendance-page .capture-options .option-card label{cursor:pointer}.attendance-page .preview-section{background:#fff;border-radius:5px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.049);margin-top:2rem}.attendance-page .preview-section .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.attendance-page .preview-section .preview-header h3{font-size:18px;margin:0;color:#2c2b2e}.attendance-page .preview-section .preview-header .clear-button{background:none;border:none;color:#ff4c51;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:5px;transition:.3s;display:flex;align-items:center}.attendance-page .preview-section .preview-header .clear-button:hover{background:rgba(255,76,81,.1)}.attendance-page .preview-section .image-preview{position:relative;width:100%;height:400px;border-radius:5px;overflow:hidden;border:1px solid var(--primary-color)}.attendance-page .webcam-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(44,43,46,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.attendance-page .webcam-modal .webcam-container{width:90%;max-width:800px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725);display:flex;flex-direction:column}.attendance-page .webcam-modal .webcam-container .react-webcam{width:100%;display:block}.attendance-page .webcam-modal .webcam-container .webcam-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:10px;background:#fff}.attendance-page .submit-form{margin-top:2rem;text-align:center}.attendance-page .submit-form .submit-button{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.049)}.attendance-page .submit-form .submit-button:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725)}.attendance-page .submit-form .submit-button:disabled{opacity:.7;cursor:not-allowed}.attendance-page .submit-form .submit-button.loading{position:relative}.attendance-page .submit-form .submit-button.loading:after{content:"";width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.attendance-page .attendance-header{margin:8px}.attendance-page .current-time{font-size:20px;font-weight:600;color:var(--primary-color);text-align:center}.attendance-page .current-date{font-size:14px;font-weight:500;color:var(--primary-color);margin-bottom:.75rem;text-align:center}.attendance-page .attendance-details{background:#fff;border:1px solid #efefef;border-radius:5px;padding:10px;transition:all .3s;box-shadow:0 4px 6px rgba(0,0,0,.0470588235)}.attendance-page .detail-value-name{color:var(--primary-color)}.attendance-page .detail-item{display:flex;margin-bottom:3px;font-size:14px;justify-content:space-between;border-bottom:1px solid #efefef;padding-bottom:3px}.attendance-page .detail-item:last-child{margin-bottom:0}.attendance-page .detail-label{font-weight:500;color:#555;min-width:100px}.attendance-page .detail-value{color:#222;font-weight:400}@keyframes spin{to{transform:rotate(1turn)}}.chip-active{background-color:var(--primary-color);color:#fff}@media(max-width:768px){.attendance-page{padding:.5rem}.attendance-page .attendance-header{margin-bottom:1rem}.attendance-page .attendance-header h1{font-size:18px}.attendance-page .capture-options{grid-template-columns:1fr;gap:1rem}.attendance-page .preview-section .image-preview{height:300px}.attendance-page .webcam-modal .webcam-container{width:95%}}@media(max-width:991px){.aply-for-leave-form-outer{gap:20px}.aply-for-leave-form-outer .aply-for-leave-input-wrapper,.aply-for-leave-form-outer .datepicker-container{width:100%}.react-datepicker__week{white-space:nowrap;display:flex;justify-content:space-between}.form-card{margin:0 15px}}@media(max-width:576px){.page-title{font-size:22px;padding:20px 0}.aply-for-leave-form-outer{flex-direction:column}.aply-for-leave-form-outer .input-group input,.aply-for-leave-form-outer .input-group textarea{font-size:14px;padding:9px 14px;height:auto}.apply-button{font-size:15px;padding:8px 12px}}.recurring-wrapper .recurring-task-header{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-bottom:20px}.recurring-wrapper .back-button{margin:0}.recurring-wrapper .toggle-button{padding:8px 16px;border-radius:5px;font-weight:600;font-size:14px;width:-moz-fit-content!important;width:fit-content!important;transition:all .3s ease;border:none;cursor:pointer}.recurring-wrapper .toggle-button.on{background-color:var(--primary-color);color:#fff}.recurring-wrapper .toggle-button.off{background-color:#e0e0e0;color:#555}.recurring-wrapper .toggle-button:hover{opacity:.9}.recurring-wrapper .edit-button{color:#01a601}.recurring-wrapper form{display:flex;flex-direction:column;gap:10px}.recurring-wrapper .employee-fields-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.recurring-wrapper .employee-field{display:flex;flex-direction:column;gap:0}.recurring-wrapper .employee-field label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.recurring-wrapper .employee-field .date-input,.recurring-wrapper .employee-field input,.recurring-wrapper .employee-field select{padding:8px 12px;font-size:16px;border-radius:5px;border:1px solid #efefef;width:100%}.recurring-wrapper .employee-field .date-input:focus,.recurring-wrapper .employee-field input:focus,.recurring-wrapper .employee-field select:focus{border-color:var(--primary-light);background:rgba(0,0,0,0)}.recurring-wrapper .employee-field .date-input::placeholder,.recurring-wrapper .employee-field input::placeholder,.recurring-wrapper .employee-field select::placeholder{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.recurring-wrapper .form-group{display:flex;flex-direction:column;gap:0}.recurring-wrapper .form-group label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.recurring-wrapper .form-group .toggle-button{padding:8px 16px;font-size:14px;border:none;border-radius:5px;background-color:var(--primary-color);color:#2c2b2e;font-weight:600;cursor:pointer;transition:background-color .3s}.recurring-wrapper .form-group .toggle-button:hover{background-color:#2d3e5d}.recurring-wrapper .form-group .toggle-button.on{color:#fff}.recurring-wrapper .form-group .toggle-button.off{background-color:var(--primary-light);color:#fff}.recurring-wrapper .select-field{border-radius:5px;width:100%;padding:8px 12px;font-size:16px;background-color:rgba(0,0,0,0);color:#3c3939}.recurring-wrapper .select-field.common-placeholder{color:#ccc}.recurring-wrapper .select-field option{color:#000}.recurring-wrapper .select-field option[value=""]{color:#ccc}.recurring-wrapper .create-employess-action{display:flex;justify-content:flex-end}.recurring-wrapper .create-employess-action .form-button{padding:10px 24px;font-size:16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s}.recurring-wrapper .create-employess-action .form-button:hover{background-color:var(--primary-light)}.recurring-wrapper .create-employess-action .form-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.recurring-wrapper .text-red-500{color:#ff4c51;font-size:12px;padding-top:2px}.task-status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.task-status-badge.approved{background-color:#d1fae5;color:#065f46}.task-status-badge.submitted{background-color:#dbeafe;color:#1e40af}.task-status-badge.in_progress,.task-status-badge.pending{background-color:#fef3c7;color:#92400e}.task-status-badge.rejected{background-color:rgba(238,100,15,.2470588235);color:#920e15}.task-details-section{background:#fff;border-radius:5px;padding:20px;margin-bottom:20px}@media(max-width:768px){.task-details-section{padding:10px}}.task-details-section .task-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.task-details-section .task-details-header h3{font-size:18px;font-weight:600;margin:0}.task-details-section .task-description{color:#4b5563;margin-bottom:15px}.task-details-section .task-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px;margin-bottom:15px}.task-details-section .task-meta .meta-item{font-size:14px;color:#4b5563}.task-details-section .task-attachments h4{font-size:15px;margin-bottom:10px}.task-details-section .task-attachments .attachment-list{display:flex;gap:10px;flex-wrap:wrap}.task-details-section .task-attachments .attachment-item{position:relative;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.task-details-section .task-attachments .attachment-item button{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.timeline-container{background-color:#fff;border-radius:5px;margin-bottom:20px;width:100%;overflow:hidden}.timeline-container .timeline-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding:15px}@media(min-width:768px){.timeline-container .timeline-header{flex-direction:row;align-items:center;padding:10px 20px}}.timeline-container .timeline-header h2{font-size:18px;font-weight:600}@media(min-width:768px){.timeline-container .timeline-header h2{font-size:20px}}.timeline-container .timeline-header .new-task-action{display:flex;align-items:center;gap:10px;width:100%}@media(min-width:768px){.timeline-container .timeline-header .new-task-action{width:auto}}.timeline-container .timeline-header button{background-color:var(--primary-color);color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:14px;width:100%}@media(min-width:768px){.timeline-container .timeline-header button{width:auto}}.timeline-container .timeline-header button:hover{background-color:var(--primary-light)}.timeline-container .reminder-form{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.timeline-container .reminder-form .reminder-content{background:#fff;padding:20px;border-radius:5px;width:90%;max-width:400px;box-shadow:0 10px 25px rgba(0,0,0,.2)}@media(min-width:480px){.timeline-container .reminder-form .reminder-content{width:400px}}.timeline-container .reminder-form .reminder-content h4{margin-bottom:20px;font-size:18px}.timeline-container .reminder-form .reminder-content input[type=datetime-local]{display:block;width:100%;padding:.6rem;margin-top:.3rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px}.timeline-container .reminder-form .reminder-content button{background-color:var(--primary-color);color:#fff;padding:8px 10px;width:100%;border:none;border-radius:5px;cursor:pointer;font-size:14px}.timeline-container .reminder-form .reminder-content button:hover{background-color:var(--primary-light)}.timeline-container .timeline-submit-task-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.timeline-container .timeline-submit-task-wrapper .timeline-submit-task-inner{background:#fff;padding:15px;border-radius:5px;width:90%;max-width:600px;box-shadow:0 10px 25px rgba(0,0,0,.2)}@media(min-width:768px){.timeline-container .timeline-submit-task-wrapper .timeline-submit-task-inner{padding:20px}}.timeline-container .timeline-item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px;position:relative;gap:15px;padding:15px}@media(min-width:768px){.timeline-container .timeline-item{flex-direction:row;align-items:flex-start;padding:10px 20px;gap:20px}}.timeline-container .timeline-left{display:flex;align-items:center;gap:10px;width:100%}@media(min-width:768px){.timeline-container .timeline-left{width:auto}}.timeline-container .time-block{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;width:100%}@media(min-width:768px){.timeline-container .time-block{width:auto;justify-content:flex-start;gap:10px}}.timeline-container .avatar-wrapper{position:relative;display:inline-block;cursor:pointer}.timeline-container .avatar-wrapper .avatar{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background-color:rgba(241,249,249,.9764705882);margin-right:10px;flex-shrink:0;cursor:pointer}@media(min-width:768px){.timeline-container .avatar-wrapper .avatar{margin-right:16px}}.timeline-container .avatar-wrapper .avatar h3{color:var(--primary-color);font-size:14px}.timeline-container .avatar-wrapper .av-tooltip{visibility:hidden;opacity:0;width:-moz-fit-content;width:fit-content;background-color:#fff;color:#000;text-align:left;border-radius:5px;padding:10px;position:absolute;z-index:9999;top:100%;left:0;transform:translateX(-10%);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .2s ease-in-out;text-decoration:none}.timeline-container .avatar-wrapper .av-tooltip p,.timeline-container .avatar-wrapper .av-tooltip strong{font-size:13px}.timeline-container .avatar-wrapper .avatar:hover .av-tooltip{visibility:visible;opacity:1}.timeline-container .timeline-content{background-color:rgba(241,249,249,.9764705882);border-radius:5px;padding:15px;width:100%;position:relative;z-index:1}@media(min-width:768px){.timeline-container .timeline-content{padding:16px 20px;flex:1 1}}.timeline-container .timeline-content:before{content:"";position:absolute;top:10px;left:-6px;width:15px;height:15px;background-color:rgba(241,249,249,.9764705882);transform:rotate(140deg);z-index:-1}@media(max-width:767px){.timeline-container .timeline-content:before{display:none}}.timeline-container .timeline-content .task-timeline-downloadall-btn{border:unset;color:var(--primary-color);font-weight:500;cursor:pointer;background-color:unset;text-decoration:none;font-size:14px}.timeline-container .timeline-content .task-timeline-downloadall-btn:hover{text-decoration:underline}.timeline-container .t-date{font-size:13px;font-weight:700;color:#222;display:inline-block}@media(min-width:768px){.timeline-container .t-date{font-size:14px}}.timeline-container .t-status{font-size:12px;font-weight:500;color:#6b7280}.timeline-container .card-content strong{display:block;font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.timeline-container .description{font-size:14px;font-weight:500;color:#222;margin-top:6px}@media(min-width:768px){.timeline-container .description{font-size:15px}}.timeline-container .attachment-list{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}.timeline-container .attachment-image{width:100%;height:120px;max-width:140px;border-radius:5px;object-fit:cover;border:1px solid #e5e7eb}.timeline-container .attachment-image img{width:100%;height:auto}.timeline-container .time{margin-top:12px;display:flex;align-items:center;font-size:12px;color:#6b7280;font-weight:500}.timeline-container .time svg{margin-right:6px}.timeline-container .action-buttons{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:15px;border-top:1px solid #e5e7eb}@media(min-width:480px){.timeline-container .action-buttons{flex-direction:row;gap:12px;padding:20px}}.timeline-container .button{padding:8px 15px;font-size:14px;font-weight:500;border-radius:5px;cursor:pointer;transition:background-color .2s ease;text-align:center}@media(min-width:480px){.timeline-container .button{padding:6px 20px}}.timeline-container .button.outline{background-color:rgba(0,0,0,0);border:1px solid var(--primary-color);color:var(--primary-color)}.timeline-container .button.outline:hover{background-color:#e0f7f6}.timeline-container .button.primary{background-color:var(--primary-color);color:#fff;border:none}.timeline-container .button.primary:hover{background-color:var(--primary-light)}.reminder-form-group{display:flex;flex-direction:column;margin-bottom:20px}.reminder-form-group .react-datepicker-wrapper{width:100%}.reminder-form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.reminder-form-group input{width:100%}.reminder-form-action{display:flex;justify-content:flex-end;align-items:center;gap:10px}.attachment-images-popup{width:100%;height:300px}@media(min-width:768px){.attachment-images-popup{height:450px}}.attachment-images-popup img{width:100%;height:100%;object-fit:contain}.timeline-dawnload-imaeg-btn-outer{display:flex;justify-content:center;padding:15px}@media(min-width:768px){.timeline-dawnload-imaeg-btn-outer{padding:20px}}.submit-task-form{gap:5px}.submit-task-form,.submit-task-form .form-group{display:flex;flex-direction:column}.submit-task-form .form-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;font-weight:500;letter-spacing:.4px;color:#333}.submit-task-form .form-group textarea{padding:10px;border-radius:5px;border:1px solid #efefef;font-size:16px;resize:vertical}.submit-task-form .form-group .upload-card{position:relative;border-radius:5px;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed var(--primary-light);padding:10px;text-align:center;cursor:pointer;overflow:hidden}.submit-task-form .form-group .upload-card:hover{border-color:var(--primary-color);background:rgba(0,150,147,.05)}.submit-task-form .form-group .upload-card .upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.submit-task-form .form-group .upload-card .upload-text{font-size:14px;color:#4a4a4a}.submit-task-form .form-group .upload-card .upload-note{font-size:12px;color:#888}.submit-task-form .image-preview-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.submit-task-form .image-preview-grid .image-preview-item{position:relative;box-shadow:0 4px 6px rgba(0,0,0,.049)}.submit-task-form .image-preview-grid .image-preview-item img{border-radius:5px}.submit-task-form .image-preview-grid .image-preview-item .remove-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;width:18px;height:18px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .3s}.submit-task-form .image-preview-grid .image-preview-item .remove-image-btn:hover{background-color:#e60000}.submit-task-form .task-timeline-btn-wrapper{display:flex;justify-content:flex-end}.task-page-toolbar .right-group,.task-page-toolbar .right-group .action-icons-horizontal{width:100%}.task-page-toolbar .right-group .action-icons-horizontal button:first-child{margin-left:0}.task-page-toolbar .right-group .action-icons-horizontal button:nth-child(2){margin-right:auto}.task-view-outer{display:grid;grid-template-columns:68% 30%;grid-gap:20px;gap:20px}.task-view-outer.single-column{grid-template-columns:1fr}.task-view-outer.single-column .task-view-wrapper .task-grid{flex-wrap:wrap;display:flex;justify-content:space-between;column-gap:50px}.task-view-outer .task-view-wrapper{font-family:DMSans,sans-serif;position:relative}.task-view-outer .task-view-wrapper .task-card{background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:2rem;border:1px solid hsla(0,0%,100%,.3);transition:box-shadow .3s}.task-view-outer .task-view-wrapper .task-card .Status-wrapper{align-items:center;gap:10px;display:flex;border-bottom:3px solid var(--primary-color);padding-bottom:5px}.task-view-outer .task-view-wrapper .task-card .Status-wrapper strong{color:var(--primary-color)}.task-view-outer .task-view-wrapper .task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1.5rem;gap:1.5rem}.task-view-outer .task-view-wrapper .task-grid .description-span-two-columns{grid-column:span 3}.task-view-outer .task-view-wrapper .task-grid .description-span-two-columns strong{font-size:14px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.task-view-outer .task-view-wrapper .task-grid .description-field p{white-space:pre-wrap;line-height:1.5;background-color:#f8f9fc;padding:.75rem 1rem;border-radius:5px;border:1px solid #efefef;max-height:200px;overflow-y:auto}.task-view-outer .task-view-wrapper .task-grid .task-grid-values{display:flex;flex-direction:column}.task-view-outer .task-view-wrapper .task-grid .task-grid-values strong{font-size:14px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.task-view-outer .task-view-wrapper .task-grid .task-grid-values p{font-size:14px;color:#2e2e2e;font-weight:500}.task-view-outer .task-view-wrapper .task-grid .full-width{grid-column:1/-1}.task-view-outer .task-view-wrapper .action-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.task-view-outer .task-view-wrapper .action-buttons button{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:500;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.task-view-outer .task-view-wrapper .action-buttons button:disabled{opacity:.6;cursor:not-allowed}.task-view-outer .task-view-wrapper .action-buttons button.approve{background-color:var(--primary-color);color:#fff}.task-view-outer .task-view-wrapper .action-buttons button.reject{background-color:#ff4c51;color:#fff}.task-view-outer .task-attachment-outer{padding-top:20px}.task-view-outer .task-attachment-outer .task-attachment-header{display:flex;justify-content:space-between;gap:10px;border-bottom:3px solid var(--primary-color);margin-bottom:10px;padding-bottom:0}.task-view-outer .task-attachment-outer .task-attachment-header h2{color:var(--primary-color)}.task-view-outer .task-attachment-outer .task-attachment-header button{border:unset;color:var(--primary-color);font-weight:500;cursor:pointer;background-color:unset}.task-view-outer .task-attachment-outer .task-attachment-header button:hover{font-size:14px}.task-view-outer .task-attachment-outer .task-images-outer{grid-template-columns:repeat(2,1fr);flex-wrap:wrap;justify-content:space-between;grid-gap:10px;gap:10px;display:grid}.task-view-outer .task-attachment-outer .task-images-outer .image-wrapper{border-radius:10px;overflow:hidden;border:1px solid #efefef;box-shadow:0 4px 6px rgba(0,0,0,.049);background:#f4f4f4;transition:transform .3s ease;position:relative}.task-view-outer .task-attachment-outer .task-images-outer .image-wrapper:hover{transform:scale(1.03)}.task-view-outer .task-attachment-outer .task-images-outer .image-wrapper img{width:100%;height:100%;object-fit:contain}.task-view-outer .no-task-message{font-size:24px;color:#ff4c51;text-align:center;margin-top:4rem}.task-view-outer .task-histories{padding:10px;background-color:#f9fafb;border-radius:5px}.task-view-outer .task-histories__title{font-size:1.5rem;margin-bottom:1rem;font-weight:600;color:var(--primary-color)}.task-view-outer .task-histories__list{margin:0;padding:0;display:grid;list-style:none;grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.task-view-outer .task-history{background:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem;box-shadow:0 1px 4px rgba(0,0,0,.1)}.task-view-outer .task-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#555}.task-view-outer .task-history__date{font-weight:500}.task-view-outer .task-history__status{padding:.15rem .5rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize;color:#fff}.task-view-outer .task-history__status--submitted{background-color:var(--primary-color)}.task-view-outer .task-history__status--pending{background-color:#f59e0b}.task-view-outer .task-history__status--approved{background-color:#10b981}.task-view-outer .task-history__description-outer{height:150px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;margin-bottom:10px;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0);padding:5px}.task-view-outer .task-history__description-outer .task-history__description-outer::-webkit-scrollbar{width:6px}.task-view-outer .task-history__description-outer .task-history__description-outer::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px}.task-view-outer .task-history__description-outer .task-history__description-outer::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.task-view-outer .task-history__description-outer .task-history__description{font-size:1rem;color:#444;margin-bottom:.75rem;white-space:pre-wrap}.task-view-outer .task-history__attachments{display:flex;flex-wrap:wrap;gap:12px}.task-view-outer .task-history__attachment{width:120px;height:90px;overflow:hidden;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s ease}.task-view-outer .task-history__attachment:hover{transform:scale(1.05)}.task-view-outer .task-history__attachment-img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.task-view-outer .task-histories__empty{font-style:italic;color:#888;margin-top:1rem}.view-task-modal-outer .task-single-image-dawnload{display:flex;justify-content:center}@media(max-width:1024px){.task-view-outer{grid-template-columns:1fr}.task-view-outer .task-view-wrapper .task-grid .description-span-two-columns{grid-column:span 4}.task-view-outer .task-attachment-outer{padding-top:0}.task-view-outer .task-attachment-outer .task-images-outer{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.task-view-outer .task-view-wrapper .task-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.task-view-outer .task-view-wrapper .task-grid .description-span-two-columns{grid-column:span 4}.task-view-outer .task-view-wrapper .task-grid .description-field p{padding:10px;font-size:14px}.task-view-outer .task-view-wrapper .task-card{gap:10px;padding:10px}.task-view-outer .task-view-wrapper .task-card .Status-wrapper{flex-wrap:wrap}.task-view-outer .task-view-wrapper .action-buttons{flex-wrap:wrap;margin-top:10px}.task-view-outer .task-view-wrapper .action-buttons button{padding:7px 15px}.task-view-outer .task-attachment-outer .task-attachment-header{margin-bottom:5px;padding-bottom:5px}.task-view-outer .task-attachment-outer .task-attachment-header h2{font-size:20px}.task-view-outer .task-attachment-outer .task-images-outer{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.task-view-outer .task-attachment-outer .task-images-outer{grid-template-columns:repeat(2,1fr)}.task-view-outer .task-view-wrapper .task-grid{display:flex;flex-direction:column;gap:10px}.task-view-outer .task-view-wrapper .task-grid .task-grid-values{flex-direction:row;justify-content:space-between}.task-view-outer .task-view-wrapper .task-grid .task-grid-values strong{font-size:12px}.task-view-outer .task-view-wrapper .task-grid .description-field p{padding:10px;font-size:12px}.task-view-outer .task-view-wrapper .status-badge{padding:3px 10px;font-size:12px}.task-view-outer .task-view-wrapper .action-buttons{margin-top:0}.task-view-outer .task-histories__list{display:flex;flex-direction:column}}.myTask-table-calender-wrapper{display:flex;gap:20px;flex-wrap:wrap}.myTask-table-calender-wrapper .myTask-table-wrapper{flex:1 1}.my-tasks-show-all-btn-wrapper{margin-bottom:10px}.my-task-modern-calendar{width:320px;max-width:100%;color:#2e2e2e;background:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049);margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.my-task-modern-calendar .calendar-header{display:flex;justify-content:center;gap:12px;border-bottom:1px solid var(--primary-color);padding:6px 0;background-color:var(--primary-color)}.my-task-modern-calendar .calendar-header select.calendar-select{padding:5px 12px;font-size:14px;font-weight:500;font-family:DMSans,sans-serif;border:1.5px solid #efefef;border-radius:5px;background-color:#fff;color:#333;cursor:pointer;transition:border-color .3s,box-shadow .3s}.my-task-modern-calendar .calendar-header select.calendar-select:focus{border-color:#384b70;box-shadow:0 0 8px rgba(56,75,112,.35);outline:none;background-color:#f8f9fc}.my-task-modern-calendar .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-weight:700;font-size:12px;color:#333;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--primary-color);padding:3px 0}.my-task-modern-calendar .calendar-weekdays .calendar-weekday{text-align:center;padding:4px 0;text-transform:uppercase}.my-task-modern-calendar .calendar-weekdays .calendar-weekday:first-child,.my-task-modern-calendar .calendar-weekdays .calendar-weekday:last-child{color:#999}.my-task-modern-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;justify-content:center;padding:5px 10px}.my-task-modern-calendar .calendar-grid .calendar-cell{position:relative;padding:8px 4px 6px;border-radius:5px;background-color:#f0f0f0;color:#2e2e2e;font-weight:400;font-size:14px;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease;outline-offset:2px}.my-task-modern-calendar .calendar-grid .calendar-cell.empty{background-color:rgba(0,0,0,0);border:none;cursor:default;pointer-events:none}.my-task-modern-calendar .calendar-grid .calendar-cell.clickable{cursor:pointer}.my-task-modern-calendar .calendar-grid .calendar-cell.clickable:focus-visible,.my-task-modern-calendar .calendar-grid .calendar-cell.clickable:hover{background-color:#dee9f2;box-shadow:0 3px 6px rgba(0,0,0,.1);outline:none}.my-task-modern-calendar .calendar-grid .calendar-cell .calendar-day-number{font-size:15px;line-height:1.1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-green .calendar-day-number{color:#01a601;font-weight:700}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-green .calendar-indicator{background-color:#01a601}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-red .calendar-day-number{color:#ff4c51;font-weight:700}.my-task-modern-calendar .calendar-grid .calendar-cell.dot-red .calendar-indicator{background-color:#ff4c51}.my-task-modern-calendar .calendar-grid .calendar-cell .calendar-indicator{margin-top:4px;width:8px;height:8px;border-radius:50%;display:inline-block}.my-task-modern-calendar .calendar-legend{color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;gap:10px;margin:10px 0;font-size:12px;display:flex;border-top:1px solid var(--primary-color);padding:10px 0}.my-task-modern-calendar .calendar-legend .calendar-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.my-task-modern-calendar .calendar-legend .indicator-orange{background-color:orange}.my-task-modern-calendar .calendar-legend .indicator-green{background-color:#01a601}.my-task-modern-calendar .calendar-legend .indicator-red{background-color:#ff4c51}.my-task-modern-calendar .calendar-cell.highlight-orange{background-color:orange;color:#fff}.my-task-modern-calendar .calendar-cell.highlight-orange:hover{color:#333}.my-task-modern-calendar .calendar-cell.highlight-green{background-color:#01a601;color:#fff}.my-task-modern-calendar .calendar-cell.highlight-green:hover{color:#333}.my-task-modern-calendar .calendar-cell.highlight-red{background-color:#ff4c51;color:#fff}.my-task-modern-calendar .calendar-cell.highlight-red:hover{color:#333}.chat-attachments{position:absolute;overflow:hidden;width:100%;bottom:70px;left:0;background-color:#fff;z-index:9;padding:0 10px;border-radius:5px 5px 0 0;box-shadow:0 -4px 6px -2px rgba(0,0,0,.1)}.chat-attachments .attachment-previews{width:100%;margin-top:10px;border-top:1px solid #eee;padding-top:10px;position:relative;overflow:hidden}.chat-attachments .attachment-previews .attachment-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chat-attachments .attachment-previews .attachment-preview-header h4{font-size:12px;color:#666;margin:0;font-weight:500}.chat-attachments .attachment-previews .attachment-preview-header .clear-all-btn{background:none;border:none;color:#384b70;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.chat-attachments .attachment-previews .attachment-preview-header .clear-all-btn:hover{background-color:rgba(0,150,147,.1)}.chat-attachments .attachment-previews .preview-grid{display:flex;white-space:nowrap;overflow:auto;width:100%;gap:8px;margin-bottom:12px;padding-bottom:4px}.chat-attachments .attachment-previews .preview-grid .preview-item{position:relative;border-radius:5px;overflow:hidden;height:80px;max-width:100px;box-shadow:0 2px 6px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08);flex-shrink:0}.chat-attachments .attachment-previews .preview-grid .preview-item .image-preview,.chat-attachments .attachment-previews .preview-grid .preview-item .video-preview{width:100%;height:100%;object-fit:cover}.chat-attachments .attachment-previews .preview-grid .preview-item .remove-preview{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;padding:0}.chat-attachments .attachment-previews .document-list{display:flex;white-space:nowrap;overflow:auto;width:100%;gap:8px;margin-bottom:12px;padding-bottom:4px}.chat-attachments .attachment-previews .document-list .document-item{display:flex;align-items:center;padding:8px;background:#f9f9f9;border-radius:4px;gap:8px;font-size:13px}.chat-attachments .attachment-previews .document-list .document-item .document-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachments .attachment-previews .document-list .document-item .document-size{color:#666;font-size:11px}.chat-attachments .attachment-previews .document-list .document-item .remove-document{background:none;border:none;color:#999;cursor:pointer;padding:0}.chat-attachments .attachment-previews .document-list .document-item .remove-document:hover{color:#ff4d4f}.chat-app{display:flex;height:600px;overflow:hidden;background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049)}.chat-app.fullView{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999999;border-radius:0}.chat-app.autoView{position:relative}.chat-app .chat-sidebar{width:350px;border-right:1px solid rgba(0,150,147,.1607843137);display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.chat-app .chat-sidebar .chat-users-list{height:600px;overflow-y:auto;padding-bottom:120px}.chat-app .sidebar-header{display:flex;align-items:center;padding:16px;gap:12px;background-color:#fff;border-bottom:1px solid #efefef}.chat-app .search-container{flex:1 1;display:flex;align-items:center;background-color:#f4f4f4;border-radius:5px;padding:8px 16px;gap:8px;position:relative}.chat-app .search-container .chat-action-btn{display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;right:5px;top:auto;background-color:rgba(0,0,0,0);border:none}.chat-app .search-container .chat-action-btn:focus{outline:none}.chat-app .search-icon{color:var(--primary-color);font-size:14px;display:flex;justify-content:center;align-items:center}.chat-app .search-input{flex:1 1;border:none;background:rgba(0,0,0,0);outline:none;font-size:14px;color:var(--primary-color);padding:0}.chat-app .search-input::placeholder{color:var(--primary-color)}.chat-app .toggle-users-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .2s}.chat-app .toggle-users-btn:hover{transform:scale(1.01)}.chat-app .chat-list-container{flex:1 1;overflow-y:auto}.chat-app .all-users-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #efefef}.chat-app .all-users-header h4{font-size:14px;font-weight:600;color:#999}.chat-app .badge{background-color:#f4f4f4;color:var(--primary-color);font-size:12px;font-weight:600;padding:2px 8px;border-radius:5px}.chat-app .chat-item{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;transition:all .2s;position:relative;border-bottom:1px solid rgba(0,150,147,.1607843137)}.chat-app .chat-item:hover{background-color:#f4f4f4}.chat-app .chat-item.selected{background-color:rgba(var(--primary-color),.08);box-shadow:inset 3px 0 0 var(--primary-color)}.chat-app .chat-item .message-time{font-size:11px;color:#999;font-weight:500}.chat-app .user-avatar{position:relative}.chat-app .avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.chat-app .status-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.chat-app .status-indicator.online{background-color:#4ade80}.chat-app .status-indicator.offline{background-color:#94a3b8}.chat-app .user-info{flex:1 1;min-width:0}.chat-app .user-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.chat-app .unread-count{background-color:var(--primary-color);color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:5px}.chat-app .user-role{font-size:12px;color:#999}.chat-app .last-message{font-size:13px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-app .message-time{font-size:12px;color:hsla(0,0%,100%,.7);align-self:flex-start}.chat-app .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#999;gap:12px}.chat-app .clear-search-btn,.chat-app .start-chat-btn{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.chat-app .clear-search-btn:hover,.chat-app .start-chat-btn:hover{background-color:var(--primary-light)}.chat-app .chat-main{flex:1 1;display:flex;flex-direction:column;background-color:#f4f4f4;overflow:hidden}.chat-app .chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#fff;border-bottom:1px solid rgba(0,150,147,.1607843137);z-index:1}.chat-app .header-left{display:flex;align-items:center;gap:12px}.chat-app .user-details h3{font-size:16px;font-weight:600}.chat-app .user-status{font-size:13px;color:#999}.chat-app .header-right{display:flex;align-items:center;gap:8px}.chat-app .header-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:5px;background:none;border:none;color:#999;cursor:pointer;transition:all .2s;position:relative}.chat-app .header-action-btn input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer}.chat-app .header-action-btn .delete-count{position:absolute;top:-2px;right:-2px;background-color:#ff4d4f;color:#fff;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.1);pointer-events:none}.chat-app .header-action-btn:hover{background-color:#f4f4f4;color:var(--primary-color)}.chat-app .messages-container{flex:1 1;padding:16px;overflow-y:auto;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;display:flex;flex-direction:column;gap:12px;position:relative}.chat-app .messages-container::-webkit-scrollbar{display:block!important;width:5px;height:5px}.chat-app .messages-container::-webkit-scrollbar-track{background:rgba(var(--primary-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%;width:30px;height:30px;padding:8px;position:-webkit-sticky;position:sticky;bottom:0;margin:auto 10px 10px auto;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,150,147,.3333333333)}.chat-app .date-label{text-align:center;margin:16px 0;position:relative}.chat-app .date-label span{display:inline-block;padding:6px 14px;background-color:rgba(var(--primary-color),.1);color:var(--primary-color);font-size:12px;font-weight:600;border-radius:5px;position:relative;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-app .date-label:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:rgba(239,239,239,.5);z-index:0}.chat-app .message{display:flex;width:100%;cursor:pointer}.chat-app .message,.chat-app .message p,.chat-app .message span{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.chat-app .message p,.chat-app .message span{cursor:auto}.chat-app .message.sent{align-self:flex-end;justify-content:flex-end}.chat-app .message.received{align-self:flex-start}.chat-app .message-content{padding:12px 16px;border-radius:5px;position:relative;word-wrap:break-word;line-height:1.5;font-size:14px;max-width:80%}.chat-app .message-content .message-text{margin-bottom:4px}.chat-app .message-content .message-time{font-size:11px;display:flex;justify-content:flex-end;align-items:center;gap:5px;text-align:right;opacity:.8;margin-top:4px}.chat-app .message-content .message-status{position:absolute;right:-20px;bottom:0;font-size:14px;color:var(--primary-color)}.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{background-color:#fff;color:#333;border-top-left-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.chat-app .message.received .message-time{color:hsla(0,0%,60%,.8)}.chat-app .empty-chat{flex:1 1;flex-direction:column;text-align:center;color:#999;gap:8px}.chat-app .empty-chat,.chat-app .no-chat-selected{display:flex;align-items:center;justify-content:center}.chat-app .no-chat-selected{flex:1 1;background-color:#f4f4f4;box-shadow:0 4px 6px rgba(0,0,0,.049)}.chat-app .no-chat-content{text-align:center;max-width:300px;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-app .no-chat-content h3{font-size:18px;font-weight:600;color:#333}.chat-app .no-chat-content p{font-size:14px;color:#999}.chat-app .new-chat-btn{padding:10px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.chat-app .new-chat-btn:hover{background-color:var(--primary-light);transform:translateY(-1px)}.chat-app .message-input-container{display:flex;align-items:center;padding:16px;background-color:#fff;border-top:1px solid #efefef;gap:8px;position:relative}.chat-app .attachment-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;color:var(--primary-color);cursor:pointer;transition:all .2s}.chat-app .attachment-btn:hover{color:var(--primary-color);background-color:#f4f4f4}.chat-app .attachment-panel{position:absolute;bottom:70px;left:20px;background-color:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:10px;z-index:10;display:flex;flex-direction:column;min-width:200px;transform-origin:bottom left;animation:fadeIn .2s ease-out}.chat-app .attachment-panel:after{content:"";position:absolute;bottom:-6px;left:20px;width:12px;height:12px;background-color:#fff;transform:rotate(45deg);box-shadow:3px 3px 5px rgba(0,0,0,.05)}.chat-app .attachment-option{display:flex;align-items:center;padding:8px 12px;border-radius:5px;background:none;border:none;color:#2c2b2e;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-align:left;gap:10px}.chat-app .attachment-option:hover{background-color:rgba(var(--primary-color),.08);color:var(--primary-color)}.chat-app .attachment-option .icon{font-size:18px;color:var(--primary-color)}.chat-app .input-wrapper{flex:1 1;display:flex;align-items:center;background-color:#f4f4f4;border-radius:5px;padding:0 10px;height:40px}.chat-app .message-input{flex:1 1;border:none;background:rgba(0,0,0,0);outline:none;padding:12px 0;font-size:14px;color:var(--primary-color)}.chat-app .message-input::placeholder{color:var(--primary-color)}.chat-app .emoji-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:5px;color:var(--primary-color);cursor:pointer;transition:all .2s}.chat-app .emoji-panel{position:absolute;bottom:70px;right:70px;z-index:10;box-shadow:0 10px 15px rgba(0,0,0,.1);border-radius:5px;overflow:hidden}.chat-app .send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:auto;border-radius:5px;background:var(--primary-color);color:#fff;border:none;cursor:pointer}.chat-app .send-btn:disabled{background:hsla(0,0%,80%,.5098039216);color:#666;cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.chat-app .chat-list-skeleton{display:flex;flex-direction:column;gap:12px;padding:12px 16px}.chat-app .chat-item-skeleton{display:flex;align-items:center;gap:12px}.chat-app .chat-info-skeleton{flex:1 1;display:flex;flex-direction:column;gap:8px}.chat-app .messages-skeleton{display:flex;flex-direction:column;gap:12px;padding:16px}.chat-app .message-skeleton{max-width:80%}.chat-app .message-skeleton.left{align-self:flex-start}.chat-app .message-skeleton.right{align-self:flex-end}.action-popup{position:absolute;background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2);min-width:160px;z-index:999999;overflow:hidden}.action-popup .popup-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;transition:background-color .2s}.action-popup .popup-item:hover{background-color:#f5f5f5}.action-popup .popup-item input[type=checkbox]{margin-left:8px;accent-color:var(--primary-color)}.message.selected{background-color:rgba(0,119,255,.1);border-radius:5px;position:relative}.message.selected:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,119,255,.1);z-index:9999}@media(min-width:769px){.chat-sidebar{width:350px;border-right:1px solid #e0e0e0}.mobile-hidden{display:block!important}.chatback-button{display:none}}@media(max-width:768px){.chat-app{flex-direction:column;height:78vh}.chat-app .chat-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #efefef}.chat-app .chat-item.selected,.chat-app .chat-item:hover{box-shadow:none;background-color:rgba(0,0,0,0)}.chat-app .emoji-panel{right:0}.chat-app .input-wrapper{height:35px}.chat-app .attachment-btn,.chat-app .avatar,.chat-app .send-btn{width:35px;height:35px}.chat-app .user-details h3{font-size:15px}.chat-app .header-left{gap:8px}.chat-app .header-action-btn{width:30px;height:30px}.chat-app .message-content{padding:5px 10px;max-width:90%}.chat-app .message-content .message-time{margin-top:2px;font-size:10px}.chat-app .date-label{margin:10px 0}.chat-main{flex:1 1}.chat-list-container{z-index:10}.chat-list-container,.chat-main{position:relative;top:0;left:0;width:100%;transition:transform .3s ease}.chat-main{height:100%;transform:translateX(100%)}.mobile-hidden{transform:translateX(-100%);height:0}.mobile-hidden .chat-item{background:none}.mobile-hidden .chat-item:after,.mobile-hidden .chat-item:before{content:""}.chat-main:not(.mobile-hidden){transform:translateX(0)}.chatback-button{background:none;border:none;margin-right:10px;font-size:1.2rem;cursor:pointer;color:#333;display:flex;justify-content:center;align-items:center}}.settings-container{display:flex;flex-direction:row;height:100%;gap:1.5rem}.settings-container .settings-navigation{width:250px;min-width:250px}.settings-container .settings-content{flex:1 1;padding:0;overflow-y:auto}.settings-container .settings-nav{position:relative;background-color:#fff;border-radius:5px;border:1px solid #efefef}.settings-container .settings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.settings-container .settings-item{border-bottom:1px solid #f0f0f0}.settings-container .settings-item:hover .settings-label,.settings-container .settings-item:hover svg{color:var(--primary-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{display:flex;align-items:center;width:100%;padding:1rem;border:none;background:none;cursor:pointer;text-align:left;transition:background .2s}.settings-container .settings-button:hover{background-color:#fafafa}.settings-container .settings-item-content{display:flex;align-items:center}.settings-container .settings-icon{font-size:1.25rem;margin-right:1rem;color:#656464}.settings-container .settings-text{display:flex;flex-direction:column;align-items:flex-start}.settings-container .settings-text .settings-label{font-size:.95rem}.settings-container .settings-text .settings-sublabel{font-size:.75rem;color:#777}@media(max-width:1024px){.settings-container{flex-direction:column;padding:0;gap:1rem}.settings-container .settings-navigation{width:100%;order:-1}.settings-container .settings-content{padding:1rem .5rem}.settings-container .settings-nav{border-bottom:2px solid #e0e0e0;overflow-x:auto;scroll-snap-type:x mandatory}.settings-container .settings-nav::-webkit-scrollbar{height:3px}.settings-container .settings-nav::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:2px}.settings-container .settings-nav::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.settings-container .settings-list{display:grid;grid-template-columns:repeat(6,1fr)}.settings-container .settings-item{display:inline-block;border-bottom:none;border-right:1px solid #eee}.settings-container .settings-button{flex-direction:column;min-width:20px;padding:.75rem 1rem;text-align:center;height:100%}.settings-container .settings-button:focus{background-color:#dee9f2;border-bottom:2px solid var(--primary-color)}.settings-container .settings-button:active{background-color:#dee9f2}.settings-container .settings-item-content{flex-direction:column;align-items:center}.settings-container .settings-icon{font-size:1rem;margin-right:0;margin-bottom:.15rem}.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{display:grid;grid-template-columns:repeat(6,1fr)}}@media(max-width:468px){.settings-container{gap:5px}.settings-container .settings-button{padding:.3rem .5rem;min-width:50px}.settings-container .settings-icon{font-size:1.2rem;margin-right:0;margin-bottom:0}}.shift-page .responsive-table .table-view .table-actions{display:flex;justify-content:flex-start;gap:10px}.shift-page .responsive-table .table-view .table-actions button{background-color:unset;border:none;outline:none}.shift-page .responsive-table .table-view .table-actions button svg{font-size:16px}.shift-page .responsive-table .table-view .table-actions .edit-btn{color:var(--primary-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{width:100%;padding:8px 12px;border:1px solid #efefef;border-radius:5px;outline:none;transition:border-color .2s}@media(max-width:768px){.shift-page .navigation-buttons{margin-bottom:20px}}.tax-page .action-buttons{display:flex;gap:.5rem;justify-content:flex-start}.tax-page .action-buttons svg{font-size:16px}.tax-page .update-add-btn{background-color:var(--primary-color);color:#fff;display:flex;gap:5px}.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{display:flex;flex-direction:column;gap:15px}.tax-form-wrapper label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.tax-form-wrapper input{border:1px solid #efefef;border-radius: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{display:flex;gap:10px;justify-content:flex-end}.permissions-form-outer td{text-transform:capitalize}.permissions-page{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);border-radius:5px;padding:20px}.permissions-page h5{font-size:24px;font-weight:700;color:#2c2b2e}.permissions-page .role-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:center;grid-gap:20px;gap:20px}.permissions-page .role-cards-container .add-role-card,.permissions-page .role-cards-container .role-card{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.049);border-radius:5px;cursor:pointer}.permissions-page .role-cards-container .role-card{padding:10px;display:flex;flex-direction:column;gap:10px}.permissions-page .role-cards-container .role-card .role-card-actions .role-action{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.permissions-page .role-cards-container .add-role-card{display:flex;justify-content:center;align-items:center;gap:10px}.permissions-page .role-cards-container .add-role-card .add-role-body{padding:10px}.permissions-form-actions-icons-outer{display:flex;gap:10px;justify-content:center;border:none}.role-details-container{display:flex;flex-wrap:wrap;gap:10px}.role-details-container .role-detail-item{flex:1 1;display:flex;align-items:flex-start;gap:10px;border-radius:5px;white-space:nowrap}.role-details-container .role-detail-item .detail-icon{color:#384b70;margin-top:5px}.role-details-container .role-detail-item .detail-content h4{margin:0 0 5px;font-size:14px;font-weight:600;color:#2c2b2e;text-transform:uppercase;letter-spacing:.5px}.role-details-container .role-detail-item .detail-content p{margin:0;font-size:13px;color:#2c2b2e}.role-details-container .permissions-badge{display:flex;align-items:center;gap:8px;font-size:13px}.role-details-container .permissions-badge .permission-icon{font-size:13px}.role-details-container .permissions-badge .permission-icon.all{color:#01a601}.role-details-container .permissions-badge .permission-icon.some{color:#fc0}.role-details-container .permissions-badge .permission-icon.none{color:#ff4c51}.bank-account-form-wrapper .bank-account-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.bank-account-form-wrapper .bank-account-form input,.bank-account-form-wrapper .bank-account-form select{border:1.5px solid #efefef;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:16px;transition:border-color .3s}.bank-account-form-wrapper .bank-account-form input:focus,.bank-account-form-wrapper .bank-account-form select:focus{border-color:var(--primary-light);outline:none}.bank-account-form-wrapper .bank-account-form input.no-spinner::-webkit-inner-spin-button,.bank-account-form-wrapper .bank-account-form input.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bank-account-form-wrapper .bank-account-form input.no-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.bank-account-form-wrapper .bank-account-form .form-input-lable-wrapper label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.bank-account-form-wrapper .bank-form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}.bank-account-list .add-bank-btn-outer{display:flex;justify-content:flex-end;margin-bottom:1rem;gap:5px}@media(max-width:468px){.bank-account-form-wrapper .bank-account-form{display:flex;flex-direction:column}}.holiday-form-wrapper .form-input-lable-wrapper,.leave-form-wrapper .form-input-lable-wrapper{display:flex;flex-direction:column;gap:5px}.holiday-form-wrapper .form-input-lable-wrapper label,.leave-form-wrapper .form-input-lable-wrapper label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.holiday-form-wrapper .holiday-form,.holiday-form-wrapper s .leave-form,.leave-form-wrapper .holiday-form,.leave-form-wrapper s .leave-form{display:flex;flex-direction:column;gap:1rem}.holiday-form-wrapper .leave-form,.leave-form-wrapper .leave-form{display:flex;flex-direction:column;gap:10px}.holiday-form-wrapper .leave-form label,.leave-form-wrapper .leave-form label{letter-spacing:.4px;color:#333;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.holiday-form-wrapper .holiday-form input,.holiday-form-wrapper .holiday-form select,.holiday-form-wrapper .leave-form input,.holiday-form-wrapper .leave-form select,.leave-form-wrapper .holiday-form input,.leave-form-wrapper .holiday-form select,.leave-form-wrapper .leave-form input,.leave-form-wrapper .leave-form select{padding:9px 12px;font-size:16px;border:1.5px solid #efefef;border-radius:6px;transition:border-color .3s ease;outline:none;width:100%}.holiday-form-wrapper .holiday-form input:focus,.holiday-form-wrapper .holiday-form select:focus,.holiday-form-wrapper .leave-form input:focus,.holiday-form-wrapper .leave-form select:focus,.leave-form-wrapper .holiday-form input:focus,.leave-form-wrapper .holiday-form select:focus,.leave-form-wrapper .leave-form input:focus,.leave-form-wrapper .leave-form select:focus{border-color:var(--primary-light)}.holiday-form-wrapper .holiday-form-actions,.holiday-form-wrapper .leave-form-actions,.leave-form-wrapper .holiday-form-actions,.leave-form-wrapper .leave-form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}@media(max-width:480px){.holiday-form-wrapper .holiday-form-wrapper,.holiday-form-wrapper .leave-form-wrapper,.leave-form-wrapper .holiday-form-wrapper,.leave-form-wrapper .leave-form-wrapper{padding:1rem;max-width:100%}}.action-buttons{display:flex;gap:10px}.action-buttons .icon-button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:6px}.action-buttons .icon-button.edit-button{color:var(--primary-color)}.action-buttons .icon-button.delete-button{color:#ff4c51}.action-buttons .icon-button:hover{opacity:.8}.leave-holiday-container .tabs{display:flex;border-bottom:1px solid #e1e4e8;margin-bottom:20px;position:relative}.leave-holiday-container .add-holiday-leave-btn-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.leave-holiday-container .tab{display:flex;align-items:center;justify-content:center;padding:12px 24px;margin-right:8px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#586069;transition:all .3s ease;border-radius:6px 6px 0 0;position:relative;gap:8px}.leave-holiday-container .tab:hover{color:var(--primary-color);background-color:#f6f8fa}.leave-holiday-container .tab.active{color:var(--primary-color);background-color:#fff}.leave-holiday-container .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--primary-color);border-radius:3px 3px 0 0}.leave-holiday-container .setting-tab-content{padding:20px;border-radius:6px}.leave-holiday-container .setting-tab-content>*{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.leave-holiday-container .setting-tab-content{padding:0}}@media(max-width:325px){.leave-holiday-container .tab{padding:10px}}.Sdash-container .overview-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.Sdash-container .s-card{position:relative;overflow:hidden;padding:8px 10px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.049);border:none;cursor:pointer;text-decoration:none}.Sdash-container .s-card.clickable{transition:all .2s ease}.Sdash-container .s-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .2s ease;cursor:pointer}.Sdash-container .s-card .card-content{display:flex;align-items:center;gap:10px}.Sdash-container .s-card .icon-shell{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:rgba(56,75,112,.1)}.Sdash-container .s-card .icon-shell .card-icon{font-size:16px;color:#384b70}.Sdash-container .s-card .card-title{font-size:13px;font-weight:500;color:#999;margin-bottom:2px}.Sdash-container .s-card .card-value{font-size:24px;font-weight:700;color:#384b70;margin:2px 0}.Sdash-container .s-card .progress-tag .trend{font-size:10px;padding:2px 6px;border-radius:8px}.Sdash-container .s-card .progress-tag .trend.up{background:rgba(1,166,1,.1);color:#01a601}.Sdash-container .s-card .progress-tag .trend.down{background:rgba(255,76,81,.1);color:#ff4c51}.Sdash-container .s-card.admin-card{background:#fff;box-shadow:0 4px 6px -1px rgba(66,153,225,.1),0 2px 4px -1px rgba(66,153,225,.06)}.Sdash-container .s-card.admin-card .card-icon,.Sdash-container .s-card.admin-card .card-value,.Sdash-container .s-card.admin-card .icon-shell{color:#4299e1}.Sdash-container .s-card.company-card{background:#fff;box-shadow:0 4px 6px -1px rgba(72,187,120,.1),0 2px 4px -1px rgba(72,187,120,.06)}.Sdash-container .s-card.company-card .card-icon,.Sdash-container .s-card.company-card .card-value,.Sdash-container .s-card.company-card .icon-shell{color:#48bb78}.Sdash-container .s-card.verified-card{background:#fff;box-shadow:0 4px 6px -1px rgba(159,122,234,.1),0 2px 4px -1px rgba(159,122,234,.06)}.Sdash-container .s-card.verified-card .card-icon,.Sdash-container .s-card.verified-card .card-value,.Sdash-container .s-card.verified-card .icon-shell{color:#9f7aea}.Sdash-container .s-card.pending-card{background:#fff;box-shadow:0 4px 6px -1px rgba(237,137,54,.1),0 2px 4px -1px rgba(237,137,54,.06)}.Sdash-container .s-card.pending-card .card-icon,.Sdash-container .s-card.pending-card .card-value,.Sdash-container .s-card.pending-card .icon-shell{color:#ed8936}.admin-avatar-placeholder{width:80px;height:80px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff}.allAdmin-table-outer input,.allAdmin-table-outer select{padding:3px 11px;border-radius:5px;font-size:14px}.allAdmin-table-outer select{cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.049)}.allAdmin-table-outer .status-select{padding:6px 10px;border-radius:5px;font-weight:500}.allAdmin-table-outer .status-select.active{color:#22c55e;border:1px solid #22c55e;background-color:#f0fdf4}.allAdmin-table-outer .status-select.blocked{color:#ef4444;border:1px solid #ef4444;background-color:#fef2f2}.company-table-outer select{cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.049)}.company-table-outer input,.company-table-outer select{padding:3px 11px;border-radius:5px;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{color:#d93025;border:1px solid #d93025}.company-table-outer .verification-select:not(.verified):not(.pending):not(.under_review):not(.rejected){color:#333;border:1px solid #333}.company-table-outer .payment-select.pending{color:#fd7e14;border:1px solid #fd7e14}.company-table-outer .payment-select.processing{color:#17a2b8;border:1px solid #17a2b8}.company-table-outer .payment-select.completed{color:#28a745;border:1px solid #28a745}.company-table-outer .payment-select.failed{color:#d93025;border:1px solid #d93025}.company-table-outer .payment-select:not(.pending):not(.processing):not(.completed):not(.failed){color:#333;border:1px solid #333}.Scompany-nav-outer ul{display:flex;gap:15px;margin-bottom:20px}.Scompany-nav-outer ul a{text-decoration:none;color:#fff;font-weight:500}.Scompany-nav-outer .content-area{width:100%;margin:0 50px}.Scompany-nav-outer .company-table td:last-child{display:flex;align-items:center;justify-content:center;gap:10px;border:none}.Scompany-nav-outer .action-buttons{display:flex;gap:10px;align-items:center}.Scompany-nav-outer .action-buttons button{border:none;font-size:14px;background-color:var(--primary-color);padding:5px 10px;font-weight:600;border-radius:5px;color:#fff}.Scompany-nav-outer .action-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.058);border-color:rgba(var(--primary-color),.2);cursor:pointer}.vc-modern-container .subscribed-package-card{position:relative;background:#fff;border:1px solid #efefef;border-radius:5px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.049);overflow:hidden}.vc-modern-container .subscribed-package-card .ribbon{position:absolute;top:15px;right:-25px;background:var(--primary-color);color:#fff;padding:3px 25px;font-size:12px;font-weight:700;transform:rotate(45deg);box-shadow:0 1px 3px rgba(0,0,0,.2)}.vc-modern-container .subscribed-package-card h2{font-size:18px;color:var(--primary-color);margin-top:0;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #efefef}.vc-modern-container .subscribed-package-card ul{list-style:none;padding:0;margin:0 0 15px}.vc-modern-container .subscribed-package-card ul li{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;border-bottom:1px dashed #efefef}.vc-modern-container .subscribed-package-card ul li strong{font-weight:600;color:#555}.vc-modern-container .subscribed-package-card ul li:last-child{border-bottom:none}.vc-modern-container .subscribed-package-card .package-upgrade-btn-outer{display:flex;justify-content:flex-end}.vc-modern-container .subscribed-package-card .package-upgrade-btn-outer .package-upgrade-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;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;padding:10px 20px;margin-bottom:20px}.vc-company-logo{display:flex;align-items:center;gap:5px}.vc-modern-back{display:inline-flex;align-items:center;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;transition:.3s}.vc-modern-back:hover{color:rgba(var(--primary-color),15%)}.vc-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.vc-header-main .vc-company-logo-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:1rem;box-shadow:0 0 5px rgba(0,0,0,.1)}.vc-header-main .vc-company-logo-wrapper img.vc-company-logo{width:100%;height:100%;object-fit:cover}.vc-company-name{font-size:24px;margin-bottom:.5rem;font-weight:700}.vc-company-meta,.vc-company-name{color:var(--primary-color);border-bottom:1px solid var(--primary-color)}.vc-company-meta{gap:1rem;padding-bottom:5px;font-size:14px;display:flex}.vc-company-meta span{position:relative;padding:0 5px}.vc-company-meta span:not(:last-child):after{content:"|";position:absolute;right:-.5rem;color:var(--primary-color)}.vc-status-container{flex-shrink:0;gap:.75rem;display:flex;border-bottom:1px solid var(--primary-color);padding-bottom:5px}.vc-status{padding:.5rem 1rem;border-radius:5px;font-size:14px;font-weight:600}.vc-status-verified{background:rgba(1,166,1,.1);color:#01a601}.vc-status-pending{background:rgba(255,204,0,.1);color:#fc0}.vc-status-unpaid{background:rgba(255,76,81,.1);color:#ff4c51}.vc-modern-grid{display:grid;grid-template-columns:1fr 400px;grid-gap:20px;gap:20px}.vc-details-card{background:#fff;border-radius:5px;padding:20px;margin-bottom:20px}.vc-section-title{display:flex;align-items:center;gap:.75rem;font-size:18px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f3f3}.vc-section-title,.vc-title-icon{color:var(--primary-color)}.vc-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.vc-detail-grid .vc-status{font-weight:600;padding:4px 10px;border-radius:5px;display:inline-block;text-transform:capitalize}.vc-detail-grid .vc-status.vc-status-success{color:#01a601}.vc-detail-grid .vc-status.vc-status-danger,.vc-detail-grid .vc-status.vc-status-default,.vc-detail-grid .vc-status.vc-status-warning{color:#ff4c51}.vc-detail-item{padding:1rem;background:#f9f9f9;border-radius:5px}.vc-detail-item .buttons.vc-terms-showmore-buttons{margin-top:10px}.vc-detail-label{font-size:14px;color:#999;margin-bottom:.25rem}.vc-detail-value{font-size:18px;color:#2c2b2e;font-weight:500;text-transform:capitalize}.vc-action-buttons{display:flex;gap:1rem;margin-top:2rem}.vc-action-btn{padding:5px 10px;border-radius:5px;display:inline-flex;align-items:center;gap:5px;font-weight:600;transition:.3s}.vc-action-btn.vc-edit-btn{color:#fff;background:var(--primary-color);border:none;cursor:pointer}.vc-action-btn.vc-edit-btn:hover{background:rgba(0,150,147,.1607843137)}.vc-action-btn.vc-delete-btn{background:#ff4c51;color:#fff;border:none;cursor:pointer}.vc-action-btn.vc-delete-btn:hover{background:rgba(255,76,81,.1)}.vc-documents-card{background:#fff;border-radius:5px;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.company-documents-grid,.vc-documents-grid{grid-gap:1.5rem;gap:1.5rem;display:grid}.company-documents-grid{grid-template-columns:1fr 1fr 1fr}.vc-document-card{border:1px solid #efefef;border-radius:5px;overflow:hidden}.vc-document-header{background:#f9f9f9;padding:1rem;font-weight:600;color:#2c2b2e}.vc-document-preview{position:relative;height:250px;background:#f3f3f3}.vc-document-image{transition:transform .3s}.vc-document-image:hover{transform:scale(1.05)}.vc-document-missing{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-style:italic}.company-card-link{text-decoration:none;color:inherit;display:block}.company-card-link .company-card{transition:transform .2s ease;cursor:pointer}.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-details-card,.vc-documents-card{padding:10px}}@media(max-width:448px){.vc-company-logo{flex-direction:column;align-items:center;text-align: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{padding:32px;background:#fff;border-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.05);margin:32px auto;font-family:Segoe UI,sans-serif}.edit-company-wrapper h1{font-size:24px;font-weight:700;margin-bottom:24px}.edit-company-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.edit-company-form .form-group{display:flex;flex-direction:column}.edit-company-form .form-group label{font-size:16px;font-weight:500;margin-bottom:6px;color:#2c2b2e}.edit-company-form .form-group input,.edit-company-form .form-group select{width:100%;padding:10px;font-size:16px;border:1px solid rgba(0,150,147,.34);border-radius:5px}.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{position:relative;width:100%;height:200px;border:1px solid #ddd;border-radius:5px;overflow:hidden;background:#f9f9f9}.vadmin-container{background-color:#f9f9f9;min-height:100vh;font-family:DMSans,sans-serif;font-size:16px}.modern-admin-card{background:#fff;border-radius:5px;box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725);display:flex;gap:3rem;padding:2rem;margin-bottom:3rem;position:relative;overflow:hidden}.modern-admin-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-color)}.modern-admin-card .admin-image-side{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.modern-admin-card .admin-image-side .admin-avatar{border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.049);border:3px solid #fff}.modern-admin-card .admin-image-side span[class*=admin-status]{background:#01a601;color:#fff;position:relative;padding:.3rem 1rem;border-radius:5px;font-size:12px;font-weight:600;box-shadow:0 4px 6px rgba(0,0,0,.049);text-transform:capitalize}.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:"";position:absolute;left:5;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#fff;border-radius: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{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.modern-admin-card .admin-info-side .admin-field{display:flex;align-items:center;gap:7px;color:#333;font-size:14px;border-bottom:1px dashed var(--primary-color);padding-bottom:7px}.modern-admin-card .admin-info-side .admin-field .admin-info-side-lable-value{display:flex;gap:7px;flex-wrap:wrap}.modern-admin-card .admin-info-side .admin-field svg{color:var(--primary-color);font-size:16px;flex-shrink:0}.modern-admin-card .admin-info-side .admin-field strong{font-weight:500;color:#2c2b2e}.modern-admin-card .admin-info-side .admin-field .admin-info-side-lable{display:flex;gap:5px;align-items:center}.company-cards-outer{background:#fff;border-radius:5px;padding:2rem;box-shadow:0 18px 40px 0 rgba(1,150,147,.0784313725)}.company-cards-outer .admin-subtitle{color:var(--primary-color);margin-bottom:1.5rem;font-size:24px;font-weight:600;border-bottom:.5px solid var(--primary-color);padding-bottom:5px}.company-cards-outer .company-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.company-cards-outer .company-cards-wrapper .company-card{background:#f3f3f3;padding:1.5rem;border-radius:5px;transition:all .3s}.company-cards-outer .company-cards-wrapper .company-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px rgba(0,0,0,.049)}.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;padding:20px 10px;gap:2rem}.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{font-size:20px;margin-bottom:15px}.modern-admin-card .admin-info-side{grid-template-columns:repeat(1,1fr)}.company-cards-outer .admin-subtitle{font-size:16px}}.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;max-width:1320px;margin:30px auto}.packages-grid .package-card{background:#fff;border:1px solid #efefef;border-radius:5px;width:100%;padding:10px 20px;position:relative;overflow:hidden}.packages-grid .package-card .planName,.packages-grid .package-card .price-range{margin-bottom:5px}.packages-grid .package-card .ribbon{position:absolute;top:8px;right:-25px;background:#ff4c51;color:#fff;padding:2px 25px;font-size:12px;font-weight:600;transform:rotate(45deg)}.packages-grid .package-card .planPrice{font-size:24px;color:var(--primary-color);font-weight:600;margin-bottom:16px}.packages-grid .package-card .features{list-style:none;padding-left:0;margin:10px 0 20px}.packages-grid .package-card .features li{margin-bottom:8px;font-size:14px;color:#333;position:relative;padding:0 0 10px;display:flex;align-items:center;gap:5px}.packages-grid .package-card .features li:not(:last-child){border-bottom:1px dashed #e2e8f0}.packages-grid .package-card .pricing-buttons{display:flex;gap:12px;align-items:center}.packages-grid .package-card .pricing-buttons button{width:100%;padding:5px 10px;font-size:14px;font-weight:500;border-radius:5px;letter-spacing:.2px;cursor:pointer}.packages-grid .package-card .pricing-buttons button:hover{background-color:var(--primary-light);color:#fff;border:1px solid var(--primary-light)}.packages-grid .package-card .btnPrimary{background-color:var(--primary-color);color:#fff}.packages-grid .package-card .btnSecondary{color:var(--primary-color);background-color:#fff;border:1px solid var(--primary-color);text-decoration:none;white-space:nowrap;width:100%;padding:8px 12px;font-size:14px;font-weight:500;border-radius:5px;letter-spacing:.2px;cursor:pointer;text-align:center}.packages-grid .package-card .btnOnline{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.add-packages-conatiner .superadmin-packages-container .categories-cell{position:relative}.add-packages-conatiner .superadmin-packages-container .categories-cell .categories-toggle{display:flex;align-items:center;cursor:pointer;padding:6px 10px;border-radius:5px;justify-content:space-between;transition:background-color .3s ease}.add-packages-conatiner .superadmin-packages-container .categories-cell .categories-toggle:hover{background-color:#f1f1f1}.add-packages-conatiner .superadmin-packages-container .categories-cell .categories-toggle .categories-show{font-weight:500;margin-right:8px}.add-packages-conatiner .superadmin-packages-container .categories-cell .categories-toggle .toggle-icon{transition:transform .3s ease;color:#888}.add-packages-conatiner .superadmin-packages-container .categories-cell .categories-toggle .toggle-icon.open{transform:rotate(180deg);color:var(--primary-color)}.add-packages-conatiner .superadmin-packages-container .categories-cell .categories-toggle .categories-show{display:flex;gap:5px}.add-packages-conatiner .superadmin-packages-container .categories-cell .category-dropdown{position:absolute;top:100%;left:0;z-index:10;background:#fff;border:1px solid #cecece;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.06);margin-top:6px;min-width:180px;max-height:160px;overflow-y:scroll}.add-packages-conatiner .superadmin-packages-container .categories-cell .category-dropdown .category-item{padding:4px 10px;font-size:14px;border-bottom:1px solid #c7c7c7}.add-packages-conatiner .superadmin-packages-container .categories-cell .category-dropdown .category-item:last-child{border-bottom:none}.add-packages-conatiner .superadmin-packages-container .categories-cell .category-dropdown .category-item:hover{background-color:#f1f9f9;color:var(--primary-color);border-right:3px solid var(--primary-color)}.add-packages-conatiner .superadmin-packages-container .responsive-table{margin:10px 0;overflow:visible}.add-packages-conatiner .superadmin-packages-container .responsive-table .table-view .package-name{text-transform:capitalize;color:#2c2b2e;font-weight:600}.add-packages-conatiner .superadmin-packages-container .responsive-table .table-view .Package-type{text-transform:capitalize;font-weight:600}.add-packages-conatiner .superadmin-packages-container .responsive-table .table-view .package-action-buttons{display:flex;justify-content:space-around}.add-packages-conatiner .superadmin-packages-container .responsive-table .table-view .package-action-buttons .package-edit-icon{color:#008001}.add-packages-conatiner .superadmin-packages-container .responsive-table .table-view .package-action-buttons .package-delete-icon{color:#ff4c51}.add-packages-conatiner .superadmin-packages-container button:hover{background-color:var(--primary-color);box-shadow:0 4px 6px rgba(0,0,0,.049)}.package-details{padding:0}.package-details .detail-section{margin-bottom:16px}.package-details .detail-section .categories-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.package-details .detail-section .categories-grid .category-item{background:#f8fafc;padding:4px 20px;border-radius:16px;font-size:12px;font-weight:500;color:#4a5568;border:1px solid #e2e8f0}.package-details .detail-section .price-limits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.package-details .detail-section .price-limits-grid .price-limit-card{background:#fff;border-radius:8px;border:1px solid #edf2f7;box-shadow:0 1px 3px rgba(0,0,0,.05)}.package-details .detail-section .price-limits-grid .price-limit-card .card-header{background:#f0f4f8;padding:8px 16px;border-bottom:1px solid #e2e8f0}.package-details .detail-section .price-limits-grid .price-limit-card .card-header h4{margin:0;font-size:14px;font-weight:600;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.package-details .detail-section .price-limits-grid .price-limit-card .card-body{padding:16px;display:grid;grid-gap:12px;gap:12px}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .price-section{padding:12px;background:#f8fafc;border-radius:6px;text-align:center}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .price-section .price-row{display:flex;align-items:flex-end;justify-content:center;gap:5px}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .price-section .price-label{font-size:12px;color:#718096;margin-bottom:4px}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .price-section .price-value{font-size:18px;font-weight:700;color:#2d3748}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .limits-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .limits-section .limit-row{display:flex;flex-direction:column}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .limits-section .limit-row .limit-label{font-size:12px;color:#718096;font-weight:500}.package-details .detail-section .price-limits-grid .price-limit-card .card-body .limits-section .limit-row .limit-value{font-size:14px;font-weight:600;color:#2f855a;margin-top:2px}@media(max-width:768px){.package-details .price-limits-grid{grid-template-columns:1fr}.package-details .price-limits-grid .limits-section{grid-template-columns:1fr;gap:8px}}.package-details .feature-label{color:var(--primary-color);font-weight:600}.package-details .feature-row{display:flex;justify-content:space-between}.package-details .features-section{display:flex;flex-direction:column;gap:8px}.superadmin-package-details-container .add-new-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.superadmin-package-details-container .add-new-section h3{margin:0 0 15px;color:#495057;font-size:18px;font-weight:600}.superadmin-package-details-container .add-new-section .add-form{display:grid;grid-template-columns:1fr auto;grid-gap:15px;gap:15px;align-items:end}@media(max-width:768px){.superadmin-package-details-container .add-new-section .add-form{grid-template-columns:1fr;gap:10px}}.superadmin-package-details-container .add-new-section .add-form .input-field{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.superadmin-package-details-container .add-new-section .add-form .input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.superadmin-package-details-container .add-new-section .add-form .btn-add{background-color:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.superadmin-package-details-container .add-new-section .add-form .btn-add:hover:not(:disabled){background-color:var(--primary-dark)}.superadmin-package-details-container .add-new-section .add-form .btn-add:disabled{background-color:#ccc;cursor:not-allowed}.superadmin-package-details-container .package-detail-action-buttons{display:flex;gap:8px;align-items:center}.superadmin-package-details-container .package-detail-action-buttons .package-detail-cancel-icon,.superadmin-package-details-container .package-detail-action-buttons .package-detail-delete-icon,.superadmin-package-details-container .package-detail-action-buttons .package-detail-edit-icon,.superadmin-package-details-container .package-detail-action-buttons .package-detail-save-icon{cursor:pointer;padding:6px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.superadmin-package-details-container .package-detail-action-buttons .package-detail-cancel-icon:hover,.superadmin-package-details-container .package-detail-action-buttons .package-detail-delete-icon:hover,.superadmin-package-details-container .package-detail-action-buttons .package-detail-edit-icon:hover,.superadmin-package-details-container .package-detail-action-buttons .package-detail-save-icon:hover{transform:scale(1.1)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-cancel-icon.disabled,.superadmin-package-details-container .package-detail-action-buttons .package-detail-delete-icon.disabled,.superadmin-package-details-container .package-detail-action-buttons .package-detail-edit-icon.disabled,.superadmin-package-details-container .package-detail-action-buttons .package-detail-save-icon.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.superadmin-package-details-container .package-detail-action-buttons .package-detail-edit-icon{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.1)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-edit-icon:hover{background-color:rgba(var(--primary-color-rgb),.2)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-delete-icon{color:#dc3545;background-color:rgba(220,53,69,.1)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-delete-icon:hover{background-color:rgba(220,53,69,.2)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-save-icon{color:#28a745;background-color:rgba(40,167,69,.1)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-save-icon:hover:not(.disabled){background-color:rgba(40,167,69,.2)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-cancel-icon{color:#6c757d;background-color:rgba(108,117,125,.1)}.superadmin-package-details-container .package-detail-action-buttons .package-detail-cancel-icon:hover{background-color:rgba(108,117,125,.2)}.superadmin-package-details-container .description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superadmin-package-details-container .edit-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.superadmin-package-details-container .edit-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.superadmin-package-details-container .no-data-message{text-align:center;padding:40px 20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px}.superadmin-package-details-container .no-data-message p{margin:0;color:#6c757d;font-size:16px;font-style:italic}.business-categories{max-width:800px;margin:0 auto;padding:20px 0}.business-categories .section-header{margin-bottom:24px}.business-categories .section-header h2{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.business-categories .section-header p{color:#666;font-size:14px}.business-categories .category-form{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.business-categories .category-form input{max-width:500px;width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.business-categories .category-form input:focus{outline:none;border-color:var(--primary-color)}.business-categories .category-form .form-buttons{display:flex;gap:8px}.business-categories button{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;transition:all .2s}.business-categories button.primary{background:var(--primary-color);color:#fff}.business-categories button.primary:hover{background:var(--primary-light)}.business-categories button.secondary{background:#f0f0f0;color:#333}.business-categories button.secondary:hover{background:#e0e0e0}.business-categories button.danger{background:#ffebee;color:#d32f2f}.business-categories button.danger:hover{background:#ffcdd2}.business-categories .categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.business-categories .categories-list .category-item{background:#fff;border-radius:5px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.049)}.business-categories .categories-list .category-item span{font-weight:500;white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.business-categories .categories-list .category-item .item-actions{display:flex;gap:8px}.business-categories .categories-list .category-item .item-actions button{padding:6px;background:rgba(0,0,0,0)}.business-categories .categories-list .error,.business-categories .categories-list .loader{padding:20px;text-align:center;grid-column:1/-1}.business-categories .categories-list .error{color:#d32f2f}.business-categories .view-more{width:100%;margin-top:16px;background:#f5f5f5}.business-types-page .add-business-type-btn-wrapper{display:flex;justify-content:flex-end;margin-bottom:10px}.busness-type-form-wrapper .busness-type-input-wrapper{display:flex;flex-direction:column;gap:10px}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group{display:flex;flex-direction:column}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group label{margin-bottom:5px;font-weight:400;display:block;font-size:13px;letter-spacing:.4px;color:#333}.busness-type-form-wrapper .busness-type-input-wrapper .busness-type-input-group input{border:1px solid #efefef}.busness-type-form-wrapper .busness-type-form-action-wrapper{display:flex;gap:10px;justify-content:flex-end;margin-top:21px}.add-packages-conatiner .form{display:flex;flex-direction:column;gap:2rem}.add-packages-conatiner .form .form-section{background:#fff;padding:1.5rem;border-radius:5px;border:1px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.049)}.add-packages-conatiner .form .form-section .section-title{font-size:1.2rem;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--primary-color)}.add-packages-conatiner .form .form-group-outer{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.add-packages-conatiner .form .form-group-outer .form-group{margin-bottom:1.5rem}.add-packages-conatiner .form .form-group-outer .bc-group-span{justify-content:center;align-items:center}.add-packages-conatiner .form .form-group-outer .bc-group-span .selected-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.add-packages-conatiner .form .form-group-outer .bc-group-span .selected-items .selected-item{background:#edf2f7;padding:5px 10px;border-radius:5px;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.add-packages-conatiner .form .form-group-outer .bc-group-span .selected-items .selected-item .remove-item{background:none;border:none;color:#999;cursor:pointer;display:flex;align-items:center;font-size:14px;position:absolute;bottom:-50px;right:-10px}.add-packages-conatiner .form .form-group-outer .bc-group-span .selected-items .selected-item .remove-item:hover{color:#e53e3e}.add-packages-conatiner .form .grids{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.add-packages-conatiner .form .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#4a5568}.add-packages-conatiner .form .form-label .required{color:#e53e3e;margin-left:.25rem}.add-packages-conatiner .form .form-input{width:100%;padding:10px;border:1px solid #cbd5e0;border-radius:5px;font-size:1rem;transition:border-color .2s}.add-packages-conatiner .form .form-input:focus{outline:none;border-color:var(--primary-color)}.add-packages-conatiner .form .form-input::placeholder{font-size:14px}.add-packages-conatiner .form .input-with-icon{position:relative}.add-packages-conatiner .form .input-with-icon .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#718096}.add-packages-conatiner .form .input-with-icon .form-input{padding-left:2.5rem}.add-packages-conatiner .form .icon{color:#4a5568}.add-packages-conatiner .form .multi-select,.add-packages-conatiner .form .multi-select .dropdown-container{position:relative}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-toggle{width:100%;padding:10px;background:#fff;border:1px solid #cbd5e0;border-radius:5px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .2s}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-toggle:hover{border-color:#a0aec0}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-toggle .dropdown-icon{color:#384b70}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:10;margin-top:.25rem}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-menu .dropdown-item{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;text-transform:capitalize}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-menu .dropdown-item:hover{background:#f7fafc}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-menu .dropdown-item span{font-size:14px;color:#384b70;font-weight:600}.add-packages-conatiner .form .multi-select .dropdown-container .dropdown-menu .dropdown-item input[type=checkbox]{accent-color:#384b70;width:15px;height:15px}.add-packages-conatiner .form .package-action{position:relative;display:inline-block;display:flex;justify-content:flex-end}.pricing-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:2rem}@media(max-width:768px){.pricing-cards-container{grid-template-columns:1fr}}.pricing-cards-container .pricing-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s}.pricing-cards-container .pricing-card .card-header{background:var(--primary-color);color:#fff;padding:10px 20px;position:relative;display:flex;justify-content:space-between;align-items:center}.pricing-cards-container .pricing-card .card-header .clear-card-btn{background:none;border:none;color:#ff4c51;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.pricing-cards-container .pricing-card .card-header h3{margin:0;font-size:1.2rem}.pricing-cards-container .pricing-card .card-body{padding:20px}.limit-input-group,.price-input-group{margin-bottom:15px}.limit-input-group label,.price-input-group label{display:block;margin-bottom:5px;font-weight:500;color:#333;display:flex;align-items:center;gap:8px}.limit-input-group input,.price-input-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.limit-checkbox-group{display:flex;flex-direction:column;gap:10px;margin-top:10px;grid-column:1/-1}.limit-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:#4a5568;transition:color .2s}.limit-checkbox-group label:hover{color:#2d3748}.limit-checkbox-group label input[type=checkbox]{accent-color:#384b70;width:15px;height:15px}.price-input-group input{font-weight:700;color:var(--primary-color)}@media(max-width:1440px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.packages-grid{grid-template-columns:repeat(2,1fr)}.add-packages-conatiner .header{flex-direction:column;justify-content:flex-start;align-items:flex-start}}@media(max-width:768px){.packages-grid{max-width:100%;padding:20px 10px;margin:0;gap:12px}.add-packages-conatiner .form-section{padding:1rem}.grid-cols-2{grid-template-columns:1fr!important}.container{padding:1rem}}@media(max-width:568px){.add-packages-conatiner .form .form-group-outer{display:flex!important;flex-direction:column!important}.packages-grid{grid-template-columns:1fr}}@media(max-width:425px){.add-packages-conatiner .header h1{color:#2d3748;font-size:22px}}*{margin:0;padding:0;font-family:DMSans,sans-serif!important;box-sizing:border-box}* svg{cursor:pointer}.MuiTypography-root,body,button,input,textarea{font-family:DMSans,sans-serif!important}.Toastify__toast-container{z-index:999999999999999!important;position:fixed!important;top:20px!important;right:20px!important}.Toastify__toast{position:relative!important;z-index:999999999999999!important}.drag-scroll{cursor:-webkit-grab;cursor:grab;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.drag-scroll.dragging,.drag-scroll.dragging th,.drag-scroll.dragging tr{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{background-color:#f8f7fa;margin:0!important;padding:0!important;top:0!important;position:relative!important}#goog-gt-tt,.goog-logo-link,.goog-te-balloon-frame,.goog-te-banner-frame,.goog-te-gadget span,.gskiptranslate,body>.skiptranslate,div#goog-gt-{display:none!important}.goog-te-gadget{color:rgba(0,0,0,0)!important;font-size:0;width:0;height:0;display:none}.goog-text-highlight{background:none!important;box-shadow:none!important}#google_translate_element select{background:rgba(0,0,0,0);color:#333;border:none;font-weight:700;border-radius:3px;padding:0;margin:0;width:0;height:0;display:none}.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{display:none!important}::-webkit-scrollbar{display:none}.buttons,.cancel-btn{padding:6px 12px;border-radius:5px;border:1px solid var(--primary-color);font-size:16px;letter-spacing:.3px;display:flex;justify-content:center;text-align:center;align-items:center;gap:5px;cursor:pointer}.buttons{background-color:var(--primary-color);color:#fff}.buttons:hover{background-color:var(--primary-light)}.cancel-btn{background-color:rgba(0,0,0,0);color:var(--primary-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input,select,textarea{background-color:#fff}input:focus,select:focus,textarea:focus{outline:none}.hr-attendance-table .user-status .status{text-transform:capitalize;padding:5px 12px;color:#fff;border-radius:5px;text-align:center}.hr-attendance-table .approval-status .status{text-transform:capitalize;padding:5px 12px;color:#fff;border-radius:50px;text-align:center}.datetime-local-input:hover{cursor:pointer}.employee-attendance-view .approval-status .status,.employee-attendance-view .user-status .status{text-transform:capitalize;padding:5px 12px;color:#fff;border-radius:5px;text-align:center}.single-item-images{height:200px}.main{display:flex;overflow:hidden;width:100%}.main .main-content{flex:1 1;overflow-y:auto;width:100%;min-height:0;height:100vh;margin:0 50px}.main .main-content .page-content{padding:20px 0}.login-container{align-items:center;gap:20px}.login-card,.login-card form,.login-container{display:flex;flex-direction:column}.login-card form{gap:20px}.login-card form input{padding:10px;font-size:18px}.login-card form button{padding:10px;cursor:pointer}.react-datepicker-popper{z-index:999999!important;box-shadow:0 4px 6px rgba(0,0,0,.049)}.react-datepicker-popper .react-datepicker{border:1px solid var(--primary-color);border-radius:5px;background-color:#fff}.react-datepicker-popper .react-datepicker__popper{background-color:#fff;z-index:99999}.react-datepicker-popper .react-datepicker__week{text-align:center;cursor:pointer;border-bottom:1px solid #f4f4f4;grid-template-columns:repeat(7,1fr);padding:5px 0;display:grid}.react-datepicker-popper .react-datepicker__day-names{text-align:center;border-bottom:.5px solid var(--primary-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{font-size:20px;display:flex;justify-content:center}.react-datepicker-popper .react-datepicker .react-datepicker__day-name{color:#fff;font-size:15px;font-weight:500}.react-datepicker-popper .date-p-header{display:flex;gap:2px;padding:10px 5px}.react-datepicker-popper .date-p-btn{font-size:29px;color:#fff;cursor:pointer;background-color:hsla(0,0%,100%,0);border:none}.react-datepicker-popper .date-p-header-month,.react-datepicker-popper .date-p-year,.react-datepicker-popper select.mr-2.p-1.bg-white.border.rounded,.react-datepicker-popper select.p-1.bg-white.border.rounded{padding:5px}.react-datepicker-popper .datepicker-sunday{color:red!important}svg.react-datepicker__triangle{color:var(--primary-color)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{color:#fff;background-color:#216ba5;border-radius:5px}.react-datepicker__day--keyboard-selected.datepicker-sunday,.react-datepicker__day--selected.datepicker-sunday{color:#fff!important;background-color:#216ba5;border-radius:5px}.react-datepicker__day{padding:0;font-size:14px;font-weight:500;color:var(--primary-color)}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem;background-color:var(--primary-color)}.react-datepicker__day-name,h2.react-datepicker__current-month{color:#fff!important}.react-datepicker__month-container{float:left;width:100%}.react-datepicker__tab-loop{position:absolute}.react-datepicker__month-dropdown-container--select,.react-datepicker__year-dropdown-container--select{margin:0!important}.react-datepicker__header__dropdown.react-datepicker__header__dropdown--select{display:flex;gap:10px;justify-content:space-around}.form-group.select-wrapper{position:relative;width:100%}.select-container{position:relative}.select-container select{width:100%;padding:8px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(0,0,0,0);font-size:15px;font-weight:500;border:1px solid #efefef;border-radius:5px;transition:all .2s}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.select-arrow svg{color:#ccc}.placeholder-selected{color:#ccc;font-size:16px;font-weight:500;letter-spacing:.3px;background-color:rgba(0,0,0,0)}.value-selected{color:#000}.placeholder-selected+.select-arrow svg{color:#ccc}.value-selected+.select-arrow svg,select option{color:#000}select option[value=""]{color:#ccc;font-size:14px;font-weight:500}input::placeholder,textarea::placeholder{color:#ccc;font-size:14px;letter-spacing:.3px;background-color:rgba(0,0,0,0)}@media(max-width:1024px){.main .main-content{margin:0}.main .main-content .page-content{padding:10px}}@media screen and (max-width:767px){.main .main-content{padding-bottom:80px}}@media(max-width:468px){.buttons,.cancel-btn{padding:5px 10px}}