.dashboard-header{align-items:center;background:#f8f8f8;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 40px}.dashboard-header h1{color:#1a202c;font-size:24px;margin:0}.logout-button{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.logout-button:hover{background-color:#c53030}.dashboard-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:30px;max-width:100%;overflow:visible}@media (max-width:968px){.dashboard-content{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-content{gap:15px;grid-template-columns:1fr;margin-top:20px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 20px}.logout-button{text-align:center;width:100%}}.welcome-card{background:#f8f8f8;border-radius:12px;margin-top:20px;padding:40px;text-align:center}.welcome-card h2{color:#1a202c;font-size:28px;margin:0 0 16px}.welcome-card p{color:#718096;font-size:16px;margin:0}.chart-card,.line-chart-card{background:#fff;max-width:100%;overflow:hidden;position:relative}.chart-card{border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;padding:20px}.chart-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;touch-action:pan-x;width:100%}.chart-wrapper::-webkit-scrollbar{height:6px}.chart-wrapper::-webkit-scrollbar-track{background:#0000}.chart-wrapper::-webkit-scrollbar-thumb{background:#5c308d4d;border-radius:3px}.chart-wrapper::-webkit-scrollbar-thumb:hover{background:#5c308d80}.chart-header{margin-bottom:20px}.chart-title{color:#111827;margin:0 0 4px}.chart-subtitle,.chart-title{font-family:Inter,sans-serif;padding:0}.chart-subtitle{font-size:14px;font-weight:400;margin:0}.chart-scroll{-webkit-overflow-scrolling:touch;cursor:grab;position:relative;scroll-behavior:smooth;touch-action:pan-x}.chart-scroll:active{cursor:grabbing}.chart-scroll svg{pointer-events:none}.chart-scroll .recharts-surface{touch-action:none}.chart-container{max-width:none}.chart-container .recharts-wrapper{width:100%!important}.chart-container svg{display:block}@media (max-width:768px){.line-chart-card{padding:15px}.chart-scroll{scrollbar-color:#5c308d4d #0000;scrollbar-width:thin}.chart-scroll::-webkit-scrollbar{height:4px}.chart-scroll::-webkit-scrollbar-track{background:#0000}.chart-scroll::-webkit-scrollbar-thumb{background:#5c308d4d;border-radius:2px}.chart-container{min-width:800px}}.chart-scroll{overflow-x:auto;overflow-y:hidden;width:100%}.chart-container{display:inline-block;min-width:600px}.plan-code-badge{background:#5c308d;border-bottom:1.5px solid #e0e0e0;border-radius:16px 16px 0 0;box-shadow:0 1px 2px #2b7a780d;color:#fff;display:block;font-size:15px;font-weight:700;letter-spacing:.5px;margin:0;padding:8px 0;text-align:center;white-space:nowrap;width:100%}.cards-container{margin-top:20px}.card-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));width:100%}.cardItem{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:24px;transition:all .3s ease}.cardItem:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-content{display:flex;flex-direction:column;gap:16px}.card-top-row{align-items:flex-start;display:flex;justify-content:space-between}.card-icon{border-radius:12px;flex-shrink:0;justify-content:center;padding:10px}.card-icon,.card-trend{align-items:center;display:flex}.card-trend{font-size:13px;font-weight:600;gap:4px;margin:0}.card-trend.positive{color:#4caf50}.card-trend.negative{color:#ff6b6b}.card-value{color:#5c308d;font-size:24px;font-weight:700;line-height:1.2;margin:0}.card-title{color:#999;font-size:14px;font-weight:500;margin:0}.card-category{align-items:flex-start;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;text-align:left}.card-icon-category{align-items:center;border-radius:30px;display:flex;flex-shrink:0;font-size:14px;justify-content:center;margin-bottom:30px;padding:15px;width:max-content}.card-title-category{color:#949494;font-size:14px;font-weight:600;letter-spacing:.3px;margin:0}.tableHead th{background:#c25a1ede!important;color:#fff!important}.activity-card{background:#f8f9fb;border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-top:30px;padding:16px}.title{font-size:16px;font-weight:600;margin-bottom:10px}.activity-row{border-top:1px solid #eee;padding:14px 0}.left{align-items:center;display:flex;gap:12px}.avatar{background:#e9e4ff;border-radius:50%;color:#6c3ef4;height:36px;width:36px}.name{font-size:14px;font-weight:600;margin:0}.action{margin:0}.action,.time{color:#888;font-size:12px}.activity-card{background:#fff;border:1px solid #ece8f5;border-radius:12px;margin-top:24px;padding:24px}.activity-card .title{color:#1a1a2e;font-size:16px;font-weight:600;margin:0 0 20px}.activity-row{align-items:center;border-bottom:1px solid #f3f0fa;display:flex;justify-content:space-between;padding:14px}.activity-row:last-child{border-bottom:none;padding-bottom:0}.activity-row .left{align-items:center;display:flex;gap:14px}.activity-row .mark{border-radius:50%;flex-shrink:0;height:8px;width:8px}.activity-row .name{color:#1a1a2e;font-size:14px;font-weight:600;margin:0 0 3px}.activity-row .detail,.activity-row .time{color:#9b9baf;font-size:12px;margin:0}.activity-row .time{white-space:nowrap}.activity-pagination .pagination{margin:12px 0 0;padding-top:8px}.activity-card .no-activity{color:#9b9baf;font-size:14px;margin:0}.pagination{display:flex;gap:20px;justify-content:flex-end;margin:30px 20px 50px}.pagination-btn{background-color:#fff;border:none;border-radius:50px;box-shadow:0 4px 4px rgba(0,0,0,.131);color:#5c308d;font-weight:bolder;height:35px;width:35px}.pagination-btn.active,.pagination-btn:hover{background-color:#5c308d;color:#fff}.nested-submenu{animation:slideDown .3s ease;background:#e9f2fa;border-radius:0 0 8px 8px;list-style:none;margin-top:5px!important;padding:8px 5px}.nested-submenu li a{background:none;color:#080808;font-weight:500;padding-left:55px!important}.nested-submenu li a:hover{background:#0000;color:#5c308d;transform:none}.nested-submenu li.active a{background:#0000;box-shadow:none;color:#5c308d;font-weight:600}@media (max-width:1024px){.sidebar{display:none}}.sidebar{background:#f8f8f8;color:#020202;display:flex;flex-direction:column;height:-webkit-fill-available;left:0;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:clamp(280px,20vw,310px);z-index:1200}.sidebar.open{transform:translateX(0)}.main-wrapper{background:#f3f0f7;box-sizing:border-box;margin-left:270px;max-width:100vw;min-height:100vh;overflow-x:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-closed.main-wrapper{margin-left:0}@media (max-width:900px){.main-wrapper{margin-left:0}.sidebar{z-index:1300}}.sidebar.closed{transform:translateX(-100%)}@media (max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.sidebar-header{display:flex;justify-content:center;margin-top:20px;img{width:50%}}.sidebar-header h2{color:#090909;font-weight:600;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-menu{list-style:none;margin-left:20px;padding:0}.sidebar-menu li{margin:10px;@media(max-width:767px){margin-bottom:0;margin-left:5px;margin-right:5px;margin-top:0}}.sidebar-menu li a{align-items:center;color:#4b5563;display:flex;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .3s ease}.sidebar-menu li a:hover{background:#5c308d;border-radius:12px;color:#fff;transform:scale3d(1.05,1.05,1)}.sidebar-menu li a:hover .label{color:#fff}.sidebar-menu li.active a{background:#5c308d;border-radius:12px;color:#fff}.sidebar-menu li a .icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:12px;text-align:center;width:24px}.sidebar-menu li a .icon img{height:30px;object-fit:contain;width:30px}.sidebar-menu li a .label{font-weight:500;position:relative}.sidebar-menu li a .label.active{color:#fff;font-weight:600}.menu-item-wrapper{color:#898989}.menu-item-wrapper,.menu-item-wrapperr{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 20px;transition:all .3s ease}.menu-item-wrapperr{color:#fff}.menu-item-wrapper:has(.open),.menu-item-wrapper:hover{background:#5c308d;border-radius:12px;color:#fff;font-weight:500}.menu-item-wrapper.active{background:#5c308d;color:#fff}.menu-item-wrapper .icon.active,.menu-item-wrapper:hover .icon{color:#fff}.menu-item-wrapper .icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.menu-item-wrapper .icon:hover{color:#fff}.menu-item-wrapper .icon img{height:30px;object-fit:contain;width:30px}.dropdown-arrow{margin-left:auto;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(-180deg)}.submenu{animation:slideDown .3s ease;background:#5c308d;border-radius:12px;list-style:none;margin-top:10px;padding:10px 5px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.submenu li{color:#898989;margin-bottom:0}.submenu li a{background:none;color:#fff;font-weight:600}.submenu li a:hover{background:#feffffe5;box-shadow:inset 4px 0 0 0 #f0f1f3;color:#5c308d}.submenu li.active a{background:#feffffe5;box-shadow:inset 4px 0 0 0 #5c308d;color:#5c308d}.submenu li a .sublabel{font-weight:450}.sidebar-footer-image{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;padding:12px 20px;p{font-weight:600}}.bottom{margin-left:20px}.sidebar-footer{border-top:1px solid #ffffff1a;margin:10px}.logout-btn{align-items:center;background:none;border:none;border-radius:12px;color:#898989;cursor:pointer;display:flex;font-family:inherit;font-weight:500;gap:10px;padding:12px 20px;text-decoration:none;transition:all .3s ease;width:100%}.logout-btn:hover{background:#5c308d;color:#fff}.logout-btn .icon{margin-right:12px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menuSearch{align-items:center;display:flex;gap:1rem}.dropdown-name{margin:0}.page-title{font-weight:600;margin:0}.dropdown-email{color:#666;font-size:14px;font-weight:500;margin:0}.profile{align-items:center;display:flex;gap:1rem;margin-left:auto;@media(max-width:700px){display:none}}.notificationIcon{color:#525252;font-weight:bolder}.profile-divider{background-color:#838080;height:46px;margin:0 4px;width:2px}.profile-info-row{align-items:center;display:flex;gap:10px}.profile-avatar{background:#dfd6eb;border-radius:50%;color:#5c308d;flex-shrink:0;padding:6px}.profile-text{display:flex;flex-direction:column;gap:1px}header{position:sticky;top:0;z-index:100}.header_nav{background:#f8f8f8;padding:1rem}.header_search{display:inline-block;position:relative}.header_search input{border:1px solid #9493936d;border-radius:5px;border-radius:43px;box-shadow:0 2px 5px rgba(62,62,62,.151);box-sizing:border-box;padding:12px 12px 12px 40px;width:clamp(220px,50vw,550px)}.header_search input :focus-visible{border:none}.header_search .search-icon{color:#666;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.header_title{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.header_title img{width:30%}.header_container,.header_container .menuSearch{align-items:center;display:flex;gap:1rem}.header_container .menuSearch{margin-left:30px;@media(max-width:768px){gap:0;margin-bottom:0;margin-right:0;margin-top:0;margin:initial;margin-left:0}}.header_container .menubar{color:#5c308d;cursor:pointer;display:block;font-size:2.2rem;transition:color .3s ease}.header_container .menubar:hover{color:#3a0f6b}.header_title{position:relative}.bell{background:#004996;border-radius:43px;color:#fff;cursor:pointer;height:45px;margin-right:20px;padding:.7rem;transition:color .3s ease;width:45px}.bell:hover{animation:bell-shake .5s linear}@keyframes bell-shake{0%{transform:rotate(0deg)}20%{transform:rotate(-25deg)}40%{transform:rotate(25deg)}60%{transform:rotate(-15deg)}80%{transform:rotate(15deg)}to{transform:rotate(0deg)}}.companies-page{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between}.products-search-container{input{background:#f9fafb;border:1px solid #ece8f5;border-radius:16px;font-size:14px;padding:8px 14px}}.company-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:20px;@media (max-width:1200px){grid-template-columns:1fr}}.back-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:15px;gap:6px}.company-card-full{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;min-width:200px;padding:24px}.company-header{gap:20px;margin-bottom:24px}.avatar,.company-header{align-items:center;display:flex}.avatar{background:#5b2c91;border-radius:8px;color:#fff;font-size:22px;font-weight:600;height:70px;justify-content:center;width:70px}.company-main h2{color:#1f2937;font-size:22px;margin:0}.company-main p{color:#64748b;margin:4px 0 0}.title-row{align-items:center;display:flex;gap:12px}.status{background:#d1fae5;border-radius:999px;color:#15803d;font-size:12px;font-weight:500;padding:4px 10px}.company-details{grid-gap:20px 60px;display:grid;gap:20px 60px;grid-template-columns:repeat(2,1fr);@media (max-width:600px){grid-template-columns:1fr}}.detail-item{gap:14px}.detail-item,.icon-box{align-items:center;display:flex}.icon-box{background:#ede9fe;border-radius:14px;color:#5b2c91;height:62px;justify-content:center;width:62px}.label{color:#64748b91;font-size:14px;font-weight:600;margin:0}.detail-item p:last-child{color:#111827;font-weight:600;margin:2px 0 0}.subs-sect{color:#64748b;font-size:18px}.subData{color:#5b2c91;font-size:20px}.subData,.subData-Date{font-weight:600;margin:5px 0}.subData-Date{color:#000;font-size:16px;font-size:20px}.divider{background-color:#e5e7eb;border:none;height:1px;margin:20px 0}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin-bottom:2px;margin-right:8px;padding:3px 12px}.badge-invite{background:#ede9fe;color:#7c3aed}.badge-bulk{background:#fef3c7;color:#b45309}.activitylog-header{justify-content:space-between;margin-bottom:12px}.activitylog-controls,.activitylog-header{align-items:center;display:flex;flex-wrap:wrap}.activitylog-controls{gap:12px;@media (max-width:556px){margin-top:12px}}.table-container{background-color:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column;padding:20px}.table-wrapper{overflow-x:auto;overflow-y:visible;width:100%}.user-table td.actions-cell{overflow:visible;position:relative;z-index:1}.user-table tbody tr:hover td.actions-cell{z-index:5}.table-actions-dropdown{position:relative}.table-actions-menu{left:auto;min-width:140px;right:0;z-index:1000}.table-actions-menu-portal{left:auto;right:auto;top:auto}.table-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px;padding:0}.table-title,.user-table{font-family:Inter,sans-serif}.user-table thead{background-color:#fff;top:0;z-index:10}.user-table thead tr{border-bottom:1px solid #e5e7eb}.user-table th{background-color:#fff;color:#6b7280;font-size:13px;font-weight:600;padding:14px 16px;text-align:left}.user-table tbody tr{border-bottom:1px solid #f1f1f1;transition:background .2s ease}.user-table tbody tr:hover{background-color:#fafafa}.user-table td{color:#111827;font-size:14px;padding:14px 16px}.user-table td:first-child{font-weight:500}.user-table td.company-revenue{color:#5c308d!important;font-weight:600}.status-badge{border-radius:20px;font-weight:500;padding:4px 10px}.status-active{background-color:#e6f7ee;color:#16a34a}.status-draft{background-color:#f3f4f6;color:#6b7280}.status-pending{background-color:#fff7ed;color:#f59e42}.status-expired{background-color:#fef2f2;color:#dc2626}.status-disabled{background-color:#f3f4f6;color:#a3a3a3}.status-default{background-color:#e0e7ef;color:#64748b}.status-trial{background-color:#e0f2fe;color:#0284c7}.actions-container{gap:10px}.action-icon-btn{background:#0000}.action-icon-btn:hover{color:#5c308d}.action-btn-disable{background-color:#fdecec;padding:6px 12px}.action-btn-enable{background-color:#e6f7ee;color:#16a34a;padding:6px 12px}.line-chart-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.chart-title{font-size:16px;font-weight:600;margin-bottom:15px}.chart-subtitle{color:#6b7280;font-size:13px;margin-bottom:10px}.user-table tbody tr:last-child{font-weight:600}.dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;background:#f9fafb;border:none;border-radius:16px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 14px}.dropdown-trigger:hover{background:#e5e7eb}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 20px #0000001f;left:-75px;min-width:120px;padding:6px 0;position:absolute;top:110%;z-index:1000}.dropdown-item{cursor:pointer;padding:10px 14px}.dropdown-item:hover{background:#f9fafb}.lest-sections{align-items:center;display:flex;flex-direction:row;gap:10px}.package-form-row{label{color:#0a0a0a;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-align:left}}.open-btn{font-size:16px;padding:10px 20px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal{animation:fadeIn .3s ease;background:#fff;border-radius:8px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:25px 30px;text-align:center;width:fit-content}.modal:has(.modal-form){max-width:95vw;text-align:left;width:800px}.modal-form{max-height:70vh;overflow-y:auto;padding-right:10px}.modal-form .form-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;padding:15px}.modal-form .form-section h3{border-bottom:1px solid #ba7953;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:5px}.modal-form .form-row{display:flex;gap:15px;margin-bottom:10px}.modal-form .form-group{display:flex;flex:1 1;flex-direction:column;gap:5px}.modal-form .form-group label{color:#333;font-size:13px;font-weight:500}.modal-form .form-group input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px}.modal-form .form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.modal-form .form-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.modal-form .profile-image-section{align-items:center;display:flex;gap:15px}.modal-form .current-image img{border:2px solid #ddd;border-radius:50%}.package-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.modal{padding:20px 15px}.modal:has(.modal-form){padding:15px;width:95vw}.modal-form .form-row{flex-direction:column;gap:10px}.modal-form .profile-image-section{align-items:flex-start;flex-direction:column}.package-form-row{gap:15px;grid-template-columns:1fr}}.close-btn{margin-top:15px;padding:8px 15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-image-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:10px}.modal-full-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;max-height:60vh;max-width:100%;object-fit:contain;width:auto}.modal-actions{display:flex;gap:15px;justify-content:center;width:100%}.delete-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.delete-button:hover{background-color:#c82333}.modal:has(.modal-image-container){max-width:95vw;width:600px}@media (max-width:768px){.modal:has(.modal-image-container){width:95vw}.modal-full-image{max-height:50vh}.modal-actions{flex-direction:column}}.CommonButton{align-items:center;background-color:#5c308d;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}.CommonButton:hover{background-color:#3a0f6b}.CancelButton{background-color:#f3f3f3;border:none;border-radius:16px;color:#555;cursor:pointer;display:inline-block;font-size:14px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-button{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:.85rem;min-width:82px;padding:8px 16px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.action-button.view-button{background-color:#fff;border-color:#dcd6eb;color:#5c308d}.action-button.view-button:hover{background-color:#f5f3ff}.action-button.approve-button{background-color:#e8f8f2;border-color:#c9ebd9;color:#147d51}.action-button.approve-button:hover{background-color:#d4f1e4}.action-button.reject-button{background-color:#fce8e8;border-color:#f5c2c0;color:#8c1d18}.action-button.reject-button:hover{background-color:#f8d1d1}.page-header{display:flex;flex-direction:column;@media(max-width:450px){display:none}}.page-body{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.userIcon{background:#5b308d31;border-radius:20px;color:#5c308d;height:25px;margin-right:8px;padding:5px;width:25px}.addSectionBtn{background:#e8e0f0;border:none;border-radius:16px;color:#5c308d;cursor:pointer;padding:10px 20px}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;margin-top:20px;overflow-x:auto}.user-table{background:#fff;border-collapse:collapse;border-radius:10px;min-width:600px;overflow:hidden;width:100%}.user-table th{color:#888;font-size:12px;padding:12px;text-align:justify}.user-table td{border-top:1px solid #eee;padding:14px 12px;text-align:left}.user-cell{align-items:center;display:flex;gap:10px}.role{border-radius:20px;font-size:12px;padding:5px 10px}.role.admin{background:#e6d9ff;color:#6a0dad}.role.user{background:#eee;color:#555}.role.manager{background:#e0d4ff;color:#5a32a3}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{display:none}.slider{border-radius:20px;bottom:0;left:0;right:0;top:0;transition:.3s}.slider:before{bottom:3px;height:14px;left:3px;transition:.3s;width:14px}input:checked+.slider{background-color:#6a0dad}input:checked+.slider:before{transform:translateX(20px)}.company-name{color:#1a1a1a;font-weight:600}.company-email{color:#64748b9a;font-weight:600}.company-revenue,.company-users{color:#1a1a1a}.company-revenue{font-weight:600}.actions-container{align-items:center;display:flex;gap:8px}.action-icon-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:color .2s}.action-icon-btn:hover{color:#1a1a1a}.action-btn-disable{background:#fee;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:background-color .2s}.action-btn-disable:hover{background:#fdd}.action-btn-enable{background:#d1fae5;border:none;border-radius:6px;color:#059669;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:background-color .2s}.action-btn-enable:hover{background:#a7f3d0}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status-active,.status-draft{background:#d1fae5;color:#059669}.action-button{background:#d1fae5;box-shadow:0 1px 3px #10a91533;color:#065f46}.action-button,.action-button-inactive{border:none;border-radius:16px;cursor:default;font-size:14px;font-weight:600;padding:4px 10px}.action-button-inactive{background:#b91e132d;box-shadow:0 1px 3px #b91e1333;color:#b91e13}.type-color{background:#f0eef4;box-shadow:0 1px 3px #30558d33;color:#5c308d}.type-color,.type-free{border:none;border-radius:16px;cursor:default;font-size:14px;font-weight:600;padding:4px 10px;width:fit-content}.type-free{background:#f4d80966;box-shadow:0 1px 3px #0a7d2c26;color:#b7a207}.DeleteButton{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.DeleteButton:hover{background-color:#c82333}.subscription-section{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.108);margin-top:20px;padding:10px;h3{border-bottom:1px solid #57575731;padding-bottom:20px}}.subscribe{background:linear-gradient(135deg,#6b3fa0,#5c308d);border-radius:16px;color:#fff;margin:10px;padding:30px 25px}.subscribe,.subscription-content{align-items:center;display:flex;justify-content:space-between}.subscription-content{flex-wrap:wrap;gap:20px;width:100%}.subscription-left{display:flex;flex-direction:column;gap:8px}.subscription-plan{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px}.billing-date{color:#ffffffd9;font-size:13px;margin:4px 0}.plan-price{font-size:20px;font-weight:600;margin:4px 0}.subscription-right{align-items:center;display:flex}.manage-btn{background-color:#fff;border:none;border-radius:8px;color:#5c308d;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.manage-btn:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.subscription-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;height:100%;justify-content:center;margin-top:40px;@media(max-width:1220px){grid-template-columns:1fr 1fr}@media(max-width:768px){grid-template-columns:1fr}}.subscrip-cards{background:#fff;border-radius:16px;margin-top:30px;padding:20px;position:relative}.current-badge{background:#e6d9ff;border-radius:20px;color:#6a0dad;font-size:12px;padding:4px 10px;position:absolute;right:15px;top:15px}.btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;padding:12px;width:100%}.btn-primary{background:linear-gradient(135deg,#6b3fa0,#5c308d);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5a2f7d,#4a227a);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.current-plan-btn{background:#0000;border:2px solid #6a0dad;border-radius:12px;color:#6a0dad;cursor:not-allowed;font-weight:500;padding:12px;width:100%}ul{padding:0;li{line-height:2rem;list-style:none}}.footer-sect{gap:10px}.contain-head,.footer-sect{align-items:center;display:flex;justify-content:space-between}.check-icon{color:#5c308d}.category-toggle .mini-toggle{bottom:20px;display:inline-block;position:absolute;right:20px}.distributors-toggle .mini-toggle{bottom:20px;display:inline-block;position:absolute;right:40px;@media(max-width:480px){bottom:10px}}.media-toggle .mini-toggle{bottom:10px;position:absolute;right:50px}.mini-toggle{display:inline-block;height:20px;position:relative;width:40px}.mini-toggle input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:999px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;top:2px;width:16px}input:checked+.slider{background-color:#5c308d}input:checked+.slider:before{transform:translateX(16px)}.tabs-container{background:#f3f4f6;border-radius:12px;display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:30px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.tab-btn:hover{background:#0000000d}.tab-btn.active{background:#6d28d9;color:#fff}.tab-td{background:#e8e0f0;border-radius:20px;color:#5c308d!important;padding:2px 4px!important}.tab-td,.tab-tds{border-top:none!important}.tab-tds{color:#6b7280!important;padding:0!important}.activitylog-footer{margin-top:20px}.activitylog-footer span{color:#6b7280;font-size:13px!important}.company-td{color:#0f172a}.settingsForm{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.129);margin-top:20px;padding:20px;footer{color:#6b7280;margin-top:20px}}.sharing{align-items:center;display:flex;justify-content:space-between;padding:20px 4px}.sharing:last-child{border-bottom:none}.sharing-info{display:flex;flex-direction:column;h3{color:#111827;font-size:15px;font-weight:600;margin:0 0 4px}p{color:#6b7280;font-size:13px;margin:0}}.sharing-toggle{flex-shrink:0;margin-left:24px}*{box-sizing:border-box;margin:0;padding:0}#root,.login-section,body{min-height:100vh}.login-section{align-items:center;background:linear-gradient(180deg,#5b308db9,#5c308d);display:flex;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:50px 40px;width:100%}.login-image{display:block;height:auto;margin:0 auto 10px;width:120px}.login-card>form div input{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:10px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.login-card>form div input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.login-card>form div input::placeholder{color:#a0aec0}.login-btn{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:10px}.forgotpsw{margin-top:30px;text-align:right}@media (max-width:480px){.login-card{padding:36px 20px}.login-image{width:90px}.login-card>form div input{font-size:16px;padding:11px 14px}.login-btn{flex-direction:column}}html.light{background-color:#fff;color:#000}html.dark{background-color:#121212;color:#fff}html.dark .settingsForm{background-color:#1e1e1e;color:#fff}html.dark .sharing{background-color:#2a2a2a}body{background-color:#f8f8f8;overflow-x:hidden}@font-face{font-family:Roboto;font-weight:700;src:url(/static/media/Myfont.31d6cfe0d16ae931b73c.ttf) format("ttf")}h2,h3,h4{font-size:clamp(1rem,2vw,1.3rem);font-weight:700}button{font-weight:600}button,label,span{font-size:clamp(.7rem,2vw,1rem)}label,span{font-weight:800}P,input,textarea{font-size:clamp(.8rem,2vw,1rem);font-weight:500}.form-group{input{width:-webkit-fill-available;width:-moz-available;width:stretch}}.products-search-input{background-color:#e6dfdf38;border:1px solid #e0e0e0;border-radius:20px;color:#1f2937;flex:1 1;font-family:Montserrat,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .3s ease}.products-search-input::placeholder{color:#6b7280;opacity:1}.products-search-input:focus{border-color:#5c308d;box-shadow:0 0 0 3px #5c308d1a;outline:none}html.dark .products-search-input{background-color:#1f2937;border-color:#374151;color:#f3f4f6}html.dark .products-search-input::placeholder{color:#9ca3af;opacity:1}button,h1,h2,h3,h4,input,label,p,select,span,textarea{font-family:Roboto,sans-serif!important;line-height:1.2em}td,th{font-size:clamp(.5rem,2vw,.8rem);font-weight:700}.icons{color:#898989;margin-right:10px}body{font-family:Roboto,sans-serif;height:100%;margin:0;overflow-y:auto;padding:0}.app{min-height:100vh}.table-td{color:#898989}.app-container{display:flex;flex-direction:column;min-height:100vh}.sidebar-overlay{background:#0000004d;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1299}@media (min-width:901px){.sidebar-overlay{display:none}}.mainPage{margin-left:50px}.main-content{box-sizing:border-box;margin:20px 50px;max-width:100%;@media (max-width:999px){margin-bottom:20px;margin-left:20px;margin-right:20px;margin-top:20px}@media (max-width:640px){margin-bottom:15px;margin-left:10px;margin-right:10px;margin-top:15px}}.customer-table{overflow-x:auto;white-space:nowrap}.customer-table h4{margin-bottom:15px}.customer-table table{min-width:600px;width:100%}.customer-list table{border-collapse:collapse;width:100%}.customer-list table td,.customer-list table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.customer-list table th{background-color:#f8f9fa;color:#333;font-weight:600}.customer-list{background:#f5f5f5;box-shadow:2px 2px 8px 2px #0000000f;box-sizing:border-box;margin:10px auto;padding:20px;width:98%}.actions-dropdown{display:inline-block;position:relative}.actions-toggle{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:5px 8px;transition:background-color .2s ease}.actions-toggle:hover{background-color:#f0f0f0}.actions-menu{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:1000}.actions-item{color:#333;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.actions-item:first-child{border-radius:4px 4px 0 0}.actions-item:last-child{border-radius:0 0 4px 4px}.actions-item:hover{background-color:#f8f9fa;color:#0056b3}.actions-item:active{background-color:#e9ecef}
/*# sourceMappingURL=main.fcdf94cf.css.map*/