.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(auto-fit,minmax(300px,1fr));margin-top:30px;max-width:100%}@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}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;width:100%}.analytics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-top:20px}.industry-pie-header h3{color:#111827;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px}.industry-pie-header .subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;font-weight:400;margin:0 0 8px}.industry-pie-content{display:flex;flex-direction:column}.industry-pie-chart{width:100%}.industry-legend{display:flex;flex-direction:column;gap:12px;padding:16px 4px 0}.industry-legend-item{align-items:center;display:flex;gap:10px}.industry-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.industry-legend-label{flex:1 1}.industry-legend-label,.industry-legend-value{color:#374151;font-family:Inter,sans-serif;font-size:14px}.industry-legend-value{font-weight:600}.key-metrics-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.key-metrics-panel h3{color:#111827;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.key-metrics-panel .cards-container{margin-top:0}.key-metrics-panel .card-body{gap:16px;grid-template-columns:1fr 1fr}.key-metrics-panel .cardItem{border-radius:10px;box-shadow:none}.key-metrics-panel .cardItem:hover{box-shadow:none;transform:none}.key-metrics-panel .card-value{font-size:32px;font-weight:700;margin-bottom:8px;overflow-wrap:break-word;word-break:break-word}.key-metrics-panel .card-title{font-size:13px;margin-bottom:8px}.key-metrics-panel .card-trend,.key-metrics-panel .card-trend.positive{color:inherit}.key-metrics-panel .trend-description{color:inherit;opacity:.8}.key-metrics-panel .trend-icon{opacity:.8}@media (max-width:768px){.analytics,.analytics-grid{grid-template-columns:1fr}.key-metrics-panel .card-body{grid-template-columns:1fr 1fr}.key-metrics-panel .card-value{font-size:26px}}@media (max-width:560px){.key-metrics-panel .card-body{grid-template-columns:1fr}.key-metrics-panel .card-value{font-size:22px}}.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%}.trend-text{font-size:13px;font-weight:500;margin:0}.trend-description{color:#777272;font-size:12px;font-weight:500;margin:0}.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{align-items:center;display:flex;gap:20px;justify-content:space-between}.card-left{flex:1 1;text-align:left}.card-title{color:#666;font-size:14px;font-weight:500;margin:0 0 12px;text-transform:none}.card-value{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1;margin:0 0 12px}.card-month-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px}.card-month-stat{display:flex;flex-direction:column;gap:2px}.card-month-stat__label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.card-month-stat__value{color:#374151;font-size:15px;font-weight:700}.card-trend{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px;margin:0}.card-trend.positive{color:#4caf50}.card-trend.negative{color:#ff6b6b}.trend-icon{align-items:center;display:flex;justify-content:center}.trend-text{white-space:nowrap}.card-icon-wrap{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.card-icon{align-items:center;background:#f3f0f7;border-radius:12px;color:#5c308d;display:flex;flex-shrink:0;justify-content:center;padding:10px}.card-menu{position:relative}.card-menu-toggle{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;padding:4px}.card-menu-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:150px;position:absolute;right:0;top:100%;z-index:10}.card-menu-dropdown button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;text-align:left;width:100%}.card-menu-dropdown button:first-child{border-bottom:1px solid #f0f0f0}.card-menu-delete{color:#d32f2f!important}.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:20px;display:flex;flex-shrink:0;font-size:14px;justify-content:center;margin-bottom:30px;padding:3px 10px;width:max-content}.card-title-category{color:#949494;font-size:14px;font-weight:600;letter-spacing:.3px;margin:0}.card-value-category{color:#999;font-size:13px;font-weight:500;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;width:100%}.title{font-size:16px;font-weight:600;margin-bottom:10px}.activity-row{border-top:1px solid #eee;justify-content:space-between;padding:14px 0}.activity-row,.left{align-items:center;display:flex}.left{gap:12px}.avatar{align-items:center;background:#e9e4ff;color:#6c3ef4;display:flex;height:36px;justify-content:center;width:36px}.avatar,.name{font-weight:600}.name{font-size:14px;margin:0}.action{margin:0}.action,.time{color:#888;font-size:12px}.CommonButton{background-color:#5c308d;border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;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;font-weight:600;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{@media(max-width:450px){display:none}}.page-body{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;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;margin-top:20px;overflow-x:auto}.user-table{background:#fff;border-radius:10px;min-width:600px;overflow:hidden}.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}.avatar{background:#eee;border-radius:50%;padding:8px}.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)}.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;border-radius:12px;display:flex;flex-direction:column;padding:20px}.table-wrapper{max-height:500px;overflow-x:auto;overflow-y:auto;width:100%}.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{border-collapse:collapse;width:100%}.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}.status-approved{background-color:#e6f7ee;color:#16a34a}.status-rejected{background-color:#fef2f2;color:#dc2626}.status-select{border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:4px 8px;width:max-content}.status-select:disabled{cursor:not-allowed;opacity:.6}.status-select.status-approved{background-color:#e6f7ee;border-color:#bbf7d0;color:#16a34a}.status-select.status-pending{background-color:#fff7ed;border-color:#fed7aa;color:#f59e42}.status-select.status-rejected{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.actions-container{align-items:center;display:flex;gap:10px}.action-icon-btn{background:#0000;border:none;color:#6b7280;cursor:pointer}.action-icon-btn:hover{color:#5c308d}.action-btn-disable{background-color:#fdecec;color:#dc2626}.action-btn-disable,.action-btn-enable{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px}.action-btn-enable{background-color:#e6f7ee;color:#16a34a}.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}.drag-cell{padding:8px 4px!important;width:48px}.drag-cell .drag-handle{background:none;border:none;padding:4px}.open-btn{padding:10px 20px}.modal-overlay{align-items:center;background:hsla(0,0%,4%,.382);display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:10px;position:fixed;scrollbar-gutter:stable;top:0;width:-webkit-fill-available;width:-moz-available;width:stretch;z-index:10000}.category-modal{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px}.modal{animation:fadeIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;margin:0 auto;max-height:95vh;max-width:95vw;overflow-x:hidden;overflow-y:auto;padding:25px;position:relative;text-align:center;width:min(880px,95vw)}.modal h2{color:#121212;font-size:clamp(1.25rem,5vw,1.75rem);margin:0 0 15px}.edit-button{align-items:center;background:none;border:none;border-radius:50%;color:#121212;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;position:absolute;right:12px;top:12px;transition:all .3s ease}.edit-button:hover{background:#a802021a;color:#a80202}@media (min-width:1440px){.modal{padding:30px;width:min(900px,90vw)}}@media (max-width:1439px) and (min-width:1200px){.modal{padding:28px;width:min(850px,90vw)}}@media (max-width:1199px) and (min-width:1024px){.modal{padding:25px;width:min(800px,90vw)}}@media (max-width:1023px) and (min-width:768px){.modal{max-height:92vh;padding:22px;width:min(90vw,700px)}.modal h2{font-size:clamp(1.3rem,4vw,1.5rem)}.edit-button{font-size:22px}}@media (max-width:767px) and (min-width:600px){.modal{max-height:90vh;padding:20px;width:min(92vw,550px)}.modal h2{font-size:clamp(1.2rem,3.5vw,1.35rem)}.edit-button{font-size:20px}}@media (max-width:599px) and (min-width:480px){.modal{border-radius:6px;max-height:88vh;padding:18px;width:min(94vw,450px)}.modal h2{font-size:clamp(1.1rem,3vw,1.2rem);margin-bottom:12px}.edit-button{font-size:18px;padding:6px;right:8px;top:8px}.compact-modal{width:min(94vw,450px)}}@media(max-width:479px){.modal{border-radius:6px;max-height:88vh;padding:16px;width:min(96vw,400px)}.modal h2{font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:10px}.edit-button{font-size:18px;padding:6px;right:8px;top:8px}.compact-modal{width:min(96vw,400px)}}@media (max-width:599px){.modal-overlay{padding:8px}.modal{border-radius:6px;max-height:88vh;padding:16px;width:min(80vw,400px)}.modal h2{font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:10px}.edit-button{font-size:18px;padding:6px;right:8px;top:8px}.compact-modal{width:min(96vw,400px)}}.modal:has(.modal-form){text-align:left;width:min(800px,95vw)}.modal-form{max-height:70vh;overflow-y:auto;padding-right:max(5px,1vw)}.modal-form .form-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;padding:clamp(12px,3vw,15px)}.modal-form .form-section h3{border-bottom:2px solid #ba7953;color:#333;font-size:clamp(1rem,4vw,1.1rem);font-weight:600;margin:0 0 15px;padding-bottom:8px}.modal-form .form-row{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,15px);margin-bottom:12px}.modal-form .form-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:250px}.modal-form .form-group label{color:#333;font-size:clamp(.875rem,2.5vw,1rem);font-weight:500}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:clamp(.875rem,2vw,1rem);padding:clamp(8px,2vw,10px)}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.modal-form .form-actions{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,15px);justify-content:center;margin-top:20px}.modal-form .profile-image-section{align-items:center;display:flex;gap:clamp(10px,2vw,15px)}.modal-form .current-image img{border:2px solid #ddd;border-radius:50%;height:auto;max-width:100px}@media (min-width:1024px){.modal:has(.modal-form){padding:30px;width:min(800px,90vw)}.modal-form .form-row{flex-wrap:nowrap}.modal-form .form-group{min-width:auto}}@media (max-width:1023px) and (min-width:768px){.modal:has(.modal-form){padding:23px;width:min(90vw,700px)}.modal-form .form-row{gap:12px}}@media (max-width:767px) and (min-width:600px){.modal:has(.modal-form){padding:18px;width:min(92vw,550px)}.modal-form .form-row{flex-direction:column;gap:10px}.modal-form .form-group{min-width:100%}.modal-form .profile-image-section{align-items:flex-start;flex-direction:column}}@media (max-width:599px) and (min-width:480px){.modal:has(.modal-form){padding:16px;width:min(94vw,450px)}.modal-form{max-height:75vh}.modal-form .form-row{flex-direction:column;gap:8px}.modal-form .form-group{min-width:100%}.modal-form .profile-image-section{align-items:flex-start;flex-direction:column}}@media (max-width:479px){.modal:has(.modal-form){padding:14px;width:min(96vw,400px)}.modal-form{max-height:75vh;padding-right:5px}.modal-form .form-section{margin-bottom:12px;padding:10px}.modal-form .form-section h3{margin-bottom:10px}.modal-form .form-row{flex-direction:column;gap:8px}.modal-form .form-group{min-width:100%}.modal-form .form-actions{flex-direction:column;gap:8px}.modal-form .form-actions button{width:100%}.modal-form .profile-image-section{align-items:flex-start;flex-direction:column;gap:10px}.modal-form .current-image img{max-width:80px}}.close-btn{font-size:clamp(.875rem,2.5vw,1rem);margin-top:15px;padding:clamp(6px,2vw,8px) clamp(12px,3vw,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{gap:15px;justify-content:center;width:100%}.delete-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;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}}.form-group{margin-top:16px}label{color:#333;display:block;font-size:14px;margin-bottom:6px;text-align:left}input,select{border:1px solid #ddd;border-radius:999px;font-size:14px;outline:none;padding:12px 14px;width:-webkit-fill-available;width:-moz-available;width:stretch}input:focus,select:focus{border-color:#5c308d}.modal-footer{grid-gap:12px;display:grid;flex-wrap:wrap;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:20px}.btn{border-radius:16px;flex:1 1}.btn-cancel{background:#f3f3f3;color:#555}.btn-primary{background:#5c308d}.btn-primary:hover{background:#1e0838ef}.form-container{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:12px;width:-webkit-fill-available;width:-moz-available;width:stretch;@media(max-width:768px){flex-direction:column}}.form-row .form-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.form-row .form-group label{color:#333;text-align:left}input,select,textarea{border:1px solid #ddd;border-radius:16px;font-size:14px;padding:10px;width:-webkit-fill-available;width:-moz-available;width:stretch}textarea{min-height:80px;resize:none}.add-link{color:#5c308d;cursor:pointer;font-size:13px;text-align:left}.tag-row{display:flex;flex-wrap:wrap;gap:10px}.small-btn{background:#5c308d;border:none;border-radius:8px;color:#fff;padding:8px 12px}.tags span{background:#f3f0f7;border-radius:20px;color:#5c308d;margin-right:5px;padding:5px 10px}.multi-select{height:100px}.upload-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.upload-box{border:2px dashed #ddd;border-radius:12px;cursor:pointer;padding:30px;text-align:center}.form-footer{display:flex;justify-content:space-between;margin-top:10px}.cancel-btn{background:#eee;border-radius:10px;padding:10px 20px}.client-logo-upload{align-items:center;display:flex;gap:12px;width:100%}.client-logo-preview{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.client-logo-file-wrap{align-items:center;background:#fff;border:1px solid #ddd;border-radius:999px;display:flex;flex:1 1;gap:12px;min-height:44px;padding:6px 16px 6px 8px;text-align:left}.client-logo-choose-btn{background:#fff;border:1px solid #1a1a1a;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:13px;padding:6px 14px;white-space:nowrap}.client-logo-choose-btn:disabled{cursor:not-allowed;opacity:.6}.client-logo-filename{color:#333;flex:1 1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-logo-input-hidden{display:none}.form-container .form-field-select,.modal .form-container select{appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist;background-color:#fff;border:1px solid #ddd;border-radius:16px;box-sizing:border-box;color:#333;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;width:100%}.form-container .form-field-select:focus,.modal .form-container select:focus{border-color:#5c308d}.form-container .form-field-select:disabled,.modal .form-container select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.85}@font-face{font-family:Twemoji Mozilla;font-style:normal;font-weight:400;src:url(/static/media/TwemojiMozilla.c993f93bd40b647e0b38.ttf) format("truetype")}.stdropdown-container{border:1px solid #ccc;border-radius:5px;font-family:Arial,Helvetica,sans-serif;position:relative;text-align:left}.stdropdown-input input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Twemoji Mozilla!important}.stdropdown-flag{font-family:Twemoji Mozilla!important}.stdropdown-menu::-webkit-scrollbar{width:2px}.stdropdown-menu::-webkit-scrollbar-track{background:#f1f1f1}.stdropdown-menu::-webkit-scrollbar-thumb{background:#888}.stdropdown-menu::-webkit-scrollbar-thumb:hover{background:#555}.stdropdown-input{align-items:center;display:flex;justify-content:space-between;padding:5px;-webkit-user-select:none;user-select:none}.stdropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:5px;max-height:150px;overflow:auto;position:absolute;transform:translateY(4px);width:100%;z-index:99}.stdropdown-item{cursor:pointer;padding:5px}.stdropdown-item:hover{background-color:rgba(159,195,248,.439)}.stdropdown-item.selected{background-color:#0d6efd;color:#fff}.stdropdown-tags{display:flex;flex-wrap:wrap;gap:5px}.stdropdown-tag-item{background-color:#ddd;border-radius:2px;padding:2px 4px}.stdropdown-tag-close,.stdropdown-tag-item{align-items:center;display:flex}.stsearch-box{background-color:initial;padding:5px}.stsearch-box input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:5px;width:100%}.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}.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:repeat(auto-fit,minmax(250px,1fr));height:100%;justify-content:center;margin-top:20px}.subscrip-cards{background:#fff;border-radius:16px;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-radius:12px;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}}.subscription-container{padding:40px 0;width:100%}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:20px;width:100%;@media (max-width:1360px){gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){gap:20px;grid-template-columns:repeat(1,1fr)}}.plan-card-custom{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.plan-card-custom:hover{box-shadow:0 8px 30px #5c308d14;transform:translateY(-5px)}.plan-card-header-bar{background-color:#5c308d;color:#fff;font-size:15px;font-weight:700;letter-spacing:1.5px;padding:14px;text-align:center;text-transform:uppercase}.plan-card-body{display:flex;flex-direction:column;flex-grow:1;padding:24px}.plan-card-row-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.plan-card-badges{display:flex;gap:8px}.plan-badge-pill{align-items:center;border-radius:50px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 14px}.pill-paid{background-color:#f0ebfa;color:#5c308d}.pill-unpaid{background-color:#fee2e2;color:#991b1b}.pill-active{background-color:#e3fcef;color:#0a5c36}.pill-inactive{background-color:#f3f4f6;color:#4b5563}.plan-card-actions{align-items:center;display:flex;gap:12px}.plan-action-icon{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.plan-action-icon:hover{transform:scale(1.15)}.edit-icon{color:#5c308d}.delete-icon{color:#d93025}.plan-card-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:12px}.plan-card-price-section{align-items:baseline;display:flex;gap:6px;margin-bottom:8px}.plan-card-offer-price{color:#5c308d;font-size:26px;font-weight:800}.plan-card-original-price{color:#9ca3af;font-size:18px;text-decoration:line-through}.plan-card-duration-slash{color:#9ca3af;font-size:16px}.plan-card-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px}.plan-card-features-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0 0 20px;padding:0}.plan-card-feature-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.plan-card-feature-check{color:#5c308d;font-size:16px;font-weight:900}.plan-card-divider{border:0;border-top:1px solid #f3f4f6;margin-bottom:10px;margin-top:10px}.plan-card-limits-section{display:flex;flex-direction:column;gap:10px;margin-top:auto}.plan-card-limit-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.plan-card-limit-label{color:#9ca3af}.plan-card-limit-value{color:#1f2937;font-weight:700}.subscription-page{font-family:Montserrat,sans-serif;min-height:100vh;padding:0}.subscription-page-header{margin-bottom:8px;padding:0}.subscription-page-header .page-header{margin-bottom:0}.subscription-page-subtitle{color:#555;font-size:13px;margin:4px 0 0}.dashboard-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.left-section,.right-section{display:flex;flex-direction:column;gap:20px}.feature-card,.info-card,.plan-card,.price-card,.stat-card,.usage-card{background:#fff;border-radius:18px;box-shadow:0 2px 10px #0000000a}.plan-card{border:1px solid #e5e7eb;padding:24px}.plan-card--highlight{border:2px solid #3b82f6;box-shadow:0 4px 20px #3b82f614}.plan-header{align-items:flex-start;display:flex;justify-content:space-between}.plan-left{display:flex;gap:16px}.plan-icon{align-items:center;background:#5c308d;border-radius:16px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.plan-left h2{margin:0}.plan-left p{color:#6b7280;font-size:14px;margin-top:6px}.plan-status{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.active-badge{background:#dcfce7;border-radius:999px;color:#15803d;font-size:12px;font-weight:600;padding:6px 14px;white-space:nowrap}.active-badge.inactive{background:#f3f4f6;color:#6b7280}.paid-badge{background:#dbeafe;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:600;padding:6px 18px;white-space:nowrap}.paid-badge.unpaid{background:#fee2e2;color:#b91c1c}.plan-footer{grid-gap:24px;border-top:1px solid #eee;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:28px;padding-top:24px}.plan-footer p{color:#888;font-size:11px}.plan-footer h4{margin-top:6px}.usage-card{padding:24px}.usage-header{display:flex;justify-content:space-between;margin-bottom:28px}.usage-header span{color:#5c308d;cursor:pointer;font-size:13px}.usage-item{margin-bottom:28px}.usage-top{display:flex;justify-content:space-between;margin-bottom:10px}.usage-label{align-items:center;display:flex;gap:8px}.progress-track{background:#ececec;border-radius:999px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#5c308d;border-radius:999px;height:100%}.usage-item p{color:#888;font-size:12px;margin-top:8px}.info-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(4,1fr)}.info-card{border:1px solid #e9d8fd;padding:18px}.info-icon{color:#5c308d}.info-title{color:#777;font-size:11px;margin-top:14px}.info-value{font-size:14px;font-weight:700;margin-top:10px}.info-value.danger{color:#dc2626}.info-value.success{color:#16a34a}.info-subtitle{color:green;font-size:12px;margin-top:8px}.stats-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:24px;text-align:center}.stat-card h2{color:#5c308d;margin:0}.stat-card p{color:#888;font-size:12px;margin-top:10px}.price-card{padding:24px;position:relative}.best-badge{background:#dcfce7;border-radius:999px;color:#15803d;font-size:11px;padding:4px 10px;position:absolute;right:20px;top:20px}.price-card p{color:#666;margin-bottom:16px}.price-card h2{align-items:center;color:#5c308d;display:flex;gap:10px}.price-card h2 span{color:#999;font-size:18px;text-decoration:line-through}.feature-card{border:1px solid #d8b4fe;padding:24px}.feature-card h4{align-items:center;color:#5c308d;display:flex;gap:8px}.feature-card ul{list-style:none;margin-top:18px;padding:0}.feature-card li{align-items:center;display:flex;font-size:14px;gap:10px;margin-bottom:14px}.feature-card li svg{color:green}.renew-btn,.upgrade-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;height:52px;justify-content:center;width:100%}.renew-btn{background:#5c308d;color:#fff}.renew-btn:hover{background:#4a2670}.upgrade-btn{background:#fff;border:1px solid #5c308d;color:#5c308d}.upgrade-btn:hover{background:#f9f5fc}.cancel-btn{align-items:center;background:#0000;border:none;color:#dc2626;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:8px;width:100%}.cancel-btn:hover{color:#b91c1c}@media (max-width:992px){.dashboard-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.info-grid,.plan-footer,.stats-grid{grid-template-columns:1fr}.plan-header{flex-direction:column;gap:20px}}.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}:hover{color:#fff}}.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{transform:scale3d(1.05,1.05,1)}.sidebar-menu li a:hover,.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,.page-title{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)}}body{background-color:#f8f8f8}@font-face{font-family:Montserrat;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}button,h1,h2,h3,h4,input,label,p,select,span,textarea{font-family:Montserrat,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:Montserrat,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 h4{margin-bottom:15px}.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-radius:4px;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;z-index:1000}.actions-item{color:#333;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}.client-view-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;width:100%}.client-grid{grid-gap:24px 40px;display:grid;gap:24px 40px;grid-template-columns:repeat(3,1fr);@media (max-width:900px){gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){gap:20px;grid-template-columns:repeat(1,1fr)}}.field{display:flex;flex-direction:column}.label{color:#6b7280;font-size:13px;margin-bottom:4px}.value{color:#5c308d;font-size:15px;font-weight:600;margin-top:10px}.back-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:15px;gap:6px}.error-text{color:red;font-size:12px;margin-top:4px;text-align:left}.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}h2{color:#5c308d}h3{font-size:medium}}.sharing-grid{display:grid;grid-template-columns:repeat(3,1fr);justify-items:left;margin-top:20px}.divider{background-color:#e5e7eb;border:none;height:1px;margin:15px 0}.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;p{color:#5c308d;font-size:13px;margin:0}}.settings-grid{.input-group{margin-top:20px}}.sharing-toggle{flex-shrink:0;margin-left:24px}.settings-container{background:#f4f7fb;min-height:100vh;padding:30px}.config-item{margin-bottom:20px}.card-header,.config-item{align-items:center;display:flex;justify-content:space-between}.card-header{flex-wrap:wrap}.branding-summary{align-items:center;display:flex;flex-wrap:wrap;gap:40px;padding:20px 0}.summary-item{display:flex;flex-direction:column;gap:8px;label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}}.color-swatch{border:1px solid #e5e7eb;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;height:36px;width:36px}.theme-badge{background:#f3f4f6;border-radius:20px;color:#4b5563;font-size:13px;font-weight:600;padding:6px 14px;text-transform:capitalize}.color-picker-wrapper{align-items:center;display:flex;gap:12px;margin-top:8px;input[type=color]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;height:44px;padding:2px;width:44px}input[type=text]{flex:1 1}}.logo-upload{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:20px;transition:all .2s ease}.logo-upload:hover{background:#f5f3ff;border-color:#5c308d}.file-hint{color:#9ca3af;font-size:12px;font-style:italic;margin:10px 0 0}.modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.cancel-btn{background:#f3f4f6!important;box-shadow:none!important;color:#4b5563!important}.cancel-btn:hover{background:#e5e7eb!important}.edit-icon-btn{align-items:center;display:flex;gap:8px;padding:10px 18px!important}.toggle-row{display:flex;justify-content:space-between}.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)}.upload-images-panel{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 12px 40px #0f172a0f;margin-top:0;padding:24px}.upload-images-header{margin-bottom:18px}.upload-images-header h2{color:#111827;font-size:1.125rem;font-weight:700;margin:0}.upload-images-dropzone{align-items:center;background-color:#f8fafc;border:1px solid #959da559;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px 26px;position:relative;text-align:center;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.upload-images-dropzone.drag-active,.upload-images-dropzone:hover{background-color:#f5f3ff;border-color:#5c308d;transform:translateY(-1px)}.upload-images-icon{align-items:center;background:#5c308d1f;border-radius:50%;color:#5c308d;display:inline-flex;height:54px;justify-content:center;width:54px}.upload-images-text{max-width:480px}.upload-images-text p{margin:0}.upload-images-text .upload-images-title-text{color:#111827;font-size:1rem;font-weight:600}.upload-images-text .upload-images-subtext{color:#6b7280;font-size:.95rem;margin-top:6px}.upload-images-file{color:#374151;font-size:.95rem;margin-top:10px}.upload-images-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}@media (max-width:768px){.upload-images-panel{margin:18px auto;padding:20px}.upload-images-dropzone{min-height:200px;padding:26px 20px}.upload-images-icon{height:50px;width:50px}.upload-images-text .upload-images-title-text{font-size:.975rem}.upload-images-text .upload-images-subtext{font-size:.9rem}}@media (max-width:520px){.upload-images-panel{border-radius:20px;padding:18px}.upload-images-header h2{font-size:1rem}.upload-images-dropzone{min-height:180px;padding:22px 16px}.upload-images-text{max-width:100%}.upload-images-text .upload-images-title-text{font-size:.95rem}.upload-images-text .upload-images-subtext{font-size:.85rem}}.products-search-container{align-items:center;border-radius:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.products-search-input{background-color:#e6dfdf38;border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:Montserrat,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .3s ease}.products-search-input::placeholder{color:#999}.products-search-input:focus{border-color:#5c308d;box-shadow:0 0 0 3px #5c308d1a;outline:none}.products-filter-button{align-items:center;background-color:#5c308d;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:background-color .3s ease}.products-filter-button:hover{background-color:#3a0f6b}.products-filter-button:active{background-color:#2a0a50}.status-badge{border-radius:16px;display:inline-block;font-family:Montserrat,sans-serif;font-size:12px;padding:6px 12px;text-transform:uppercase}.status-badge.status-approved{background-color:#e8f8f2;border:1px solid #c9ebd9;color:#147d51}.status-badge.status-pending{background-color:#fff4e5;border:1px solid #ffe3b8;color:#9a6b1b}.status-badge.status-rejected{background-color:#fce8e8;border:1px solid #f5c2c0;color:#8c1d18}.status-badge.status-default{background-color:#e2e8f0;border:1px solid #cbd5e1;color:#334155}.status-badge.status-active{background-color:#e8f8f2;border:1px solid #c9ebd9;color:#147d51}.status-badge.status-draft{background-color:#fff8e1;border:1px solid #fde68a;color:#b45309}.tags{align-items:flex-start;display:flex;margin-top:20px}.tags-container{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}.tag-badge{background-color:#e8dff5;border:1px solid #d4c4e8;border-radius:12px;color:#6b4fa0;display:inline-block;font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;padding:4px 10px}.product-page{min-height:100vh;padding:24px}.page-header{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:24px}.breadcrumb{color:#888;font-size:14px}.header-actions{display:flex;gap:10px;justify-content:flex-end}.delete-btn,.edit-btn,.share-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 18px}.share-btn{background:#fff}.delete-btn{background:#ffe5e5;color:#d11a2a}.edit-btn{background:#6c3cf0;color:#fff}.details-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));@media(max-width:498px){grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.card{background:#fff;border-radius:18px;margin-bottom:20px;padding:20px}.main-image{border-radius:16px;height:240px;object-fit:cover;width:100%}.thumb-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.thumb-image{border-radius:12px;height:60px;object-fit:cover;width:60px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.stats-card{background:#fff;border-radius:16px;padding:16px;text-align:center}.stats-card h3{font-size:22px;margin:0}.stats-card p{color:#777;margin-top:5px}.top-row{align-items:start;display:flex;justify-content:space-between}.subtitle{color:#777;margin-top:6px}.status-badge{background:#e8dcff;border-radius:30px;color:#6c3cf0;font-size:13px;font-weight:600;padding:8px 14px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:24px}.info-grid label{color:#888;font-size:13px}.info-grid p{font-weight:600;margin-top:5px}.chip-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{border-radius:20px;font-size:13px;font-weight:600;padding:8px 14px}.chip-purple{background:#efe8ff;color:#6c3cf0}.chip-blue{background:#e6f0ff;color:#2563eb}.chip-green{background:#e7f8ef;color:#059669}.chip-yellow{background:#fff6dd;color:#ca8a04}.chip-red{background:#ffebeb;color:#ef4444}.chip-pink{background:#fdf2f8;color:#db2777}.chip-cyan{background:#ecfeff;color:#0891b2}.chip-orange{background:#fff7ed;color:#ea580c}.chip-teal{background:#f0fdfa;color:#0d9488}.description{color:#555;line-height:1.8}.spec-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.spec-grid div{border-bottom:1px solid #eee;padding-bottom:12px}.spec-grid span{color:#888;display:block;font-size:13px;margin-bottom:6px}.video-preview{position:relative}.video-preview img{border-radius:18px;width:100%}.play-btn{align-items:center;background:#6c3cf0;border-radius:50%;color:#fff;display:flex;font-size:22px;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.card__text--clamp{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;min-height:5.2em;overflow:hidden;text-overflow:ellipsis;white-space:normal}.body{background:hsla(0,11%,91%,.172);border-radius:12px;gap:20px;margin-top:20px;padding:20px;width:100%}@media (max-width:1024px){.body{flex-direction:column}}@media (max-width:768px){.body{gap:15px}}@media (max-width:480px){.body{gap:10px}}.inputFields{box-sizing:border-box;max-width:100%;width:100%}@media (max-width:1024px){.inputFields{width:100%}}@media (max-width:768px){.inputFields{width:100%}}@media (max-width:480px){.inputFields{width:100%}}.select-container{box-sizing:border-box;text-align:center;width:100%}@media (max-width:768px){.select-container{width:100%}}@media (max-width:480px){.select-container{width:100%}}.form{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;width:100%}@media (max-width:768px){.form{gap:12px}}@media (max-width:480px){.form{gap:10px}}.form select{background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 5px #0000001a;box-sizing:border-box;cursor:pointer;outline:none;padding:15px 15px 15px 10px;width:100%}@media (max-width:768px){.form select{padding:12px 10px}}@media (max-width:480px){.form select{padding:10px 8px}}.modal-tags-container,.modal-tags-container .addbtn{width:100%;@media (max-width:480px){flex-direction:column}}.modal-tags-container .addbtn input{flex:1 1;@media (max-width:480px){width:100%}}.modal-tags-container .addbtn button{background:#004996;border:none;border-radius:30px;box-shadow:0 0 5px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;white-space:nowrap;@media (max-width:480px){width:100%}}.form-header{align-items:center;display:flex;gap:20px;@media (max-width:768px){align-items:stretch;gap:15px}@media (max-width:360px){align-items:flex-start;flex-direction:column}}.videoContainer{background:#fff;border-radius:30px;box-shadow:0 0 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:fit-content;margin-top:10px;padding:20px;width:100%}@media (max-width:768px){.videoContainer{border-radius:20px;padding:15px}}@media (max-width:480px){.videoContainer{border-radius:15px;padding:12px}}.videoContainer h1{text-align:left}.videoContainer .bulk-video-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:flex-start;margin-bottom:20px;width:100%;@media (max-width:768px){gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:480px){gap:10px;grid-template-columns:1fr}}.uploadSection{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}@media (max-width:1024px){.uploadSection{align-items:center;flex-direction:column}}@media (max-width:768px){.uploadSection{gap:15px;margin-top:15px}}@media (max-width:480px){.uploadSection{gap:10px;margin-top:10px}}.fileUpload{background:#fff;border-radius:30px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;height:fit-content;margin-top:10px;padding:0;position:relative;width:100%}.radioBtns{display:flex;@media (max-width:370px){display:block;flex-direction:column}}@media (max-width:768px){.fileUpload{border-radius:10px}}@media (max-width:480px){.fileUpload{border-radius:8px;margin-top:5px}}.upArea{align-items:center;display:flex;@media (max-width:1200px){align-items:stretch;flex-direction:column;gap:10px}}.fileUpload .upload-header{align-items:center;display:flex;justify-content:space-between;padding:20px 25px 15px}.fileUpload .upload-header h1{color:#1a1a1a;margin:0}.fileUpload .close-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.fileUpload .close-btn:hover{color:#1a1a1a}.fileUpload .file-type-selector{padding:15px 25px}.fileUpload .file-type-selector label{color:#9ca3af;display:block;margin-bottom:10px}.fileUpload .radio-group{display:flex;gap:20px}.fileUpload .radio-option{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.fileUpload .radio-option input[type=radio]{accent-color:#004996;cursor:pointer;height:18px;margin:0;width:18px}.fileUpload .radio-option span{color:#1a1a1a}.fileUpload .upload-area{background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;margin:15px 25px;padding:10px;position:relative;text-align:center;transition:all .3s ease}.fileUpload .upload-area:hover{background:#fafafa;border-color:#004996}.fileUpload .upload-area:after{content:"";display:flex;gap:5px;position:absolute;right:10px;top:10px}.fileUpload .upload-area .plus-icon{color:#1a1a1a;font-weight:300;margin-bottom:8px}.fileUpload .upload-area p{color:#1a1a1a;margin:5px 0}.fileUpload .upload-area .file-info{color:#9ca3af}.fileUpload .file-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:20px 0;max-height:280px;overflow-y:scroll;padding:0 25px;width:calc(100% - 50px);@media (max-width:1200px){width:100%}@media (max-width:767px){grid-template-columns:1fr;width:100%}}.fileUpload .file-item{align-items:flex-start;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px}.fileUpload .file-item .file-info-row{align-items:flex-start;display:flex;flex:1 1;gap:12px}.fileUpload .file-item .file-icon{margin-top:2px}.fileUpload .file-item .file-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.fileUpload .file-item .file-name{color:#1a1a1a;font-weight:500;margin:0}.fileUpload .file-item .file-meta{color:#9ca3af;display:flex;gap:8px}.fileUpload .file-item .file-size{color:#9ca3af}.fileUpload .file-item .file-progress{color:#1a1a1a;font-weight:500}.fileUpload .file-item .file-time{color:#9ca3af}.fileUpload .file-item .file-status-text{color:#10b981;font-weight:500}.fileUpload .file-item .file-status-text.error{color:#ef4444}.fileUpload .progress-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-top:3px;overflow:hidden;width:100%}.fileUpload .progress-fill{background:#18a103;height:100%;transition:width .3s ease}.fileUpload .file-actions{align-items:center;display:flex;gap:8px}.fileUpload .retry-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.fileUpload .retry-btn:hover{color:#1a1a1a}.fileUpload .delete-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.fileUpload .delete-btn:hover{color:#ef4444}.button-group{border-top:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;margin-top:10px;padding:20px 25px;@media (max-width:600px){flex-direction:column}}.button-group .cancel-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 30px;transition:all .2s ease}.fileUpload .button-group .cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.fileUpload .button-group .save-btn{background:#004996;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 40px;transition:all .2s ease}.fileUpload .button-group .save-btn:hover{background:#004996}.UploadImages{background:#fff;border-radius:30px;box-shadow:0 0 5px #0000001a;box-sizing:border-box;height:fit-content;padding:20px;width:100%}@media (max-width:768px){.UploadImages{border-radius:20px;padding:15px}}@media (max-width:480px){.UploadImages{border-radius:15px;padding:12px}}.bulkThumbnail h1{margin-bottom:15px}.bulkUpload{display:flex;flex-direction:column;width:100%}.container{margin:30px auto;max-width:960px}.container,h1{text-align:left}h1{margin:20px 0;small{color:gray;display:block;padding-top:8px}}.avatar-upload{height:120px;margin:50px auto;position:relative;width:120px;@media (max-width:768px){height:100px;margin-bottom:20px;margin-left:auto;margin-right:auto;margin-top:20px;width:100px}@media (max-width:480px){height:90px;margin-bottom:15px;margin-left:auto;margin-right:auto;margin-top:15px;width:90px}.avatar-edit{position:absolute;right:-10px;top:-10px;z-index:1;input{display:none;+label{background:#fff;border:1px solid #0000;border-radius:100%;box-shadow:0 2px 4px 0 #0000001f;cursor:pointer;display:inline-block;font-weight:400;height:34px;margin-bottom:0;transition:all .2s ease-in-out;width:34px;&:hover{background:#f1f1f1;border-color:#d6d6d6}&:after{color:#757575;content:"\f040";font-family:FontAwesome;left:0;margin:auto;position:absolute;right:0;text-align:center;top:10px}}}}.avatar-preview{border:1px dashed #004996;border-radius:30px;box-shadow:0 2px 4px 0 #0000001a;height:120px;position:relative;width:120px;@media (max-width:768px){border-radius:20px;height:100px;width:100px}@media (max-width:480px){border-radius:15px;height:90px;width:90px}>div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;height:100%;width:100%}}}.body form{display:flex;flex-direction:column;width:100%}.body form input{border:none;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.357);box-sizing:border-box;padding:15px;width:100%}@media (max-width:768px){.body form input{border-radius:8px;height:45px;padding:15px}}@media (max-width:480px){.body form input{border-radius:15px;height:42px;padding:12px}}.body form label{margin-top:10px}.body form .label{margin-top:20px}.body form textarea{border:none;border-radius:20px;box-shadow:0 0 5px #0000001a;box-sizing:border-box;font-family:inherit;padding:20px;resize:vertical;width:100%}@media (max-width:1024px){.body form textarea{max-width:100%}}@media (max-width:768px){.body form textarea{border-radius:15px;padding:15px}}@media (max-width:480px){.body form textarea{border-radius:12px;padding:12px}}.body form .description{margin-top:20px}.product-detail-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin:0 auto;width:clamp(300px,90%,1520px);@media (max-width:1024px){gap:20px;grid-template-columns:repeat(1,1fr);justify-items:center;margin-top:20px;width:95%}@media (max-width:768px){gap:15px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px;width:100%}@media (max-width:480px){gap:10px;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px}}.product-detail-container .frame-one{background:#fff;border-radius:30px;box-shadow:0 0 10px #0000001a;height:fit-content;max-width:680px;padding:20px;width:100%}@media (max-width:768px){.product-detail-container .frame-one{border-radius:20px;padding:15px}}@media (max-width:480px){.product-detail-container .frame-one{border-radius:15px;padding:12px}}.product-detail-container .frame-one img{clip-path:polygon(0 0,80% 0,100% 17%,100% 100%,17% 100%,0 80%);margin:0 auto;width:100%}.product-detail-container .frame-one .content{align-items:center;display:flex;justify-content:space-between;margin-top:40px}.product-detail-container .frame-one .description{margin-top:20px}p{color:#000}.product-detail-container .frame-two{background:#fff;border-radius:30px;box-shadow:0 0 10px #0000001a;height:fit-content;max-width:680px;padding:20px;width:100%}@media (max-width:768px){.product-detail-container .frame-two{border-radius:20px;padding:15px}}@media (max-width:480px){.product-detail-container .frame-two{border-radius:15px;padding:12px}}.tabs-container{background:#004996;border-bottom:1px solid #e0e0e0;border-radius:14px 14px 0 0;display:flex;gap:20px;justify-content:center;padding-top:10px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#fff;cursor:pointer;font-size:15px;padding:16px;position:relative;transition:all .3s ease;white-space:nowrap;@media (max-width:1300px){font-size:14px}}.tab-btn:hover{background:#f9f9f9}.tab-btn.active,.tab-btn:hover{border-radius:20px 20px 0 0;color:#004996;font-weight:600}.tab-btn.active{background:#f7f7f7}@media (max-width:768px){.tabs-container{border-radius:10px 10px 0 0;gap:0}.tab-btn{font-size:14px;padding:14px 24px}}@media (max-width:480px){.tabs-container{border-radius:8px 8px 0 0;flex-direction:column;gap:0}.tab-btn{border-bottom:1px solid #e0e0e0;font-size:13px;padding:12px 16px;text-align:left;text-align:center;width:100%}.tab-btn.active{border-radius:0}}.tabs{align-items:center;background:#004996;border-radius:14px;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding-top:20px;position:relative}@media (max-width:768px){.tabs{border-radius:10px;gap:15px;padding-top:15px}}@media (max-width:480px){.tabs{align-items:stretch;flex-direction:column;gap:10px;padding:10px}}.tab:hover{color:#fff}.vectorImage{bottom:0;height:39px;position:absolute;transform:translate(-15%,1px);z-index:1;img{height:auto;width:100%}}@media (max-width:768px){.vectorImage{height:35px}}@media (max-width:480px){.vectorImage{display:none}}.tab{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;height:100%;padding:0 30px;position:relative;transition:color .2s;z-index:2}@media (max-width:768px){.tab{padding:0 20px}}@media (max-width:480px){.tab{justify-content:center;min-height:45px;padding:12px 15px;width:100%}}.tab.active{box-shadow:0 2px 8px #0000000a;clip-path:polygon(8% 0,92% 0,100% 20%,100% 100%,0 100%,0 20%);color:#004996;font-weight:700;height:60px;padding-top:10px;z-index:2}@media (max-width:768px){.tab.active{height:50px}}@media (max-width:480px){.tab.active{background:#fff;border-radius:8px;clip-path:none;height:auto;min-height:45px}}.catalogue-section .catalogue-files-list .file-info{align-items:center;border-radius:12px;box-shadow:0 0 5px #0000001a;display:flex;gap:20px;margin-top:20px;padding:20px;:hover{scale:1.02}.file-icon{border-radius:8px;box-shadow:0 0 5px #00000059;color:#004996;padding:10px;text-align:center;width:50px}}.tab-content{margin-top:20px}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.images-grid{gap:15px}}@media (max-width:480px){.images-grid{gap:10px;grid-template-columns:1fr}}.images-grid img{clip-path:polygon(17% 0,100% 0,100% 80%,80% 100%,0 100%,0 17%);width:100%}.images-grid img:nth-child(2n){clip-path:polygon(0 0,83% 0,100% 17%,100% 100%,20% 100%,0 80%)}.video-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(1,1fr)}.videoCard{align-items:center;display:flex;gap:20px;justify-content:center;h2{max-width:400px;width:100%}}@media (max-width:768px){.videoCard iframe{height:200px}}@media (max-width:480px){.videoCard{gap:10px}.videoCard iframe{height:180px}}@media (max-width:350px){.videoCard{align-items:flex-start;flex-direction:column}}.videoCard iframe{border-radius:14px;width:clamp(50px,40vw,250px);@media (max-width:350px){width:100%}}.videoCard .contents{display:flex;flex-direction:column;gap:10px}.btn{background:#60a92c;border:none;border-radius:14px;color:#fff;cursor:pointer;padding:6px 13px;width:max-content}.bulk-images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px;padding:20px;width:100%}@media (max-width:768px){.bulk-images-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.bulk-images-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}.bulk-image-card{aspect-ratio:1;box-shadow:0 2px 5px #0000001a;overflow:hidden}.bulk-image-card,.bulk-image-card img{border-radius:10px;position:relative;width:100%}.bulk-image-card img{cursor:pointer;display:block;height:100%;object-fit:cover;z-index:1}.delete-image-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#d32f2f;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px;z-index:10}.delete-image-btn:hover{background:#d32f2f;color:#fff;transform:scale(1.1)}.modal-delete-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 8px #0000004d;color:#d32f2f;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;transition:all .3s ease;width:40px;z-index:1000}.modal-delete-btn:hover{background:#d32f2f;color:#fff;transform:scale(1.1)}.image-preview-modal{box-shadow:none!important;width:clamp(200px,80vw,600px)!important}.image-preview-modal,.image-preview-modal .modal-content{background:#0000!important;padding:0!important}.image-modal-wrapper{align-items:center;border-radius:8px;display:flex;justify-content:center;position:relative;width:100%}.modal-preview-image{border-radius:4px;max-height:60vh;object-fit:cover;width:100%}.add-new-card{align-items:center;aspect-ratio:1;border:2px dashed #ccc;border-radius:10px;color:#777;cursor:pointer;display:flex;font-weight:700;justify-content:center;transition:all .3s ease;width:100%}.add-new-card:hover{border-color:#004996;color:#004996}.bulk-video-card{aspect-ratio:16/9;background:#000;border-radius:10px;box-shadow:0 2px 5px #0000001a;max-width:350px;overflow:hidden;width:100%}@media (max-width:768px){.bulk-video-card{max-width:100%}}@media (max-width:480px){.bulk-video-card{border-radius:8px}}.add-new-video-card{align-items:center;border:2px dashed #ccc;border-radius:10px;color:#777;cursor:pointer;display:flex;font-weight:700;height:150px;justify-content:center;transition:all .3s ease;width:250px}.add-new-video-card:hover{background-color:#f8f9fa;border-color:#004996;color:#004996}.url-input-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;max-width:600px;width:100%}@media (max-width:480px){.url-input-container{gap:8px;margin-bottom:15px}}.url-input-container input{border:1px solid #ccc;border-radius:20px;box-sizing:border-box;flex:1 1;min-width:200px;outline:none;padding:10px 15px}@media (max-width:480px){.url-input-container input{min-width:100%;padding:8px 12px}.url-input-container button{padding:10px 15px;width:100%}}.url-input-container button:hover{background:#036}.body .container{margin:0}.radio{margin:1rem;input[type=radio]{opacity:0;position:absolute;+.radio-label{&:before{background:#9a9a9a;border:1px solid darken(#a2a2a9,25%);border-radius:100%;content:"";cursor:pointer;display:inline-block;height:1em;margin-right:1em;position:relative;text-align:center;transition:all .25s ease;vertical-align:top;width:1em}}&:checked{+.radio-label{&:before{background-color:#fff;box-shadow:inset 0 0 0 4px #004996}}}&:focus{+.radio-label{&:before{border-color:1px solid red;outline:none}}}&:disabled{+.radio-label{&:before{background:darken(#a2a2a9,25%);border-color:darken(blue,25%);box-shadow:inset 0 0 0 4px blue}}}+.radio-label{&:empty{&:before{margin-right:0}}}}}.text-inputs{display:flex;flex:1 1;flex-direction:column;gap:20px}.image-upload-section{flex-shrink:0;@media (max-width:768px){display:flex;justify-content:center;width:100%}}.name{margin-top:20px}.formContact{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;@media (max-width:768px){grid-template-columns:1fr}}.body .form-headerr{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:10px;@media (max-width:768px){grid-template-columns:1fr}}.body .form-headerr .image-upload-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;grid-column:1/-1;justify-content:flex-start}.body .form-headerr .image-upload-section h4{font-weight:500}.createNew{display:flex;gap:10px;margin-bottom:20px}.createNew select{padding:8px 30px}select{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:none;border-radius:12px;box-sizing:border-box;display:inline-block;font:inherit;margin:0;padding:1em}select.classic{background-image:linear-gradient(45deg,#0000 50%,#004996 0),linear-gradient(135deg,#004996 50%,#0000 0),linear-gradient(90deg,#ffffff8c,#004996);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;font-weight:500}select.classic,select.classic:focus{background-repeat:no-repeat;background-size:5px 5px,5px 5px,2.5em 2.5em}select.classic:focus{background-image:linear-gradient(45deg,#fff 50%,#0000 0),linear-gradient(135deg,#0000 50%,#fff 0),linear-gradient(90deg,#ffffff8c,#004996);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,100% 0;border-color:#004996;outline:0}.mediaUploads .card:hover{scale:1.02;transition:.3s ease}.mediaUploads .images-grid{display:grid;grid-template-columns:repeat(4,1fr);@media (max-width:1074px){grid-template-columns:repeat(2,1fr)}@media (max-width:767px){grid-template-columns:repeat(1,1fr)}}.mediaUploads .catalogue-section,.mediaUploads .video-grid{display:grid;grid-template-columns:repeat(2,1fr);@media (max-width:1074px){grid-template-columns:repeat(1,1fr)}@media (max-width:767px){grid-template-columns:repeat(1,1fr)}}.mediaUploads .videoCard{justify-content:flex-start}.mediaUploads .mainData{background:#e0dfdf73;border-radius:12px;display:flex;gap:20px;margin:20px 0;padding:20px;@media (max-width:767px){flex-direction:column}@media (max-width:450px){align-items:center;flex-direction:column}}.mediaUploads .mainData .contents{display:flex;flex-direction:column;gap:10px;justify-content:center;p{width:100%}}.mediaUploads .mainData img{border-radius:12px;width:clamp(240px,15vw,400px)}.mediaUploads .frame-two{background:#e0dfdf73;border-radius:12px;padding:20px}.mediaUpload .select-container{margin-top:10px}.mediaUpload .selectIndustry{align-items:end}.mediaUpload .selectIndustry,.mediaUpload .selecttype{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;grid-template-columns:1fr;margin-top:10px;width:100%}.mediaUpload .selecttype{text-align:left}.mediaUpload .form-header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;@media (max-width:992px){grid-template-columns:1fr}}.formSection{background:#5b308d1b;border-radius:16px;margin-top:20px;padding:20px;label{color:#5c308d}}.viewproducts{display:flex;gap:10px}.dropdown-container{width:100%}.dropdown-item{display:block;margin-top:20px;padding:10px 0}.dropdown-header{align-items:center;cursor:pointer;display:flex;gap:10px}.sub-count{color:#999;font-size:12px}.arrow{transition:.3s}.arrow.open{transform:rotate(180deg)}.dropdown-content{margin-left:80px;margin-top:10px;padding-left:15px}.dropdown-subitem{align-items:center;color:#000;display:flex;gap:8px;padding:5px 0}.dot{background:#6a0dad}.subindustry-item{align-items:center;color:#555;display:flex;gap:10px}.industry-page{padding:20px}.industry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.page-title{font-size:22px;font-weight:600}.page-subtitle{color:#6b7280;font-size:13px}.industry-list{display:flex;flex-direction:column;gap:16px}.industry-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;transition:.2s ease}.industry-card:hover{box-shadow:0 4px 12px #0000000d}.industry-top{cursor:pointer;justify-content:space-between}.industry-left,.industry-top{align-items:center;display:flex}.industry-left{gap:12px}.industry-img{border-radius:50%;height:45px;object-fit:cover;width:45px}.industry-title{font-size:16px;font-weight:600;margin:0}.industry-meta{color:#6b7280;color:#5c308d;font-size:14px;margin-top:10px}.industry-count{color:#374151;font-size:13px;@media (max-width:768px){display:none}}.industry-desc{color:#4b5563;font-size:14px;margin-top:10px}.industry-dropdown{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.industry-subitem{align-items:center;display:flex;font-size:14px;gap:8px;margin-left:80px}.dot{background:#6b7280;border-radius:50%;height:6px;width:6px}.arrow{align-items:center;color:#5c308d;display:flex}.industry-card{position:relative}.actions-wrapper{position:absolute;right:12px;top:12px}.actions-toggle{background:#0000;border:none;cursor:pointer;padding:4px}.actions-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:absolute;right:0;top:28px;width:120px;z-index:10}.actions-item{cursor:pointer;font-size:14px;padding:10px}.actions-item:hover{background:#f3f4f6}.permission-dropdown-wrapper,.tag-dropdown-wrapper,.tag-selector-wrapper{@media (max-width:767px){flex:none;width:100%}}.body .tags{align-items:flex-start;display:flex;flex-direction:column;width:100%}.body h2{color:#333;font-weight:600}.customer-table{overflow-x:auto;overflow-y:visible;white-space:nowrap}.customer-table table{min-width:600px;width:100%}@media (max-width:840px){.customer-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.customer-table table{min-width:700px}}.addbtn{align-items:center;display:flex;gap:10px;margin-right:10px;position:relative}.addbtn input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:10px 160px 10px 10px}.addbtn button{border:none;cursor:pointer;height:60%;padding:0 15px;position:absolute;right:0;transition:background-color .3s}.addbtn button:first-of-type{background-color:#0a4da2;border-radius:4px;color:#fff;right:85px}.addbtn button:last-of-type{background-color:#b7b6b6d6;border-left:none;border-radius:4px;color:#333;right:10px}.addbtn button:hover{opacity:.9}@media (max-width:480px){.addbtn{flex-direction:column;gap:10px;margin-right:0;position:static}.addbtn input{padding:10px;width:100%}.addbtn button{height:40px;padding:10px 15px;position:static;width:100%}.addbtn button:first-of-type,.addbtn button:last-of-type{right:auto}}.body .tags .tagLists{align-items:center;display:flex;flex-wrap:wrap;margin-top:30px;text-decoration:none}.body .tags .tagLists li{align-items:center;background-color:#f5f5f5;border:1px solid #9b999944;border-radius:20px;box-shadow:0 2px 5px #004896be;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;list-style:none;margin-bottom:0;padding:10px 15px;text-align:center;width:max-content}.body .tags .tagLists li:hover{scale:1.02}.body .tags .tagLists li .remove-tag{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:8px;padding:0;transition:color .3s;width:20px}.body .tags .tagLists li .remove-tag:hover{color:red}.permission-modal .modal-tags-container label{align-items:flex-start;color:#333;display:flex;font-weight:600;margin-bottom:10px;margin-top:0}.modal-tags-container .tags{max-height:300px;overflow-y:auto}.modal-tags-container .tags .tagLists{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.modal-tags-container .addbtn{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.tag-selector-wrapper{@media (max-width:767px){flex-direction:column;gap:10px}}.permission-selector-wrapper,.tag-selector-wrapper{align-items:flex-start;display:flex;gap:15px;margin-top:10px}.permission-selector-wrapper{flex-direction:column}.permission-dropdown-wrapper{position:relative;width:100%;@media (max-width:767px){flex:none;width:100%}}.tag-dropdown-wrapper{flex:0 0 300px;position:relative;width:300px;@media (max-width:767px){flex:none;width:100%}}.tag-dropdown-select{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 5px #0000001a;box-sizing:border-box;color:#333;cursor:pointer;display:flex;height:50px;justify-content:space-between;padding:0 20px;width:100%}.tag-dropdown-select:hover{box-shadow:0 0 8px #00000026}.dropdown-arrow{color:#666}.permission-dropdown-menu,.tag-dropdown-menu{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;margin-top:5px;max-height:250px;overflow-y:auto}.tag-dropdown-menu{left:0;position:absolute;right:0;top:100%;z-index:1000}.tag-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 20px;transition:background-color .2s}.tag-dropdown-item:hover{background-color:#f5f5f5}.tag-dropdown-item input[type=checkbox]{accent-color:#0a4da2;cursor:pointer;height:18px;margin:0;width:18px}.tag-dropdown-item span{color:#333;font-weight:500}.tags-inline{flex:1 1;min-width:0}.tags-inline .tagLists{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.tags-inline .tagLists li{align-items:center;background-color:#f5f5f5;border:1px solid #9b999944;border-radius:20px;box-shadow:0 2px 5px #0000001a;display:flex;font-weight:500;gap:8px;list-style:none;padding:8px 12px}.tags-inline .tagLists li svg{color:#4caf50;height:16px;width:16px}.tags-inline .tagLists li .remove-tag{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:18px;justify-content:center;margin-left:4px;padding:0;transition:color .3s;width:18px}.tags-inline .tagLists li .remove-tag:hover{color:red}.modal-tags-container label{align-items:flex-start;display:flex;font-weight:600}.modal-tags-container input{border:none;border-radius:30px;box-shadow:0 0 5px #0000001a;box-sizing:border-box;height:50px;padding:20px;width:clamp(200px,90vw,670px)}@media (max-width:480px){.modal-tags-container .addbtn{flex-direction:column;gap:10px;margin-top:10px}.modal-tags-container input{border-radius:8px;height:45px;padding:15px;width:100%}.tag-selector-wrapper{flex-direction:column;gap:10px}.tag-dropdown-wrapper{flex:none;width:100%}.tag-dropdown-select{border-radius:8px;height:45px;padding:0 15px}.tag-dropdown-menu{max-height:200px}.tags-inline{width:100%}}.modal-tags-container .tags .tagLists li{align-items:center;background-color:#f5f5f5;border:1px solid #9b999944;border-radius:20px;box-shadow:0 2px 5px #0000001a;display:flex;font-weight:500;gap:8px;list-style:none;padding:8px 12px}.modal-tags-container .tags .tagLists li svg{color:#4caf50;height:18px;width:18px}.modal-tags-container .tags .tagLists li .remove-tag{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:4px;padding:0;transition:color .3s;width:20px}.modal-tags-container .tags .tagLists li .remove-tag:hover{color:red}.tag-actions{gap:4px;margin-left:auto}.edit-tag-btn,.tag-actions{align-items:center;display:flex;justify-content:center}.edit-tag-btn{background:none;border:none;color:#0a4da2;cursor:pointer;height:20px;padding:0;transition:color .3s;width:20px}.edit-tag-btn:hover{color:#063d7a}.edit-tag-container{align-items:center;display:flex;gap:6px;width:100%}.edit-tag-input{border:1px solid #0a4da2;border-radius:4px;flex:1 1;min-width:100px;outline:none;padding:6px 10px}.edit-tag-input:focus{border-color:#063d7a;box-shadow:0 0 0 2px #0a4da21a}.cancel-edit-btn,.save-edit-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .3s}.save-edit-btn{color:#4caf50}.save-edit-btn:hover{color:#388e3c}.cancel-edit-btn{color:#f44336}.cancel-edit-btn:hover{color:#d32f2f}.modal-tags-container .tags .tagLists li.editing{background-color:#f0f7ff;padding:6px 10px}.body .tags .tagLists li svg{color:#4caf50;height:25px;width:25px}@media (max-width:768px){.body h2{text-align:center}.body .tags .tagLists{gap:8px;margin-top:20px;padding:0 10px}.body .tags .tagLists li{padding:8px 12px}.body .tags .tagLists li svg{height:20px;width:20px}.modal-tags-container .tags{max-height:250px}.modal-tags-container .tags .tagLists{gap:8px}.modal-tags-container .tags .tagLists li{padding:6px 10px}.modal-tags-container .tags .tagLists li svg{height:16px;width:16px}.edit-tag-btn,.modal-tags-container .tags .tagLists li .remove-tag{height:18px;width:18px}.edit-tag-input{min-width:80px;padding:5px 8px}}.body .tags .tagLists{gap:10px;padding:0 5px}.body .tags .tagLists li{padding:15px}.modal-tags-container input{height:40px;padding:12px}.modal-tags-container .addbtn button{height:40px}.edit-tag-container{gap:4px}.edit-tag-input{min-width:60px;padding:4px 6px}.tag-actions{gap:2px}*{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}}.caseStudyDetails{background:#f5f7fb;min-height:100vh;padding:24px}.detailsHeader{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.detailsHeader h1{color:#111827;font-size:32px;margin-bottom:10px}.detailsHeader p{color:#6b7280;line-height:1.7;max-width:700px}.headerActions{display:flex;gap:10px}.backBtn,.editBtn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:12px 20px}.editBtn{background:#5c308d;color:#fff}.backBtn{background:#fff;border:1px solid #ddd}.infoGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.infoCard{background:#fff;border-radius:18px;box-shadow:0 4px 20px #0000000d;padding:20px}.infoCard span{color:#6b7280;font-size:13px}.infoCard h3{color:#111827;margin-top:10px}.gallerySection{margin-bottom:30px;margin-top:20px}.sectionHeader{margin-bottom:16px}.sectionHeader h2{color:#111827;font-size:24px}.galleryGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.galleryCard{background:#fff;border-radius:18px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.galleryCard img{height:250px;object-fit:cover;transition:.4s;width:100%}.galleryCard img:hover{transform:scale(1.05)}.descriptionCard{background:#fff;border-radius:18px;box-shadow:0 4px 20px #0000000d;padding:24px}.descriptionCard h2{color:#111827;margin-bottom:16px}.descriptionCard p{color:#4b5563;line-height:1.8}@media (max-width:768px){.detailsHeader{flex-direction:column}.headerActions{width:100%}.backBtn,.editBtn{flex:1 1}}.card{position:relative}.card__toggle{bottom:16px;position:absolute;right:16px;z-index:5}.category-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014;left:-260%;min-width:120px;padding:6px 0;position:absolute;top:160%;transform:translateY(-100%);white-space:nowrap;z-index:100000}@media (max-width:1024px){.category-dropdown-menu{left:auto;min-width:140px;right:-12px;top:100%;transform:translateY(0)}}.category-dropdown-item{color:#141313a7;cursor:pointer;padding:8px 16px;transition:background .15s;&:hover{background:#004996;border-radius:8px;color:#fff}}.category-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-top:10px;min-height:60px;overflow:visible;position:relative}.category-item:hover{scale:1.001}@media (max-width:768px){.category-item{margin-top:8px;min-height:50px}}.category-item-child{margin-bottom:10px;margin-left:32px;margin-top:10px;padding-left:24px}@media (max-width:768px){.category-item-child{margin-bottom:8px;margin-left:16px;margin-top:8px;padding-left:12px}}.category-tree-vert{background:#e5e7eb;border-radius:1px;bottom:0;left:8px;position:absolute;top:0;width:2px;z-index:0}.category-tree-vert-last{bottom:50%}.category-tree-horiz{background:#e5e7eb;height:2px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:0}.category-content,.category-content-fam{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;overflow:visible;padding:15px 12px 15px 15px;position:relative;width:100%}@media (max-width:768px){.category-content{border-radius:8px;padding:10px 8px 10px 10px}}@media (max-width:480px){.category-content{border-radius:6px;box-shadow:0 2px 4px #00000014;padding:8px 6px 8px 8px}}.downArrow{color:#0a4da2;margin-left:auto}.category-toggle,.downArrow{align-items:center;display:flex}.category-toggle{margin-right:8px}.category-toggle-placeholder{display:inline-block;width:28px}.category-icon-bg{align-items:center;background:#004996;border-radius:50%;display:flex;height:36px;justify-content:center;margin-right:10px;width:36px}.category-image{border-radius:8px;flex-shrink:0;height:50px;margin-right:15px;object-fit:cover;width:50px}@media (max-width:768px){.category-icon-bg{height:32px;margin-right:8px;width:32px}.category-image{height:45px;margin-right:10px;width:45px}}@media (max-width:480px){.category-icon-bg{height:28px;width:28px}.category-icon-bg svg{height:16px;width:16px}.category-image{height:40px;margin-right:8px;width:40px}}.category-names{color:#0a4da2;display:flex;flex-direction:column;font-weight:500;margin-left:10px;margin-right:10px;min-width:0;text-decoration:none;word-break:break-word}@media (max-width:768px){.category-names{margin-right:8px}}@media (max-width:480px){.category-names{margin-right:5px}}.category-name{color:#0a4da2;font-weight:500;text-decoration:none}.DetailsSection{color:#004996;display:flex;flex-direction:column;margin-left:20px;h3{align-items:center;display:flex}}.commonBtn{flex-shrink:0;margin-left:auto}@media(max-width:700px){.commonBtn{margin:0}}.both{align-items:center;display:flex;gap:10px;justify-content:center}@media (max-width:480px){.both{gap:5px}}.common{background:#60a92c;color:#fff}.common,.commonBtn button{border-radius:30px;padding:8px 16px}.commonBtn button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px}@media (max-width:768px){.commonBtn button{min-height:40px;min-width:40px;padding:6px 12px}}@media (max-width:480px){.commonBtn button{min-height:38px;min-width:38px;padding:5px 10px}}.DetailPage{min-height:100vh;overflow-y:auto;width:100%}.DetailPage .category-content{@media(max-width:700px){flex-wrap:wrap}}.form-button-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.form-button-group .commonBtn{border-radius:4px;cursor:pointer;padding:10px 20px;transition:all .2s ease}@media (max-width:480px){.form-button-group{flex-direction:row;gap:8px;justify-content:center}.form-button-group .commonBtn{padding:12px 20px;width:100%}}.modal input,.modal select,.modal textarea{box-sizing:border-box;width:100%}@media (max-width:600px){.category-item{margin-top:6px;min-height:44px}.category-item-child{margin-bottom:6px;margin-left:12px;margin-top:6px;padding-left:8px}}@media (max-width:480px){.categories-container{margin:0}.category-item{margin-top:5px;min-height:40px}.category-item-child{margin-bottom:5px;margin-left:8px;margin-top:5px;padding-left:6px}.category-content{padding:6px 8px}.category-name{font-size:14px;line-height:1.3}.drag-handle{margin-left:2px!important;margin-right:4px!important}}@media (max-width:360px){.categories-container{margin:0}.category-content{padding:5px 6px}.category-name{font-size:13px}.category-icon-bg{height:26px;margin-right:6px;width:26px}.category-icon-bg svg{height:14px;width:14px}}@media (max-width:480px){.drag-handle{min-height:36px;min-width:36px;padding:6px}.sortable-ghost{border-width:1px}}.drag-handle{align-items:center;cursor:grab;display:flex;flex-shrink:0;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.sortable-ghost{background:#e3f2fd;border:2px dashed #0a4da2;border-radius:8px;opacity:.4}.sortable-chosen{cursor:grabbing!important}.sortable-drag{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;opacity:1}@media (max-width:768px){.drag-handle{min-height:32px;min-width:32px;padding:4px}}@media (max-width:480px){.drag-handle{min-height:26px;min-width:26px;padding:6px}.sortable-ghost{border-width:1px}}.sortable-fallback{opacity:0!important}.distributor-action-dropdown-menu{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;left:auto;margin-top:5px;position:absolute;right:0;top:240%;width:140px;z-index:1000}@media (max-width:1200px){.distributor-action-dropdown-menu{top:20%}}.application-detail-page{background:#f2f0f5;border-radius:16px;font-family:Montserrat,sans-serif;min-height:calc(100vh - 120px)}.application-detail-breadcrumb{color:#6b7280;font-size:13px;margin-bottom:20px}.application-detail-breadcrumb a{color:#6b7280;text-decoration:none}.application-detail-breadcrumb a:hover{color:#5c308d}.application-detail-breadcrumb .current{color:#5c308d;font-weight:600}.application-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.application-detail-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.application-detail-title{color:#1a1a2e;font-size:clamp(.5rem,3vw,1.5rem);font-weight:700;margin:0;text-transform:capitalize}.application-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.application-detail-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:opacity .2s ease}.application-detail-btn:disabled{cursor:not-allowed;opacity:.6}.application-detail-btn--reject{background:#fce8ec;color:#d11a2a}.application-detail-btn--reject:hover:not(:disabled){background:#f9d4dc}.application-detail-btn--edit{background:#fff;border:1.5px solid #5c308d;color:#5c308d}.application-detail-btn--edit:hover:not(:disabled){background:#f5f0fa}.application-detail-btn--approve{background:#5c308d;color:#fff}.application-detail-btn--approve:hover:not(:disabled){background:#4a2670}.application-detail-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 540px;@media (max-width:1390px){grid-template-columns:1fr 1fr}}@media (max-width:999px){.application-detail-content{grid-template-columns:1fr}}.application-detail-gallery-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #5c308d0f;padding:20px}.application-detail-main-image{aspect-ratio:16/10;background:#f3f4f6;border-radius:14px;display:block;object-fit:cover;width:100%}.application-detail-thumbs{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.application-detail-thumb{background:#f3f4f6;border:2px solid #0000;border-radius:12px;cursor:pointer;height:72px;object-fit:cover;opacity:.75;transition:border-color .2s,opacity .2s;width:72px}.application-detail-thumb:hover{opacity:1}.application-detail-thumb.active{border-color:#5c308d;opacity:1}.application-detail-sidebar{display:flex;flex-direction:column;gap:16px}.application-detail-info-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #5c308d0f;padding:20px}.application-detail-info-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.application-detail-info-card__title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0}.application-detail-info-card__icon{align-items:center;background:#f3eef8;border-radius:50%;color:#5c308d;display:flex;height:36px;justify-content:center;width:36px}.application-detail-field{margin-bottom:18px}.application-detail-field:last-child{margin-bottom:0}.application-detail-field__label{color:#6b7280;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.application-detail-field__value{color:#111827;font-size:18px;font-weight:700;line-height:1.3;margin:0}.application-detail-products{list-style:none;margin:0;padding:0}.application-detail-products li{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;font-weight:600;padding:8px 0}.application-detail-products li:last-child{border-bottom:none}.application-detail-error,.application-detail-loading{color:#6b7280;font-size:15px;padding:40px;text-align:center}.application-detail-reject-card{background:#fff8f8;border:1px solid #f5c2c0}.application-detail-reject-reason{color:#8c1d18;font-size:14px;font-weight:500;line-height:1.6;margin:0}.application-detail-no-image{align-items:center;aspect-ratio:16/10;background:#f3f4f6;border-radius:14px;color:#9ca3af;display:flex;font-size:14px;justify-content:center;width:100%}