@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px;font-family:Arial,sans-serif}.login-card{background:white;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px;width:100%;max-width:800px;display:flex;align-items:center;gap:60px}@media (max-width: 768px){.login-card{flex-direction:column;gap:30px;padding:30px 20px}}.logo-section{flex:1;text-align:center}.logo-section img{width:60%;object-fit:cover}.form-section{flex:1;min-width:300px}.form-section .form-title{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:30px;line-height:38px;letter-spacing:0%;text-align:center;color:#2b2f38}@media (max-width: 768px){.form-section .form-title{text-align:left}}.form-section .welcome-details{font-family:Inter;font-weight:400;font-style:Regular;font-size:16px!important;leading-trim:NONE;line-height:24px;letter-spacing:0%;text-align:center;color:#667085}.login-form .remember-me{font-family:Inter;font-weight:500;font-style:Medium;font-size:12px;align-items:center;color:#48505e;margin-bottom:1rem;display:flex;width:100%;justify-content:space-between}.login-form .remember-me .remeber-check{display:flex;align-items:center;gap:5px}.login-form .remember-me .forgot-password{font-family:Inter;font-weight:500;font-style:Medium;font-size:14px;leading-trim:NONE;line-height:20px;letter-spacing:0%;color:#3dae4a;background-color:transparent;border:none;cursor:pointer}.login-form .input-group{margin-bottom:20px}.login-form .input-group label{display:block;margin-bottom:8px;font-family:Inter;font-weight:500;font-style:Medium;font-size:14px;leading-trim:NONE;line-height:20px;letter-spacing:0%;color:#48505e}.login-form .input-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.login-form .input-group input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.login-form .input-group input::placeholder{font-family:Inter;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%;color:#667085}.login-form .login-button{width:100%;background-color:#3dae4a;color:#fff;border-radius:4px;padding:10px 18px;font-family:Inter;font-weight:500;font-style:Medium;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%;transition:background-color .3s ease,transform .1s ease;margin-top:10px;cursor:pointer;border:1px solid #3DAE4A}.login-form .login-button:hover{background-color:#359941;border:1px solid #3DAE4A}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:20px}.logo-section .logo{font-size:2rem}.form-section .form-title{font-size:1.3rem}.remember-me{text-align:center}.remember-me .forgot-password{text-align:center;margin-left:1rem!important}}.SidebarMaibwrapper .sidebar{width:280px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;padding:1rem 2rem;border:1px solid #F0F1F3;border-bottom-right-radius:8px;border-top-right-radius:8px;overflow-y:auto;z-index:1000}.SidebarMaibwrapper .sidebar::-webkit-scrollbar{display:none}.SidebarMaibwrapper .sidebar .head-section{display:flex;align-items:center;gap:10px}.SidebarMaibwrapper .sidebar .head-section .logo{width:46px;height:46px}.SidebarMaibwrapper .sidebar .head-section .logo img{width:100%;object-fit:cover}.SidebarMaibwrapper .sidebar .head-section .label p{margin:0;font-family:Poppins;font-weight:400;font-style:Regular;font-size:14px;leading-trim:NONE;line-height:130%;letter-spacing:0%}.SidebarMaibwrapper .sidebar .head-section .label h3{margin:0;font-family:Poppins;font-weight:700;font-style:Bold;font-size:14px;line-height:130%;letter-spacing:0%}.SidebarMaibwrapper .sidebar .sidebar-links{text-decoration:none}.SidebarMaibwrapper .sidebar button{margin-top:2rem;display:flex;align-items:center;gap:20px;background-color:#3dae4a;padding:1rem 2rem;border:none;border-radius:8px}.SidebarMaibwrapper .sidebar button .home{width:24px;height:24px;color:#fff}.SidebarMaibwrapper .sidebar button span{margin:0;font-family:Inter;font-weight:700;font-style:Bold;font-size:16px;line-height:24px;color:#fff}.SidebarMaibwrapper .sidebar .inventory{margin-top:1.5rem}.SidebarMaibwrapper .sidebar .inventory h3{margin-top:.5rem;font-family:Inter;font-weight:600;font-size:16px;line-height:175%;letter-spacing:0%}.SidebarMaibwrapper .sidebar .inventory .head{display:flex;margin-top:1.5rem;gap:1.2rem;align-items:center!important;color:#5d6679}.SidebarMaibwrapper .sidebar .inventory .icon{width:24px;height:24px}.SidebarMaibwrapper .sidebar .inventory .name{font-family:Inter;font-weight:500;font-size:16px}.SidebarMaibwrapper .dashboard-btn{transition:all .3s ease}.SidebarMaibwrapper .dashboard-btn.active{color:#3dae4a;color:#fff;border-radius:8px}.SidebarMaibwrapper .dashboard-btn.active .home{color:#fff}.SidebarMaibwrapper .dashboard-btn.active span{color:#fff;font-weight:600}.SidebarMaibwrapper .dashboard-btn.active:hover{background-color:#7c3aed}.SidebarMaibwrapper .dashboard-btn:hover:not(.active){background-color:#f3f4f6}.SidebarMaibwrapper .inventory table tr.head{transition:all .3s ease}.SidebarMaibwrapper .inventory table tr.head.active{color:#fff;border-radius:8px}.SidebarMaibwrapper .inventory table tr.head.active .icon{color:#3dae4a}.SidebarMaibwrapper .inventory table tr.head.active .name{color:#3dae4a;font-weight:600}.SidebarMaibwrapper .inventory table tr.head:hover:not(.active){background-color:#f3f4f6}.logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.logout-modal{background:white;border-radius:12px;padding:2rem!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:500px;animation:modalAppear .2s ease-out}@media (max-width: 991px){.logout-modal{width:90%!important}}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:24px 24px 0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-body{padding:16px 24px 24px}.modal-body p{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.modal-footer{padding:1rem!important;display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:.8rem!important;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid;transition:all .2s ease}.btn-cancel:focus,.btn-confirm:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-cancel{background:white;border-color:#d1d5db;padding:.8rem!important;color:#374151}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-confirm{background:#dc2626;border-color:#dc2626;color:#fff}.btn-confirm:hover{background:#b91c1c;border-color:#b91c1c}.NewproductWrapper .new-product-form{margin-top:1rem;width:100%;background-color:#fff;padding:30px 20px 20px 30px;border-radius:8px;border:1px solid #F0F1F3}.NewproductWrapper .new-product-form .head-section h3{font-family:Inter;font-weight:700;font-size:20px;line-height:30px;letter-spacing:0%}.NewproductWrapper .new-product-form .add-rating-image-section{margin-top:1rem}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper{display:flex;gap:10px;flex-wrap:wrap}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .file-upload{position:relative;width:90px;height:90px;border:2px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .file-upload .file-input{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;cursor:pointer}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .file-upload .file-label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .file-upload .file-label .plus-sign{font-size:16px;font-family:inter;color:#5d6679}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .selected-image{position:relative;width:90px;height:90px;background-color:#e1e1e1;border-radius:8px;overflow:hidden}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .selected-image img{width:100%;height:100%;object-fit:cover}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .selected-image .remove-image-btn{position:absolute;top:5px;right:5px;background:#ff4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.NewproductWrapper .new-product-form .add-rating-image-section .selected-image-wrapper .selected-image .image-name{font-size:10px;color:#666;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px}.NewproductWrapper .new-product-form .add-rating-image-section .image-upload-info{margin-top:10px;font-size:12px;color:#666;text-align:center}.NewproductWrapper .new-product-form .prod-name{margin-top:1rem;padding:10px}.NewproductWrapper .new-product-form .prod-name input,.NewproductWrapper .new-product-form .prod-name textarea,.NewproductWrapper .new-product-form .prod-name select{width:100%;border:1px solid #D0D5DD;border-radius:4px;padding:10px;font-family:inter;font-size:14px}.NewproductWrapper .new-product-form .prod-name input::placeholder,.NewproductWrapper .new-product-form .prod-name textarea::placeholder,.NewproductWrapper .new-product-form .prod-name select::placeholder{font-size:14px;font-family:inter;color:#6c757d}.NewproductWrapper .new-product-form .prod-name input{height:35px}.NewproductWrapper .new-product-form .prod-name textarea{resize:vertical}.NewproductWrapper .new-product-form .prod-name select{height:35px;color:#5d6679}.NewproductWrapper .new-product-form .variants-section{margin-top:20px;padding:20px;border:1px solid #eee;border-radius:8px;background:#f9f9f9}.NewproductWrapper .new-product-form .variants-section h4{color:#3dae4a;margin-bottom:10px;font-size:16px}.NewproductWrapper .new-product-form .variants-section .variant-help-text{font-size:14px;color:#666;margin-bottom:20px}.NewproductWrapper .new-product-form .variants-section .variant-option{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:6px;background:white}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-option-header{display:flex;align-items:center;margin-bottom:15px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-option-header input{flex:1;padding:8px;margin-right:10px;border:1px solid #ddd;border-radius:4px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-option-header .remove-option-btn{background:#ff4444;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values{margin-left:20px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values h5{font-size:14px;margin-bottom:10px;color:#333}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values .variant-values-input{margin-bottom:10px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values .variant-values-input input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values .variant-values-list{display:flex;flex-wrap:wrap;gap:10px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values .variant-values-list .variant-value-tag{background:#e0e0e0;padding:5px 10px;border-radius:4px;display:flex;align-items:center;font-size:14px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values .variant-values-list .variant-value-tag .remove-value-btn{background:#ff4444;color:#fff;border:none;margin-left:8px;padding:2px 6px;border-radius:50%;cursor:pointer;font-size:12px}.NewproductWrapper .new-product-form .variants-section .variant-option .variant-values .add-value-btn{background:#f0f0f0;border:1px solid #ddd;padding:8px 12px;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px}.NewproductWrapper .new-product-form .variants-section .add-option-btn{background:#3DAE4A;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview{margin-top:20px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview h5{font-size:16px;color:#333;margin-bottom:15px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid{display:grid;gap:20px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item{border:1px solid #ddd;padding:15px;border-radius:6px;background:white}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .combination-details{margin-bottom:15px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .combination-details .combination-detail{display:flex;gap:10px;font-size:14px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .combination-details .combination-detail .combination-key{font-weight:700;color:#333}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .combination-details .combination-detail .combination-value{color:#555}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields{display:grid;gap:10px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .prod-name input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload{margin-top:10px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .file-upload{position:relative;width:90px;height:90px;border:2px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .file-upload .file-input{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;cursor:pointer}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .file-upload .file-label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .file-upload .file-label .plus-sign{font-size:14px;font-family:inter;color:#5d6679}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .variant-image-previews{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .variant-image-previews .selected-image{position:relative;width:90px;height:90px;background-color:#e1e1e1;border-radius:8px;overflow:hidden}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .variant-image-previews .selected-image img{width:100%;height:100%;object-fit:cover}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .variant-image-previews .selected-image .remove-image-btn{position:absolute;top:5px;right:5px;background:#ff4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .variant-image-previews .selected-image .image-name{font-size:10px;color:#666;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .image-upload-info{margin-top:10px;font-size:12px;color:#666;text-align:center}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combination-count{margin-top:10px;font-size:14px;color:#666}.NewproductWrapper .new-product-form .seo-section{margin-top:20px;padding:20px;border:1px solid #eee;border-radius:8px;background:#f9f9f9}.NewproductWrapper .new-product-form .seo-section h4{color:#3dae4a;margin-bottom:10px;font-size:16px}.NewproductWrapper .new-product-form .buttons{width:100%;display:flex;gap:10px;padding:10px;justify-content:flex-end}.NewproductWrapper .new-product-form .buttons button{padding:8px 20px;font-family:inter;font-size:16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.NewproductWrapper .new-product-form .buttons button:disabled{opacity:.6;cursor:not-allowed}.NewproductWrapper .new-product-form .buttons .close-btn{color:#3dae4a;background:transparent;border:1px solid #3DAE4A}.NewproductWrapper .new-product-form .buttons .submit{color:#fff;background:#3DAE4A;border:none}.NewproductWrapper .new-product-form .buttons .submit:hover:not(:disabled){background:#359941}@media (max-width: 768px){.NewproductWrapper .new-product-form{padding:20px 15px}.NewproductWrapper .new-product-form .prod-name{padding:10px 0}.NewproductWrapper .new-product-form .variants-section{padding:15px}.NewproductWrapper .new-product-form .variants-section .variant-option,.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item{padding:10px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .file-upload{width:70px;height:70px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .file-upload .file-label .plus-sign{font-size:12px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .variant-image-previews .selected-image{width:70px;height:70px}.NewproductWrapper .new-product-form .variants-section .variant-combinations-preview .combinations-grid .combination-item .variant-fields .variant-image-upload .variant-image-previews .selected-image .image-name{font-size:9px}}.navbarmainwrapper .navbar{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 4rem 0 2rem;border:1px solid #EEEEEE;background-color:#fff}.navbarmainwrapper .navbar .left-side{display:flex;gap:1rem}.navbarmainwrapper .navbar .left-side .drop-1 select{padding:5px 10px;border:1px solid #D0D3D9;border-radius:5px;color:#5d6679}.navbarmainwrapper .navbar .left-side .drop-1 select option{font-family:inter}.navbarmainwrapper .navbar .left-side .drop-2 select{padding:5px 30px 5px 10px;border:1px solid #D0D3D9;border-radius:5px;color:#5d6679}.navbarmainwrapper .navbar .left-side .drop-2 select option{font-family:inter}.navbarmainwrapper .navbar .right-side{display:flex;justify-content:center;gap:1rem;align-items:center}.navbarmainwrapper .navbar .right-side .user{width:45px;height:45px;border-radius:50%}.navbarmainwrapper .navbar .right-side .user img{width:100%}.modal-overlay-brand{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay-brand .modal-content{background:white;border-radius:8px;padding:24px;width:100%;max-width:400px;margin:20px;box-shadow:0 10px 25px #0000001a;position:relative}.modal-overlay-brand .modal-title{font-size:18px;font-weight:600;margin:0 0 20px;color:#000;font-family:inter}.modal-overlay-brand .modal-form{display:flex;flex-direction:column;gap:20px}.modal-overlay-brand .form-group{display:flex;flex-direction:column}.modal-overlay-brand .brand-input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease}.modal-overlay-brand .brand-input:focus{border-color:#3dae4a;box-shadow:0 0 0 2px #8b5cf61a}.modal-overlay-brand .brand-input::placeholder{color:#999}.modal-overlay-brand .modal-actions{display:flex;gap:12px;justify-content:start}.modal-overlay-brand .cancel-btn{padding:8px 16px;border:1px solid #e0e0e0;background:white;color:#666;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.modal-overlay-brand .cancel-btn:hover{background:#f5f5f5;border-color:#d0d0d0}.modal-overlay-brand .add-btn{padding:8px 16px;background:#3DAE4A;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.modal-overlay-brand .add-btn:hover:not(:disabled){background:#7c3aed}.modal-overlay-brand .add-btn:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width: 480px){.modal-overlay-brand .modal-content{margin:10px;padding:20px}.modal-overlay-brand .modal-actions{flex-direction:column}.modal-overlay-brand .modal-actions .cancel-btn,.modal-overlay-brand .modal-actions .add-btn{width:100%}}.NewproductWrapper .filters-dropdown{position:relative;display:inline-block}.NewproductWrapper .filters-dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:200px;padding:16px}.NewproductWrapper .filter-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.NewproductWrapper .filter-options{display:flex;flex-direction:column;gap:8px}.NewproductWrapper .filter-option{background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer;border-radius:4px;font-size:14px}.NewproductWrapper .filter-option:hover{background-color:#f5f5f5}.NewproductWrapper .filter-option.active{background-color:#007bff;color:#fff}.NewproductWrapper .active-filters{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e0e0e0;margin-bottom:16px}.NewproductWrapper .filter-label{font-weight:600;color:#666;font-size:14px}.NewproductWrapper .filter-tag{display:inline-flex;align-items:center;background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:16px;font-size:12px;gap:6px}.NewproductWrapper .remove-filter{background:none;border:none;color:#1976d2;cursor:pointer;font-size:16px;line-height:1;padding:0}.NewproductWrapper .remove-filter:hover{color:#d32f2f}.NewproductWrapper .results-summary{padding:12px 0;font-size:14px;color:#666}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn{background:none;border:none;color:#060606;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.NewproductWrapper .product-name-container{display:flex;align-items:center;gap:8px}.NewproductWrapper .product-name-container .expand-btn{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:14px;color:#666;transition:color .2s ease}.NewproductWrapper .product-name-container .expand-btn:hover{color:#333}.NewproductWrapper .product-name-container .variants-count{font-size:12px;color:#888;font-weight:400;margin-left:4px}.NewproductWrapper .variant-row{background-color:#f8f9fa}.NewproductWrapper .variant-row td{padding:8px 12px;border-top:1px solid #e9ecef}.NewproductWrapper .variant-row .variant-name{font-size:14px;color:#6c757d;padding-left:24px}.NewproductWrapper .variant-row .variant-name .variant-indicator{color:#adb5bd;margin-right:8px;font-family:monospace}.NewproductWrapper .variant-row .variant-price{font-size:14px;font-weight:600;color:#28a745}.NewproductWrapper .availability-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.NewproductWrapper .availability-badge.in-stock{background-color:#d4edda;color:#155724}.NewproductWrapper .availability-badge.low-stock{background-color:#fff3cd;color:#856404}.NewproductWrapper .availability-badge.out-of-stock{background-color:#f8d7da;color:#721c24}.NewproductWrapper .availability-badge.variant{font-size:11px;padding:2px 6px}.NewproductWrapper .main-product-row:hover{background-color:#f8f9fa}.NewproductWrapper .table-container .brands-table tbody tr.variant-row:hover{background-color:#e9ecef}.NewproductWrapper .variants-section{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:8px}.NewproductWrapper .variants-section h4{margin-bottom:10px;color:#333}.NewproductWrapper .variants-section .variant-help-text{color:#666;font-size:14px;margin-bottom:15px}.NewproductWrapper .variant-option{margin-bottom:20px;padding:15px;background:white;border-radius:6px;box-shadow:0 1px 3px #0000001a}.NewproductWrapper .variant-option .variant-option-header{display:flex;align-items:center;margin-bottom:10px}.NewproductWrapper .variant-option .variant-option-header input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;margin-right:10px}.NewproductWrapper .variant-option .variant-option-header .remove-option-btn{background:#ff4444;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px}.NewproductWrapper .variant-option .variant-option-header .remove-option-btn:hover{background:#cc0000}.NewproductWrapper .variant-option .variant-values h5{margin:10px 0 5px;font-size:14px;color:#555}.NewproductWrapper .variant-option .variant-values .variant-values-input{margin-bottom:10px}.NewproductWrapper .variant-option .variant-values .variant-values-input input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.NewproductWrapper .variant-option .variant-values .variant-values-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.NewproductWrapper .variant-option .variant-values .variant-value-tag{background:#e0f7fa;padding:4px 8px;border-radius:4px;font-size:14px;display:flex;align-items:center}.NewproductWrapper .variant-option .variant-values .variant-value-tag .remove-value-btn{margin-left:5px;background:none;border:none;color:#666;cursor:pointer;font-size:12px}.NewproductWrapper .variant-option .variant-values .variant-value-tag .remove-value-btn:hover{color:#f44}.NewproductWrapper .variant-option .variant-values .add-value-btn{background:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}.NewproductWrapper .variant-option .variant-values .add-value-btn:hover{background:#bbdefb}.NewproductWrapper .add-option-btn{background:#e8f5e9;color:#388e3c;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}.NewproductWrapper .add-option-btn:hover{background:#c8e6c9}.NewproductWrapper .variant-combinations-preview{margin-top:20px;padding:15px;background:#fff8e1;border-radius:6px}.NewproductWrapper .variant-combinations-preview h5{margin-bottom:10px;color:#333}.NewproductWrapper .variant-combinations-preview .combinations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:10px}.NewproductWrapper .variant-combinations-preview .combination-item{padding:10px;background:white;border-radius:4px;border:1px solid #eee}.NewproductWrapper .variant-combinations-preview .combination-item .combination-detail{display:flex;margin-bottom:4px;font-size:13px}.NewproductWrapper .variant-combinations-preview .combination-item .combination-detail .combination-key{font-weight:600;margin-right:5px;color:#555}.NewproductWrapper .variant-combinations-preview .combination-item .combination-detail .combination-value{color:#333}.NewproductWrapper .variant-combinations-preview .combination-count{font-size:14px;color:#666;font-weight:500;text-align:center;margin-top:10px}.NewproductWrapper .variants-column .variants-count{display:block;font-size:14px;color:#555}.NewproductWrapper .variants-column .view-variants-btn{background:#e3f2fd;color:#1976d2;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:13px;margin-top:5px}.NewproductWrapper .variants-column .view-variants-btn:hover{background:#bbdefb}.NewproductWrapper .variants-expanded-row{background:#f5f5f5}.NewproductWrapper .variants-expanded-row td{padding:15px!important}.NewproductWrapper .variants-expanded-row .variants-details h4{margin-bottom:15px;color:#333;font-size:15px}.NewproductWrapper .variants-expanded-row .variant-options-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.NewproductWrapper .variants-expanded-row .variant-option-display h5{margin-bottom:5px;font-size:12px;font-weight:700;color:#555}.NewproductWrapper .variants-expanded-row .variant-values-display{display:flex;flex-wrap:wrap;gap:8px}.NewproductWrapper .variants-expanded-row .variant-value-tag{background:#e0f7fa;padding:4px 8px;border-radius:4px;font-size:10px}.NewproductWrapper .variants-expanded-row .variant-combination-count{font-size:12px;color:#333;padding:8px 0;border-top:1px solid #eee;margin-top:10px}.NewproductWrapper .toggle-status-btn{background:none;border:none;cursor:pointer;font-size:24px;padding:5px;transition:all .3s ease}.NewproductWrapper .toggle-status-btn.active{color:#10b981}.NewproductWrapper .toggle-status-btn.active:hover{color:#059669;transform:scale(1.1)}.NewproductWrapper .toggle-status-btn.inactive{color:#6b7280}.NewproductWrapper .toggle-status-btn.inactive:hover{color:#4b5563;transform:scale(1.1)}.NewproductWrapper .toggle-status-btn:disabled{opacity:.5;cursor:not-allowed}.NewproductWrapper .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.NewproductWrapper .status-badge.status-active{background-color:#d1fae5;color:#065f46}.NewproductWrapper .status-badge.status-inactive{background-color:#f3f4f6;color:#6b7280}.NewproductWrapper .action-buttons{display:flex;gap:8px;align-items:center}@media (max-width: 768px){.NewproductWrapper .variant-row .variant-name{padding-left:16px;font-size:13px}.NewproductWrapper .variant-row .variant-price{font-size:13px}.NewproductWrapper .product-name-container .variants-count{display:block;margin-left:0;margin-top:2px}}.CategoryWrapper *{padding:0;margin:0}.CategoryWrapper .navbar-main{margin-top:0;margin-left:-3rem}.CategoryWrapper .head-section-stokes{background-color:#fff;width:99%;height:121px;margin-top:1rem;margin-left:-2.2rem;border-radius:6px}.CategoryWrapper .head-section-stokes .Brands{margin-left:2rem!important;padding-top:7px;color:#3dae4a;font-family:Inter;font-weight:500;font-style:Medium;font-size:20px;leading-trim:NONE;line-height:30px;letter-spacing:0%}.CategoryWrapper .head-sub-part-main{display:flex;gap:12rem;margin-top:1rem;margin-left:2rem}.CategoryWrapper .head-sub-part-main .head-sub{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%}.CategoryWrapper .head-sub-part-main .head-sub .price{margin-top:1rem}.CategoryWrapper .brands-table-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;overflow:hidden}.CategoryWrapper .brands-table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.CategoryWrapper .brands-table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px}.CategoryWrapper .brands-table-section .table-header .search-section{border:1px solid #ced4da;padding:0 10px;border-radius:6px}.CategoryWrapper .brands-table-section .table-header .search-section .search-input{padding:12px 16px;border:1px solid #ced4da;border-radius:6px;width:321px;font-size:14px;font-family:Inter;transition:all .3s ease;border:none}.CategoryWrapper .brands-table-section .table-header .search-section .search-input:focus{outline:none;border:none}.CategoryWrapper .brands-table-section .table-header .search-section .search-input::placeholder{color:#6c757d}.CategoryWrapper .brands-table-section .table-header .table-actions{display:flex;gap:12px}.CategoryWrapper .brands-table-section .table-header .table-actions .add-brand-btn{background-color:#3dae4a;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.CategoryWrapper .brands-table-section .table-header .table-actions .add-brand-btn:hover{background-color:#359941}.CategoryWrapper .brands-table-section .table-header .table-actions .filters-btn{background-color:#fff;border:1px solid #ced4da;padding:12px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.CategoryWrapper .brands-table-section .table-header .table-actions .filters-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.CategoryWrapper .brands-table-section .table-header .table-actions .filters-btn svg{opacity:.7}.CategoryWrapper .brands-table-section .table-container{overflow-x:auto}.CategoryWrapper .brands-table-section .table-container .brands-table{width:100%;border-collapse:collapse;font-family:Inter;font-weight:400;font-style:Regular;font-size:12px;leading-trim:NONE;line-height:130%;letter-spacing:0%;border:1px solid #e9ecef}.CategoryWrapper .brands-table-section .table-container .brands-table thead{background-color:#f8f9fa}.CategoryWrapper .brands-table-section .table-container .brands-table thead th{padding:15px 20px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.CategoryWrapper .brands-table-section .table-container .brands-table thead th:last-child{border-right:none}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr:hover{background-color:#f8f9fa}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td{padding:15px 20px;color:#495057;vertical-align:middle;border-right:1px solid #e9ecef}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td:first-child{font-weight:500;color:#6c757d}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td:last-child{border-right:none}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons{display:flex;gap:8px;justify-content:space-between;align-items:center}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn{background:none;border:none;color:#6c757d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.CategoryWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn:hover{background-color:#e9ecef;color:#495057}.CategoryWrapper .brands-table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #e9ecef}.CategoryWrapper .brands-table-section .pagination-container .pagination-info{color:#6c757d;font-size:14px;font-family:Inter;font-weight:500}.CategoryWrapper .brands-table-section .pagination-container .pagination-controls{display:flex;gap:10px}.CategoryWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;transition:all .3s ease}.CategoryWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.CategoryWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{background:white;border-radius:8px;padding:24px;width:100%;max-width:400px;margin:20px;box-shadow:0 10px 25px #0000001a;position:relative}.modal-overlay .modal-title{font-size:18px;font-weight:600;margin:0 0 20px;color:#000;font-family:inter}.modal-overlay .modal-form{display:flex;flex-direction:column;gap:20px}.modal-overlay .form-group{display:flex;flex-direction:column}.modal-overlay .brand-input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease}.modal-overlay .brand-input:focus{border-color:#3dae4a;box-shadow:0 0 0 2px #8b5cf61a}.modal-overlay .brand-input::placeholder{color:#999}.modal-overlay .modal-actions{display:flex;gap:12px;justify-content:start}.modal-overlay .cancel-btn{padding:8px 16px;border:1px solid #e0e0e0;background:white;color:#666;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.modal-overlay .cancel-btn:hover{background:#f5f5f5;border-color:#d0d0d0}.modal-overlay .add-btn{padding:8px 16px;background:#3DAE4A;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.modal-overlay .add-btn:hover:not(:disabled){background:#7c3aed}.modal-overlay .add-btn:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width: 480px){.modal-overlay .modal-content{margin:10px;padding:20px}.modal-overlay .modal-actions{flex-direction:column}.modal-overlay .modal-actions .cancel-btn,.modal-overlay .modal-actions .add-btn{width:100%}}.NewproductWrapper *{padding:0;margin:0}.NewproductWrapper .navbar-main{margin-top:0;margin-left:-3rem}.NewproductWrapper .head-section-stokes{background-color:#fff;width:99%;height:121px;margin-top:1rem;margin-left:-2.2rem;border-radius:6px}.NewproductWrapper .head-section-stokes .Brands{margin-left:2rem!important;padding-top:7px;color:#3dae4a;font-family:Inter;font-weight:500;font-style:Medium;font-size:20px;leading-trim:NONE;line-height:30px;letter-spacing:0%}.NewproductWrapper .head-sub-part-main{display:flex;gap:12rem;margin-top:1rem;margin-left:2rem}.NewproductWrapper .head-sub-part-main .head-sub{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%}.NewproductWrapper .head-sub-part-main .head-sub .price{margin-top:1rem}.NewproductWrapper .brands-table-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;overflow:hidden}.NewproductWrapper .brands-table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.NewproductWrapper .brands-table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px}.NewproductWrapper .brands-table-section .table-header .search-section{border:1px solid #ced4da;padding:0 10px;border-radius:6px}.NewproductWrapper .brands-table-section .table-header .search-section .search-input{padding:12px 16px;border:1px solid #ced4da;border-radius:6px;width:321px;font-size:14px;font-family:Inter;transition:all .3s ease;border:none}.NewproductWrapper .brands-table-section .table-header .search-section .search-input:focus{outline:none;border:none}.NewproductWrapper .brands-table-section .table-header .search-section .search-input::placeholder{color:#6c757d}.NewproductWrapper .brands-table-section .table-header .table-actions{display:flex;gap:12px}.NewproductWrapper .brands-table-section .table-header .table-actions .add-brand-btn{background-color:#3dae4a;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.NewproductWrapper .brands-table-section .table-header .table-actions .add-brand-btn:hover{background-color:#359941}.NewproductWrapper .brands-table-section .table-header .table-actions .filters-btn{background-color:#fff;border:1px solid #ced4da;padding:12px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.NewproductWrapper .brands-table-section .table-header .table-actions .filters-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.NewproductWrapper .brands-table-section .table-header .table-actions .filters-btn svg{opacity:.7}.NewproductWrapper .brands-table-section .table-container{overflow-x:auto}.NewproductWrapper .brands-table-section .table-container .brands-table{width:100%;border-collapse:collapse;font-family:Inter;font-weight:400;font-style:Regular;font-size:12px;leading-trim:NONE;line-height:130%;letter-spacing:0%;border:1px solid #e9ecef}.NewproductWrapper .brands-table-section .table-container .brands-table thead{background-color:#f8f9fa}.NewproductWrapper .brands-table-section .table-container .brands-table thead th{padding:15px 20px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.NewproductWrapper .brands-table-section .table-container .brands-table thead th:last-child{border-right:none}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr:hover{background-color:#f8f9fa}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td{padding:15px 20px;color:#495057;vertical-align:middle;border-right:1px solid #e9ecef}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td:first-child{font-weight:500;color:#6c757d}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td:last-child{border-right:none}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons{display:flex;gap:8px;justify-content:space-between;align-items:center}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn{background:none;border:none;color:#6c757d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.NewproductWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn:hover{background-color:#e9ecef;color:#495057}.NewproductWrapper .brands-table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #e9ecef}.NewproductWrapper .brands-table-section .pagination-container .pagination-info{color:#6c757d;font-size:14px;font-family:Inter;font-weight:500}.NewproductWrapper .brands-table-section .pagination-container .pagination-controls{display:flex;gap:10px}.NewproductWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;transition:all .3s ease}.NewproductWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.NewproductWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.SalesOrdersWrapper{padding:1rem;background-color:#f8f9fa;min-height:100vh}.SalesOrdersWrapper *{padding:0;margin:0}.SalesOrdersWrapper .navbar-main{margin-top:0;margin-left:-3rem}.SalesOrdersWrapper .sales-orders-content{background-color:#fff;width:99%;height:121px;margin-top:1rem;margin-left:-2.2rem;border-radius:6px}.SalesOrdersWrapper .sales-orders-content .page-title{color:#3dae4a;font-family:Inter;font-weight:500;font-size:24px;margin-bottom:1.5rem}.SalesOrdersWrapper .sales-orders-content .filter-section{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-select{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;min-width:180px;font-size:14px;font-family:Inter;color:#495057;cursor:pointer}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-select:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 2px #5504951a}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .date-range{display:flex;align-items:center;gap:.5rem}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .date-range .date-input{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;font-size:14px;font-family:Inter;color:#495057;width:140px}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .date-range .date-input:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 2px #5504951a}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .date-range .date-separator{font-size:14px;font-family:Inter;color:#6c757d;font-weight:500;margin:0 .5rem}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-actions{display:flex;gap:.5rem;margin-left:auto}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-actions .go-btn{padding:10px 20px;background-color:#3dae4a;color:#fff;border:none;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-actions .go-btn:hover{background-color:#359941}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-actions .clear-btn{padding:10px 20px;background-color:#fff;color:#3dae4a;border:1px solid #3DAE4A;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-actions .clear-btn:hover{background-color:#f8f9fa}.SalesOrdersWrapper .sales-orders-content .status-tabs{display:flex;background-color:#fff;border-radius:8px 8px 0 0;border-bottom:1px solid #e9ecef;overflow-x:auto;padding:0}.SalesOrdersWrapper .sales-orders-content .status-tabs .status-tab{padding:15px 20px;border:none;background:none;color:#6c757d;font-size:14px;font-family:Inter;font-weight:500;border-radius:0;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;border-bottom:3px solid transparent}.SalesOrdersWrapper .sales-orders-content .status-tabs .status-tab:hover{color:#3dae4a;background-color:#f8f9fa}.SalesOrdersWrapper .sales-orders-content .status-tabs .status-tab.active{background-color:#fff;color:#3dae4a;border-bottom-color:#3dae4a;box-shadow:none}.SalesOrdersWrapper .sales-orders-content .table-section{background-color:#fff;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.SalesOrdersWrapper .sales-orders-content .table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:16px}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .search-section{display:flex;align-items:center;position:relative;flex:1;max-width:300px;border:1px solid #ced4da;border-radius:6px;padding:0 12px;background-color:#fff}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .search-section svg{color:#6c757d;font-size:18px;margin-right:8px}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .search-section .search-input{width:100%;padding:12px 8px;border:none;outline:none;font-size:14px;font-family:Inter;color:#495057;background-color:transparent}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .search-section .search-input::placeholder{color:#6c757d}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .table-actions{display:flex;gap:12px;align-items:center}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .table-actions .add-order-btn{padding:12px 20px;background-color:#3dae4a;color:#fff;border:none;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .table-actions .add-order-btn:hover{background-color:#359941}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .table-actions .filters-btn{padding:12px 16px;background-color:#fff;color:#374151;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .table-actions .filters-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .table-actions .filters-btn svg{opacity:.7}.SalesOrdersWrapper .sales-orders-content .table-section .table-container{border:none;border-radius:0;overflow-x:auto;background-color:#fff}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table{width:100%;border-collapse:collapse;font-family:Inter}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table thead{background-color:#f8f9fa}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table thead tr th{padding:15px 12px;text-align:left;font-weight:500;font-size:12px;color:#495057;border-bottom:1px solid #e9ecef;white-space:nowrap;letter-spacing:.5px}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr:hover{background-color:#f8f9fa}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr:last-child{border-bottom:none}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td{padding:15px 12px;color:#495057;font-weight:400;font-family:Inter;font-size:12px;vertical-align:middle;white-space:nowrap}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td.vendor-name{font-weight:500;color:#3dae4a}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td.amount{font-weight:600;color:#000}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .vendor-type{font-size:12px;font-weight:500;color:#3dae4a}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .invoice-no{display:flex;align-items:center;gap:8px}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .invoice-no .copy-icon{cursor:pointer;opacity:.6;transition:opacity .3s ease}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .invoice-no .copy-icon:hover{opacity:1}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .payment-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .payment-status.pending{color:#f00a}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .payment-status.paid{color:#155724}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.confirmed,.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.not-confirmed{color:#3dae4a}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.confirm-order{color:#856404}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.pending{color:#721c24}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.ready-for-shipping,.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.dispatched,.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.delivered{color:#3dae4a}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .status-badge.cancelled{color:#ea1429}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .action-buttons{display:flex;gap:8px;align-items:center}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .action-buttons .edit-btn,.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .action-buttons .view-btn{padding:6px 12px;background-color:#e3f2fd;color:#1976d2;border:none;border-radius:4px;font-size:12px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .action-buttons .edit-btn:hover,.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .action-buttons .view-btn:hover{background-color:#bbdefb}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .action-buttons .more-btn{padding:4px 8px;background:none;color:#6c757d;border:none;border-radius:4px;font-size:18px;cursor:pointer;transition:all .3s ease}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody tr td .action-buttons .more-btn:hover{background-color:#e9ecef;color:#495057}.SalesOrdersWrapper .sales-orders-content .table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #e9ecef}.SalesOrdersWrapper .sales-orders-content .table-section .pagination-container .pagination-info{font-size:14px;font-family:Inter;font-weight:500;color:#6c757d}.SalesOrdersWrapper .sales-orders-content .table-section .pagination-container .pagination-controls{display:flex;gap:10px}.SalesOrdersWrapper .sales-orders-content .table-section .pagination-container .pagination-controls .pagination-btn{padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.SalesOrdersWrapper .sales-orders-content .table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.SalesOrdersWrapper .sales-orders-content .table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.SalesOrdersWrapper .sales-orders-content .orders-summary{margin-top:.5rem;padding-bottom:.5rem;font-size:14px;font-family:Inter;font-weight:500;color:#6c757d}@media (max-width: 1200px){.SalesOrdersWrapper .filter-section .filter-row{flex-direction:column;align-items:stretch}.SalesOrdersWrapper .filter-section .filter-row .filter-actions{margin-left:0;justify-content:flex-end}}@media (max-width: 768px){.SalesOrdersWrapper{padding:.5rem}.SalesOrdersWrapper .sales-orders-content{padding:0}.SalesOrdersWrapper .sales-orders-content .filter-section{padding:1rem}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row{gap:.5rem}.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .filter-select,.SalesOrdersWrapper .sales-orders-content .filter-section .filter-row .date-input{min-width:100%}.SalesOrdersWrapper .sales-orders-content .status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:0}.SalesOrdersWrapper .sales-orders-content .status-tabs .status-tab{padding:12px 16px;font-size:13px}.SalesOrdersWrapper .sales-orders-content .table-section .table-header{flex-direction:column;align-items:stretch;gap:15px}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .search-section{max-width:none;margin-bottom:0}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .search-section .search-input{width:100%}.SalesOrdersWrapper .sales-orders-content .table-section .table-header .table-actions{justify-content:center}.SalesOrdersWrapper .sales-orders-content .table-section .pagination-container{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 576px){.SalesOrdersWrapper{padding:.25rem}.SalesOrdersWrapper .sales-orders-content .page-title{font-size:20px}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table{font-size:11px}.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table thead th,.SalesOrdersWrapper .sales-orders-content .table-section .table-container .orders-table tbody td{padding:8px 6px}}.order-details-expanded-row{background-color:#f8f9fa;border-top:2px solid #e9ecef;animation:expandRow .3s ease-in-out}.order-details{padding:20px;margin:10px 0}.order-details h4{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #007bff;font-size:18px;font-weight:600}.order-details h5{color:#495057;margin:15px 0 10px;font-size:16px;font-weight:500}.order-details .customer-details-section{margin-bottom:20px}.order-details .customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:10px}.order-details .info-item{display:flex;align-items:center;padding:8px 12px;background-color:#fff;border-radius:4px;border:1px solid #e9ecef;transition:background-color .2s ease-in-out}.order-details .info-item:hover{background-color:#f8f9fa}.order-details .info-label{font-weight:500;color:#6c757d;margin-right:8px;min-width:80px}.order-details .info-value{color:#333;flex:1}.order-details .delivery-address-section{margin-bottom:20px}.order-details .delivery-address-section .address-details{background-color:#fff;padding:12px;border-radius:4px;border:1px solid #e9ecef;margin-top:10px}.order-details .delivery-address-section .address-details p{margin:0;color:#333;line-height:1.5}.order-details .products-section{margin-bottom:20px}.order-details .products-section .products-list{display:flex;flex-direction:column;gap:15px;margin-top:10px}.order-details .products-section .product-item{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s ease-in-out}.order-details .products-section .product-item:hover{box-shadow:0 4px 8px #0000001a}.order-details .products-section .product-image{width:80px;height:80px;border-radius:6px;overflow:hidden;margin-right:15px;flex-shrink:0}.order-details .products-section .product-image img{width:100%;height:100%;object-fit:cover}.order-details .products-section .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;color:#6c757d;font-size:12px;border:1px solid #e9ecef}.order-details .products-section .product-info{flex:1}.order-details .products-section .product-name{font-size:16px;font-weight:500;color:#333;margin:0 0 10px}.order-details .products-section .product-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:10px}.order-details .products-section .product-detail{display:flex;flex-direction:column;padding:6px 0}.order-details .products-section .detail-label{font-size:12px;color:#6c757d;font-weight:500;margin-bottom:2px}.order-details .products-section .detail-value{font-size:14px;color:#333;font-weight:400}.order-details .products-section .detail-value.total-price{font-weight:600;color:#28a745}.order-details .products-section .product-variants{margin-top:10px;padding-top:10px;border-top:1px solid #e9ecef}.order-details .products-section .product-variants .variants-label{font-size:12px;color:#6c757d;font-weight:500;margin-right:8px}.order-details .products-section .product-variants .variants-list{display:inline-flex;flex-wrap:wrap;gap:4px}.order-details .products-section .product-variants .variant-tag{display:inline-block;padding:2px 6px;background-color:#e9ecef;color:#495057;border-radius:12px;font-size:11px;font-weight:400}.order-details .order-summary-section{margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6}.order-details .order-summary-section .summary-grid{display:flex;flex-direction:column;gap:8px;max-width:300px;margin-left:auto;background-color:#fff;padding:15px;border-radius:6px;border:1px solid #e9ecef}.order-details .order-summary-section .summary-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.order-details .order-summary-section .summary-item.total{padding-top:8px;border-top:2px solid #e9ecef;font-weight:600;color:#333;font-size:16px}.order-details .order-summary-section .summary-label{color:#6c757d;font-size:14px}.order-details .order-summary-section .summary-value{color:#333;font-weight:500;font-size:14px}.order-details .order-summary-section .summary-value.discount{color:#dc3545}.items-column{display:flex;flex-direction:column;align-items:flex-start}.items-column .items-count{font-weight:500;color:#333}.items-column .items-total{font-size:12px;color:#6c757d;margin-top:2px}.items-column .no-items{color:#6c757d;font-style:italic}.edit-btn{transition:all .2s ease-in-out}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.cancel-confirmation-modal{background:white;border-radius:8px;padding:2rem;min-width:400px;text-align:center;box-shadow:0 10px 25px #00000026}.cancel-confirmation-modal h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#333}.cancel-confirmation-modal p{margin:0 0 2rem;color:#666;font-size:1rem}.cancel-confirmation-modal .modal-buttons{display:flex;gap:1rem;justify-content:center}.cancel-confirmation-modal .modal-buttons .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.cancel-confirmation-modal .modal-buttons .btn:disabled{opacity:.6;cursor:not-allowed}.cancel-confirmation-modal .modal-buttons .btn.btn-cancel{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.cancel-confirmation-modal .modal-buttons .btn.btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.cancel-confirmation-modal .modal-buttons .btn.btn-confirm{background-color:#dc2626;color:#fff}.cancel-confirmation-modal .modal-buttons .btn.btn-confirm:hover:not(:disabled){background-color:#b91c1c}@keyframes expandRow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.order-details{padding:15px}.order-details .customer-info-grid{grid-template-columns:1fr}.order-details .products-section .product-details-grid{grid-template-columns:1fr 1fr}.order-details .products-section .product-item{flex-direction:column;align-items:stretch}.order-details .products-section .product-image{width:60px;height:60px;margin-right:0;margin-bottom:10px;align-self:flex-start}.order-details .products-section .product-variants .variants-list{margin-top:5px;display:flex}.order-details .order-summary-section .summary-grid{max-width:100%;margin-left:0}}@media (max-width: 480px){.order-details{padding:10px}.order-details h4{font-size:16px}.order-details h5{font-size:14px}.order-details .products-section .product-details-grid{grid-template-columns:1fr}.order-details .info-item{flex-direction:column;align-items:flex-start;padding:6px 8px}.order-details .info-label{margin-right:0;margin-bottom:2px;min-width:auto;font-size:12px}.order-details .info-value{font-size:14px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5;margin-bottom:24px}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827;flex:1}.modal-header .modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:16px}.modal-header .modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-header .modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:0 24px 24px}.order-info{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:24px;border-left:4px solid #3b82f6}.order-info p{margin:0 0 8px;font-size:14px;color:#4b5563}.order-info p:last-child{margin-bottom:0}.order-info p strong{color:#111827;font-weight:600}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.form-group textarea{min-height:100px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}.modal-footer .btn{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background-color .2s ease,transform .2s ease}.modal-footer .btn.btn-cancel{background:#f3f4f6;color:#374151}.modal-footer .btn.btn-cancel:hover{background:#e5e7eb}.modal-footer .btn.btn-primary{background:#3b82f6;color:#fff}.modal-footer .btn.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.modal-footer .btn.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.NewpurchaseWrapper *{padding:0;margin:0}.NewpurchaseWrapper .navbar-main{margin-top:0;margin-left:-3rem}.NewpurchaseWrapper .head-section-stokes{background-color:#fff;width:99%;height:121px;margin-top:1rem;margin-left:-2.2rem;border-radius:6px}.NewpurchaseWrapper .head-section-stokes .Brands{margin-left:2rem!important;padding-top:7px;color:#3dae4a;font-family:Inter;font-weight:500;font-style:Medium;font-size:20px;leading-trim:NONE;line-height:30px;letter-spacing:0%}.NewpurchaseWrapper .head-sub-part-main{display:flex;gap:12rem;margin-top:1rem;margin-left:2rem}.NewpurchaseWrapper .head-sub-part-main .head-sub{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%}.NewpurchaseWrapper .head-sub-part-main .head-sub .price{margin-top:1rem}.NewpurchaseWrapper .brands-table-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;overflow:hidden}.NewpurchaseWrapper .brands-table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.NewpurchaseWrapper .brands-table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px}.NewpurchaseWrapper .brands-table-section .table-header .search-section{border:1px solid #ced4da;padding:0 10px;border-radius:6px}.NewpurchaseWrapper .brands-table-section .table-header .search-section .search-input{padding:12px 16px;border:1px solid #ced4da;border-radius:6px;width:321px;font-size:14px;font-family:Inter;transition:all .3s ease;border:none}.NewpurchaseWrapper .brands-table-section .table-header .search-section .search-input:focus{outline:none;border:none}.NewpurchaseWrapper .brands-table-section .table-header .search-section .search-input::placeholder{color:#6c757d}.NewpurchaseWrapper .brands-table-section .table-header .table-actions{display:flex;gap:12px}.NewpurchaseWrapper .brands-table-section .table-header .table-actions .add-brand-btn{background-color:#3dae4a;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.NewpurchaseWrapper .brands-table-section .table-header .table-actions .add-brand-btn:hover{background-color:#359941}.NewpurchaseWrapper .brands-table-section .table-header .table-actions .filters-btn{background-color:#fff;border:1px solid #ced4da;padding:12px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.NewpurchaseWrapper .brands-table-section .table-header .table-actions .filters-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.NewpurchaseWrapper .brands-table-section .table-header .table-actions .filters-btn svg{opacity:.7}.NewpurchaseWrapper .brands-table-section .table-container{overflow-x:auto}.NewpurchaseWrapper .brands-table-section .table-container .brands-table{width:100%;border-collapse:collapse;font-family:Inter;font-weight:400;font-style:Regular;font-size:12px;leading-trim:NONE;line-height:130%;letter-spacing:0%;border:1px solid #e9ecef}.NewpurchaseWrapper .brands-table-section .table-container .brands-table thead{background-color:#f8f9fa}.NewpurchaseWrapper .brands-table-section .table-container .brands-table thead th{padding:15px 20px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.NewpurchaseWrapper .brands-table-section .table-container .brands-table thead th:last-child{border-right:none}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr:hover{background-color:#f8f9fa}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td{padding:15px 20px;color:#495057;vertical-align:middle;border-right:1px solid #e9ecef}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td:first-child{font-weight:500;color:#6c757d}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td:last-child{border-right:none}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons{display:flex;gap:8px;justify-content:space-between;align-items:center}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn{background:none;border:none;color:#6c757d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.NewpurchaseWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn:hover{background-color:#e9ecef;color:#495057}.NewpurchaseWrapper .brands-table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #e9ecef}.NewpurchaseWrapper .brands-table-section .pagination-container .pagination-info{color:#6c757d;font-size:14px;font-family:Inter;font-weight:500}.NewpurchaseWrapper .brands-table-section .pagination-container .pagination-controls{display:flex;gap:10px}.NewpurchaseWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;transition:all .3s ease}.NewpurchaseWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.NewpurchaseWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.AdminDashboardWrapper *{padding:0;margin:0;box-sizing:border-box}.AdminDashboardWrapper .no-link{text-decoration:none}.AdminDashboardWrapper .head-section-dashboard{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:15px}.AdminDashboardWrapper .head-section-dashboard .title{color:#3dae4a;font-family:Inter;font-weight:500;font-size:20px;line-height:30px}.AdminDashboardWrapper .content-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px}.AdminDashboardWrapper .content-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.AdminDashboardWrapper .content-section .stats-grid .stat-card{background-color:#f8f9fa;border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.AdminDashboardWrapper .content-section .stats-grid .stat-card:hover{box-shadow:0 2px 8px #0000001a}.AdminDashboardWrapper .content-section .stats-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.AdminDashboardWrapper .content-section .stats-grid .stat-card .stat-icon.users-icon{background-color:#17a2b8}.AdminDashboardWrapper .content-section .stats-grid .stat-card .stat-icon.orders-icon{background-color:#28a745}.AdminDashboardWrapper .content-section .stats-grid .stat-card .stat-icon.products-icon{background-color:#ffc107}.AdminDashboardWrapper .content-section .stats-grid .stat-card .stat-icon svg{width:24px;height:24px}.AdminDashboardWrapper .content-section .stats-grid .stat-card .stat-content .stat-number{font-family:Inter;font-weight:700;font-size:24px;color:#495057;line-height:1}.AdminDashboardWrapper .content-section .stats-grid .stat-card .stat-content .stat-label{font-family:Inter;font-weight:500;font-size:14px;color:#6c757d;margin-top:4px}.AdminDashboardWrapper .content-section .orders-section{margin-bottom:30px}.AdminDashboardWrapper .content-section .orders-section .section-title{font-family:Inter;font-weight:600;font-size:18px;color:#495057;margin-bottom:15px}.AdminDashboardWrapper .content-section .orders-section .orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat{background-color:#f8f9fa;border-radius:6px;padding:15px;text-align:center;border-left:4px solid transparent;transition:all .3s ease}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.pending{border-left-color:#ffc107}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.accepted{border-left-color:#28a745}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.dispatched{border-left-color:#007bff}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.shipped{border-left-color:#6f42c1}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.delivered{border-left-color:#20c997}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.rejected{border-left-color:#dc3545}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.returned{border-left-color:#fd7e14}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat.cancelled{border-left-color:#6c757d}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat .order-number{font-family:Inter;font-weight:700;font-size:28px;color:#495057;line-height:1}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat .order-label{font-family:Inter;font-weight:500;font-size:12px;color:#6c757d;margin-top:5px;text-transform:lowercase}.AdminDashboardWrapper .content-section .bottom-section{display:grid;grid-template-columns:2fr 1fr;gap:30px}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header .section-title{margin:0;color:#333}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header .chart-controls{display:flex;align-items:center;gap:1rem}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header .chart-legend{display:flex;gap:1rem}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header .chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header .chart-legend .legend-item .legend-color{width:12px;height:12px;border-radius:2px}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header .chart-legend .legend-item .legend-color.orders-color{background-color:#3dae4a}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-header .chart-legend .legend-item .legend-color.revenue-color{background-color:#17a2b8}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-loading,.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-no-data{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-loading .loading-spinner,.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-no-data .loading-spinner{margin-bottom:1rem}.AdminDashboardWrapper .content-section .bottom-section .year-select{padding:.375rem .75rem;border:1px solid #ced4da;border-radius:4px;background-color:#fff}.AdminDashboardWrapper .content-section .bottom-section .year-select:disabled{background-color:#e9ecef;opacity:.65}.AdminDashboardWrapper .content-section .bottom-section .new-users-section{background-color:#f8f9fa;border-radius:8px;padding:20px}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .section-title{font-family:Inter;font-weight:600;font-size:16px;color:#495057;margin-bottom:15px;text-align:center}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list{display:flex;flex-direction:column;gap:12px}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list .user-item{display:flex;align-items:center;gap:12px;padding:10px;background-color:#fff;border-radius:6px;transition:all .3s ease}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list .user-item:hover{box-shadow:0 2px 8px #0000001a}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list .user-item .user-avatar{width:36px;height:36px;background-color:#3dae4a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list .user-item .user-avatar svg{width:20px;height:20px}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list .user-item .user-info{flex:1}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list .user-item .user-info .user-name{font-family:Inter;font-weight:500;font-size:14px;color:#495057;line-height:1.2}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list .user-item .user-info .user-type{font-family:Inter;font-weight:400;font-size:12px;color:#6c757d;margin-top:2px}@media (max-width: 1200px){.AdminDashboardWrapper .content-section .bottom-section{grid-template-columns:1fr;gap:20px}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}}@media (max-width: 768px){.AdminDashboardWrapper .head-section-dashboard,.AdminDashboardWrapper .content-section{margin-left:-1rem;width:95%}.AdminDashboardWrapper .content-section .stats-grid{grid-template-columns:1fr;gap:15px}.AdminDashboardWrapper .content-section .orders-section .orders-grid{grid-template-columns:repeat(2,1fr);gap:10px}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat{padding:12px}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat .order-number{font-size:24px}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat .order-label{font-size:11px}.AdminDashboardWrapper .content-section .bottom-section{grid-template-columns:1fr}.AdminDashboardWrapper .content-section .bottom-section .chart-section{padding:15px}.AdminDashboardWrapper .content-section .bottom-section .chart-section .chart-container{height:250px}.AdminDashboardWrapper .content-section .bottom-section .new-users-section .users-list{grid-template-columns:1fr}}@media (max-width: 480px){.AdminDashboardWrapper .content-section{padding:15px}.AdminDashboardWrapper .content-section .orders-section .orders-grid{grid-template-columns:1fr}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat{display:flex;align-items:center;gap:15px;text-align:left}.AdminDashboardWrapper .content-section .orders-section .orders-grid .order-stat .order-number{font-size:20px;min-width:30px}}.FAQManagementWrapper .navbar-main{margin-top:0;margin-left:-3rem}.FAQManagementWrapper .head-section-faq{background-color:#fff;width:99%;height:121px;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:15px}.FAQManagementWrapper .head-section-faq .title{color:#3dae4a;font-family:Inter;font-weight:500;font-size:20px;line-height:30px}.FAQManagementWrapper .head-section-faq .tabs{display:flex;gap:15px;border-bottom:1px solid #e9ecef;padding-bottom:10px}.FAQManagementWrapper .head-section-faq .tabs .tab{background:none;border:none;padding:8px 16px;font-family:Inter;font-weight:500;font-size:16px;color:#6c757d;cursor:pointer;position:relative;transition:all .3s ease}.FAQManagementWrapper .head-section-faq .tabs .tab:hover{color:#3dae4a}.FAQManagementWrapper .head-section-faq .tabs .tab.active{color:#3dae4a;font-weight:600}.FAQManagementWrapper .head-section-faq .tabs .tab.active:after{content:"";position:absolute;bottom:-11px;left:0;width:100%;height:2px;background-color:#3dae4a}.FAQManagementWrapper .content-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px}.FAQManagementWrapper .content-section .stats-section{display:flex;gap:40px;margin-bottom:20px}.FAQManagementWrapper .content-section .stats-section .stat-card p{font-family:Inter;font-weight:600;font-size:16px;line-height:24px;color:#495057}.FAQManagementWrapper .content-section .stats-section .stat-card p.value{margin-top:8px;font-size:20px;color:#3dae4a}.FAQManagementWrapper .content-section .table-section .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.FAQManagementWrapper .content-section .table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px;color:#495057}.FAQManagementWrapper .content-section .table-section .table-header .controls{display:flex;gap:15px;align-items:center}.FAQManagementWrapper .content-section .table-section .table-header .controls .search-section{display:flex;align-items:center;border:1px solid #ced4da;border-radius:6px;padding:0 10px;width:250px}.FAQManagementWrapper .content-section .table-section .table-header .controls .search-section svg{color:#6c757d;font-size:20px}.FAQManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input{padding:10px;border:none;outline:none;width:100%;font-family:Inter;font-size:14px}.FAQManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input::placeholder{color:#6c757d}.FAQManagementWrapper .content-section .table-section .table-header .controls .actions .add-btn{background-color:#3dae4a;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.FAQManagementWrapper .content-section .table-section .table-header .controls .actions .add-btn:hover{background-color:#359941}.FAQManagementWrapper .content-section .table-section .loading,.FAQManagementWrapper .content-section .table-section .error{padding:20px;text-align:center;font-family:Inter;font-size:16px}.FAQManagementWrapper .content-section .table-section .error{color:#dc3545}.FAQManagementWrapper .content-section .table-section .table-container{overflow-x:auto}.FAQManagementWrapper .content-section .table-section .table-container .data-table{width:100%;border-collapse:collapse;font-family:Inter;font-size:14px}.FAQManagementWrapper .content-section .table-section .table-container .data-table thead{background-color:#f8f9fa}.FAQManagementWrapper .content-section .table-section .table-container .data-table thead th{padding:15px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr:hover{background-color:#f8f9fa}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr td{padding:15px;color:#495057;vertical-align:middle}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons{display:flex;gap:8px}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn:hover{background-color:#e9ecef}.FAQManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn svg{font-size:16px}.FAQManagementWrapper .content-section .table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.FAQManagementWrapper .content-section .table-section .pagination-container .pagination-info{color:#6c757d;font-family:Inter;font-size:14px}.FAQManagementWrapper .content-section .table-section .pagination-container .pagination-controls{display:flex;gap:10px}.FAQManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:4px;font-family:Inter;font-size:14px;cursor:pointer;transition:all .3s ease}.FAQManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa}.FAQManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.FAQManagementWrapper .modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.FAQManagementWrapper .modal-backdrop .modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.FAQManagementWrapper .modal-backdrop .modal-content .modal-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.FAQManagementWrapper .modal-backdrop .modal-content .modal-header h3{font-family:Inter;font-weight:600;font-size:18px;color:#495057;margin:0}.FAQManagementWrapper .modal-backdrop .modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;transition:all .3s ease}.FAQManagementWrapper .modal-backdrop .modal-content .modal-header .modal-close:hover{color:#495057}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body{padding:20px}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group{margin-bottom:20px}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group label{display:block;margin-bottom:8px;font-family:Inter;font-weight:500;font-size:14px;color:#495057}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group label[for=active],.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group label[for=categoryActive]{display:inline;margin-left:8px}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group input,.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea,.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-family:Inter;font-size:14px;transition:all .3s ease}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group input:focus,.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea:focus,.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group select:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 .2rem #55049540}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea{min-height:100px;resize:vertical}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group.checkbox-group{display:flex;align-items:center;width:10%}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-group.checkbox-group label{margin-bottom:0!important}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-row{display:flex;gap:15px}.FAQManagementWrapper .modal-backdrop .modal-content .modal-body .form-row .form-group{flex:1}.FAQManagementWrapper .modal-backdrop .modal-content .modal-footer{padding:10px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.FAQManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-cancel{background-color:#fff;border:1px solid #ced4da;padding:10px 20px;border-radius:4px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.FAQManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-cancel:hover{background-color:#f8f9fa}.FAQManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-submit{background-color:#3dae4a;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.FAQManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-submit:hover{background-color:#359941}@media (max-width: 768px){.FAQManagementWrapper .navbar-main{margin-left:-1rem}.FAQManagementWrapper .head-section,.FAQManagementWrapper .content-section{margin-left:-1rem;width:95%}.FAQManagementWrapper .table-section .table-header{flex-direction:column;gap:15px;align-items:flex-start}.FAQManagementWrapper .table-section .table-header .controls{width:100%;flex-direction:column;align-items:flex-start}.FAQManagementWrapper .table-section .table-header .controls .search-section{width:100%}.FAQManagementWrapper .modal-backdrop .modal-content{width:95%;margin:0 10px}.FAQManagementWrapper .modal-backdrop .modal-content .form-row{flex-direction:column;gap:15px}}.BannerManagementWrapper *{padding:0;margin:0;box-sizing:border-box}.BannerManagementWrapper .navbar-main{margin-top:0;margin-left:-3rem}.BannerManagementWrapper .head-section-banner{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px;padding-bottom:0!important;display:flex;flex-direction:column;gap:15px}.BannerManagementWrapper .head-section-banner .title{color:#3dae4a;font-family:Inter;font-weight:500;font-size:20px;line-height:30px}.BannerManagementWrapper .head-section-banner .tabs{display:flex;gap:15px;border-bottom:1px solid #e9ecef;padding-bottom:10px}.BannerManagementWrapper .head-section-banner .tabs .tab{background:none;border:none;padding:8px 16px;font-family:Inter;font-weight:500;font-size:16px;color:#6c757d;cursor:pointer;position:relative;transition:all .3s ease}.BannerManagementWrapper .head-section-banner .tabs .tab:hover{color:#3dae4a}.BannerManagementWrapper .head-section-banner .tabs .tab.active{color:#3dae4a;font-weight:600}.BannerManagementWrapper .head-section-banner .tabs .tab.active:after{content:"";position:absolute;bottom:-11px;left:0;width:100%;height:2px;background-color:#3dae4a}.BannerManagementWrapper .content-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px}.BannerManagementWrapper .content-section .stats-section{display:flex;gap:40px;margin-bottom:20px}.BannerManagementWrapper .content-section .stats-section .stat-card p{font-family:Inter;font-weight:600;font-size:16px;line-height:24px;color:#495057}.BannerManagementWrapper .content-section .stats-section .stat-card p.value{margin-top:8px;font-size:20px;color:#3dae4a}.BannerManagementWrapper .content-section .table-section .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.BannerManagementWrapper .content-section .table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px;color:#495057}.BannerManagementWrapper .content-section .table-section .table-header .controls{display:flex;gap:15px;align-items:center;width:100%;justify-content:end!important}.BannerManagementWrapper .content-section .table-section .table-header .controls .search-section{display:flex;align-items:center;border:1px solid #ced4da;border-radius:6px;padding:0 10px;width:250px}.BannerManagementWrapper .content-section .table-section .table-header .controls .search-section svg{color:#6c757d;font-size:20px}.BannerManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input{padding:10px;border:none;outline:none;width:100%;font-family:Inter;font-size:14px}.BannerManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input::placeholder{color:#6c757d}.BannerManagementWrapper .content-section .table-section .table-header .controls .actions .add-btn{background-color:#3dae4a;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.BannerManagementWrapper .content-section .table-section .table-header .controls .actions .add-btn:hover{background-color:#359941}.BannerManagementWrapper .content-section .table-section .loading,.BannerManagementWrapper .content-section .table-section .error{padding:20px;text-align:center;font-family:Inter;font-size:16px}.BannerManagementWrapper .content-section .table-section .error{color:#dc3545}.BannerManagementWrapper .content-section .table-section .table-container{overflow-x:auto}.BannerManagementWrapper .content-section .table-section .table-container .data-table{width:100%;border-collapse:collapse;font-family:Inter;font-size:14px}.BannerManagementWrapper .content-section .table-section .table-container .data-table thead{background-color:#f8f9fa}.BannerManagementWrapper .content-section .table-section .table-container .data-table thead th{padding:15px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr:hover{background-color:#f8f9fa}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td{padding:15px;color:#495057;vertical-align:middle}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons{display:flex;gap:8px}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn:hover{background-color:#e9ecef}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn svg{font-size:16px}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .delete-permanent-btn{background-color:#ffebee;color:#d32f2f;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.BannerManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .delete-permanent-btn:hover{background-color:#ffcdd2}.BannerManagementWrapper .content-section .table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.BannerManagementWrapper .content-section .table-section .pagination-container .pagination-info{color:#6c757d;font-family:Inter;font-size:14px}.BannerManagementWrapper .content-section .table-section .pagination-container .pagination-controls{display:flex;gap:10px}.BannerManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:4px;font-family:Inter;font-size:14px;cursor:pointer;transition:all .3s ease}.BannerManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa}.BannerManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.BannerManagementWrapper .modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.BannerManagementWrapper .modal-backdrop .modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.BannerManagementWrapper .modal-backdrop .modal-content .modal-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.BannerManagementWrapper .modal-backdrop .modal-content .modal-header h3{font-family:Inter;font-weight:600;font-size:18px;color:#495057;margin:0}.BannerManagementWrapper .modal-backdrop .modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;transition:all .3s ease}.BannerManagementWrapper .modal-backdrop .modal-content .modal-header .modal-close:hover{color:#495057}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body{padding:20px}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group{margin-bottom:20px}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group label{display:block;margin-bottom:8px;font-family:Inter;font-weight:500;font-size:14px;color:#495057}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group label[for=active]{display:inline;margin-left:8px;margin-bottom:0}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group input,.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea,.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-family:Inter;font-size:14px;transition:all .3s ease}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group input:focus,.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea:focus,.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group select:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 .2rem #55049540}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea{min-height:100px;resize:vertical}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group.checkbox-group{display:flex;width:10%!important;align-items:center}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-group .image-preview{margin-top:10px}.BannerManagementWrapper .modal-backdrop .modal-content .modal-body .form-row{display:flex;gap:15px}.BannerManagementWrapper .modal-backdrop .modal-content .modal-footer{padding:10px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.BannerManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-cancel{background-color:#fff;border:1px solid #ced4da;padding:10px 20px;border-radius:4px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.BannerManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-cancel:hover{background-color:#f8f9fa}.BannerManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-submit{background-color:#3dae4a;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.BannerManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-submit:hover{background-color:#359941}@media (max-width: 768px){.BannerManagementWrapper .navbar-main{margin-left:-1rem}.BannerManagementWrapper .head-section,.BannerManagementWrapper .content-section{margin-left:-1rem;width:95%}.BannerManagementWrapper .table-section .table-header{flex-direction:column;gap:15px;align-items:flex-start}.BannerManagementWrapper .table-section .table-header .controls{width:100%;flex-direction:column;align-items:flex-start}.BannerManagementWrapper .table-section .table-header .controls .search-section{width:100%}.BannerManagementWrapper .modal-backdrop .modal-content{width:95%;margin:0 10px}.BannerManagementWrapper .modal-backdrop .modal-content .form-row{flex-direction:column;gap:15px}}.usersMainWrapper{padding-bottom:2rem}.usersMainWrapper *{padding:0;margin:0}.usersMainWrapper .navbar-main{margin-top:0;margin-left:-3rem}.usersMainWrapper .head-section-stokes{background-color:#fff;width:99%;height:121px;margin-top:1rem;margin-left:-2.2rem;border-radius:6px}.usersMainWrapper .head-section-stokes .Brands{margin-left:2rem!important;padding-top:7px;color:#3dae4a;font-family:Inter;font-weight:500;font-style:Medium;font-size:20px;leading-trim:NONE;line-height:30px;letter-spacing:0%}.usersMainWrapper .head-sub-part-main{display:flex;gap:12rem;margin-top:1rem;margin-left:2rem}.usersMainWrapper .head-sub-part-main .head-sub{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%}.usersMainWrapper .head-sub-part-main .head-sub .price{margin-top:1rem}.usersMainWrapper .brands-table-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;overflow:hidden}.usersMainWrapper .brands-table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.usersMainWrapper .brands-table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px}.usersMainWrapper .brands-table-section .table-header .search-section{border:1px solid #ced4da;padding:0 10px;border-radius:6px}.usersMainWrapper .brands-table-section .table-header .search-section .search-input{padding:12px 16px;border:1px solid #ced4da;border-radius:6px;width:321px;font-size:14px;font-family:Inter;transition:all .3s ease;border:none}.usersMainWrapper .brands-table-section .table-header .search-section .search-input:focus{outline:none;border:none}.usersMainWrapper .brands-table-section .table-header .search-section .search-input::placeholder{color:#6c757d}.usersMainWrapper .brands-table-section .table-header .table-actions{display:flex;gap:12px}.usersMainWrapper .brands-table-section .table-header .table-actions .add-brand-btn{background-color:#3dae4a;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.usersMainWrapper .brands-table-section .table-header .table-actions .add-brand-btn:hover{background-color:#359941}.usersMainWrapper .brands-table-section .table-header .table-actions .filters-btn{background-color:#fff;border:1px solid #ced4da;padding:12px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.usersMainWrapper .brands-table-section .table-header .table-actions .filters-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.usersMainWrapper .brands-table-section .table-header .table-actions .filters-btn svg{opacity:.7}.usersMainWrapper .brands-table-section .table-container{overflow-x:auto}.usersMainWrapper .brands-table-section .table-container .brands-table{width:100%;border-collapse:collapse;font-family:Inter;font-weight:400;font-style:Regular;font-size:12px;leading-trim:NONE;line-height:130%;letter-spacing:0%;border:1px solid #e9ecef}.usersMainWrapper .brands-table-section .table-container .brands-table thead{background-color:#f8f9fa}.usersMainWrapper .brands-table-section .table-container .brands-table thead th{padding:15px 20px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.usersMainWrapper .brands-table-section .table-container .brands-table thead th:last-child{border-right:none}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr:hover{background-color:#f8f9fa}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td{padding:15px 20px;color:#495057;vertical-align:middle;border-right:1px solid #e9ecef}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td:first-child{font-weight:500;color:#6c757d}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td:last-child{border-right:none}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons{display:flex;gap:8px;justify-content:space-between;align-items:center}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn{background:none;border:none;color:#6c757d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.usersMainWrapper .brands-table-section .table-container .brands-table tbody tr td .action-buttons .more-btn:hover{background-color:#e9ecef;color:#495057}.usersMainWrapper .brands-table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #e9ecef}.usersMainWrapper .brands-table-section .pagination-container .pagination-info{color:#6c757d;font-size:14px;font-family:Inter;font-weight:500}.usersMainWrapper .brands-table-section .pagination-container .pagination-controls{display:flex;gap:10px}.usersMainWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;transition:all .3s ease}.usersMainWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.usersMainWrapper .brands-table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.NewproductWrapper .head-section-stokes{margin-left:-1rem;width:95%}.NewproductWrapper .head-section-stokes .head-sub-part-main{flex-direction:column;gap:1rem}.NewproductWrapper .brands-table-section{margin-left:-1rem;width:95%}.NewproductWrapper .brands-table-section .table-header{flex-direction:column;gap:15px;align-items:stretch}.NewproductWrapper .brands-table-section .table-header .search-section .search-input{width:100%}.NewproductWrapper .brands-table-section .table-header .table-actions{justify-content:center}.NewproductWrapper .brands-table-section .pagination-container{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 576px){.NewproductWrapper .head-section-stokes .Brands{font-size:18px}.NewproductWrapper .brands-table-section .table-container .brands-table thead th,.NewproductWrapper .brands-table-section .table-container .brands-table tbody td{padding:10px 15px;font-size:13px}}.ExclusiveProductsManagementWrapper *{padding:0;margin:0;box-sizing:border-box}.ExclusiveProductsManagementWrapper .navbar-main{margin-top:0;margin-left:-3rem}.ExclusiveProductsManagementWrapper .head-section-exclusive{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px;padding-bottom:0!important;display:flex;flex-direction:column;gap:15px}.ExclusiveProductsManagementWrapper .head-section-exclusive .title{color:#3dae4a;font-family:Inter;font-weight:500;font-size:20px;line-height:30px}.ExclusiveProductsManagementWrapper .content-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px}.ExclusiveProductsManagementWrapper .content-section .stats-section{display:flex;gap:40px;margin-bottom:20px}.ExclusiveProductsManagementWrapper .content-section .stats-section .stat-card p{font-family:Inter;font-weight:600;font-size:16px;line-height:24px;color:#495057}.ExclusiveProductsManagementWrapper .content-section .stats-section .stat-card p.value{margin-top:8px;font-size:20px;color:#3dae4a}.ExclusiveProductsManagementWrapper .content-section .table-section .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ExclusiveProductsManagementWrapper .content-section .table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px;color:#495057}.ExclusiveProductsManagementWrapper .content-section .table-section .table-header .controls{display:flex;gap:15px;align-items:center;width:100%;justify-content:end!important}.ExclusiveProductsManagementWrapper .content-section .table-section .table-header .controls .search-section{display:flex;align-items:center;border:1px solid #ced4da;border-radius:6px;padding:0 10px;width:250px}.ExclusiveProductsManagementWrapper .content-section .table-section .table-header .controls .search-section svg{color:#6c757d;font-size:20px}.ExclusiveProductsManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input{padding:10px;border:none;outline:none;width:100%;font-family:Inter;font-size:14px}.ExclusiveProductsManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input::placeholder{color:#6c757d}.ExclusiveProductsManagementWrapper .content-section .table-section .loading,.ExclusiveProductsManagementWrapper .content-section .table-section .error{padding:20px;text-align:center;font-family:Inter;font-size:16px}.ExclusiveProductsManagementWrapper .content-section .table-section .error{color:#dc3545}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container{overflow-x:auto}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table{width:100%;border-collapse:collapse;font-family:Inter;font-size:14px}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table thead{background-color:#f8f9fa}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table thead th{padding:15px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr:hover{background-color:#f8f9fa}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td{padding:15px;color:#495057;vertical-align:middle}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .status-badge.exclusive{background-color:#d4edda;color:#155724}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .status-badge.non-exclusive{background-color:#e2e3e5;color:#383d41}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons{display:flex;gap:8px;align-items:center}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .action-btn{border:none;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .action-btn.make-exclusive{background-color:#28a745;color:#fff}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .action-btn.make-exclusive:hover:not(:disabled){background-color:#218838}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .action-btn.remove-exclusive{background-color:#dc3545;color:#fff}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .action-btn.remove-exclusive:hover:not(:disabled){background-color:#c82333}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .action-btn:disabled{opacity:.6;cursor:not-allowed}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn:hover{background-color:#e9ecef}.ExclusiveProductsManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn svg{font-size:16px}.ExclusiveProductsManagementWrapper .content-section .table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.ExclusiveProductsManagementWrapper .content-section .table-section .pagination-container .pagination-info{color:#6c757d;font-family:Inter;font-size:14px}.ExclusiveProductsManagementWrapper .content-section .table-section .pagination-container .pagination-controls{display:flex;gap:10px}.ExclusiveProductsManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:4px;font-family:Inter;font-size:14px;cursor:pointer;transition:all .3s ease}.ExclusiveProductsManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa}.ExclusiveProductsManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ExclusiveProductsManagementWrapper .message-overlay{position:fixed;top:20px;right:20px;z-index:1000}.ExclusiveProductsManagementWrapper .message-overlay .message-content{padding:15px 20px;border-radius:6px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;min-width:300px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease}.ExclusiveProductsManagementWrapper .message-overlay .message-content.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.ExclusiveProductsManagementWrapper .message-overlay .message-content.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.ExclusiveProductsManagementWrapper .message-overlay .message-content button{background:none;border:none;font-size:18px;cursor:pointer;margin-left:15px;color:inherit}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.ExclusiveProductsManagementWrapper .navbar-main{margin-left:-1rem}.ExclusiveProductsManagementWrapper .head-section-exclusive,.ExclusiveProductsManagementWrapper .content-section{margin-left:-1rem;width:95%}.ExclusiveProductsManagementWrapper .stats-section{flex-direction:column;gap:20px!important}.ExclusiveProductsManagementWrapper .table-section .table-header{flex-direction:column;gap:15px;align-items:flex-start}.ExclusiveProductsManagementWrapper .table-section .table-header .controls{width:100%;flex-direction:column;align-items:flex-start}.ExclusiveProductsManagementWrapper .table-section .table-header .controls .search-section{width:100%}.ExclusiveProductsManagementWrapper .action-buttons{flex-direction:column;align-items:flex-start!important}.ExclusiveProductsManagementWrapper .action-buttons .action-btn{width:100%;margin-bottom:5px}.ExclusiveProductsManagementWrapper .pagination-container{flex-direction:column;gap:15px;align-items:flex-start}}.returnMainwrapper{padding:1rem;background-color:#f8f9fa;min-height:100vh}.returnMainwrapper *{padding:0;margin:0}.returnMainwrapper .navbar-main{margin-top:0;margin-left:-3rem}.returnMainwrapper .returns-content{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:1.5rem}.returnMainwrapper .returns-content .page-title{color:#3dae4a;font-family:Inter;font-weight:500;font-size:24px;margin-bottom:1.5rem}.returnMainwrapper .returns-content .filter-section{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.returnMainwrapper .returns-content .filter-section .filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.returnMainwrapper .returns-content .filter-section .filter-row .filter-select{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;min-width:180px;font-size:14px;font-family:Inter;color:#495057;cursor:pointer}.returnMainwrapper .returns-content .filter-section .filter-row .filter-select:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 2px #5504951a}.returnMainwrapper .returns-content .filter-section .filter-row .date-range{display:flex;align-items:center;gap:.5rem}.returnMainwrapper .returns-content .filter-section .filter-row .date-range .date-input{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;font-size:14px;font-family:Inter;color:#495057;width:140px}.returnMainwrapper .returns-content .filter-section .filter-row .date-range .date-input:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 2px #5504951a}.returnMainwrapper .returns-content .filter-section .filter-row .date-range .date-separator{font-size:14px;font-family:Inter;color:#6c757d;font-weight:500;margin:0 .5rem}.returnMainwrapper .returns-content .filter-section .filter-row .filter-actions{display:flex;gap:.5rem;margin-left:auto}.returnMainwrapper .returns-content .filter-section .filter-row .filter-actions .go-btn{padding:10px 20px;background-color:#3dae4a;color:#fff;border:none;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.returnMainwrapper .returns-content .filter-section .filter-row .filter-actions .go-btn:hover{background-color:#359941}.returnMainwrapper .returns-content .filter-section .filter-row .filter-actions .clear-btn{padding:10px 20px;background-color:#fff;color:#3dae4a;border:1px solid #3DAE4A;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.returnMainwrapper .returns-content .filter-section .filter-row .filter-actions .clear-btn:hover{background-color:#f8f9fa}.returnMainwrapper .returns-content .status-tabs{display:flex;background-color:#fff;border-radius:8px 8px 0 0;border-bottom:1px solid #e9ecef;overflow-x:auto;padding:0}.returnMainwrapper .returns-content .status-tabs .status-tab{padding:15px 20px;border:none;background:none;color:#6c757d;font-size:14px;font-family:Inter;font-weight:500;border-radius:0;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;border-bottom:3px solid transparent}.returnMainwrapper .returns-content .status-tabs .status-tab:hover{color:#3dae4a;background-color:#f8f9fa}.returnMainwrapper .returns-content .status-tabs .status-tab.active{background-color:#fff;color:#3dae4a;border-bottom-color:#3dae4a;box-shadow:none}.returnMainwrapper .returns-content .table-section{background-color:#fff;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.returnMainwrapper .returns-content .table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:16px}.returnMainwrapper .returns-content .table-section .table-header .search-section{display:flex;align-items:center;position:relative;flex:1;max-width:400px;border:1px solid #ced4da;border-radius:6px;padding:0 12px;background-color:#fff}.returnMainwrapper .returns-content .table-section .table-header .search-section svg{color:#6c757d;font-size:18px;margin-right:8px}.returnMainwrapper .returns-content .table-section .table-header .search-section .search-input{width:100%;padding:12px 8px;border:none;outline:none;font-size:14px;font-family:Inter;color:#495057;background-color:transparent}.returnMainwrapper .returns-content .table-section .table-header .search-section .search-input::placeholder{color:#6c757d}.returnMainwrapper .returns-content .table-section .table-container{border:none;border-radius:0;overflow-x:auto;background-color:#fff}.returnMainwrapper .returns-content .table-section .table-container .returns-table{width:100%;border-collapse:collapse;font-family:Inter}.returnMainwrapper .returns-content .table-section .table-container .returns-table thead{background-color:#f8f9fa}.returnMainwrapper .returns-content .table-section .table-container .returns-table thead tr th{padding:15px 12px;text-align:left;font-weight:500;font-size:12px;color:#495057;border-bottom:1px solid #e9ecef;white-space:nowrap;letter-spacing:.5px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr:hover{background-color:#f8f9fa}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr:last-child{border-bottom:none}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td{padding:15px 12px;color:#495057;font-weight:400;font-family:Inter;font-size:12px;vertical-align:middle;white-space:nowrap}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td.order-id{font-weight:500;color:#3dae4a}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td.customer-name{font-weight:500;color:#000}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td.return-reason{max-width:150px;white-space:normal}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td.amount{font-weight:600;color:#000}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td.no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .status-badge.new-request{color:#856404;background-color:#fff3cd}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .status-badge.approved{color:#155724;background-color:#d4edda}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .status-badge.rejected{color:#721c24;background-color:#f8d7da}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .status-badge.processed{color:#0c5460;background-color:#d1ecf1}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons{display:flex;gap:8px;align-items:center}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons button{padding:8px 10px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons button:hover{transform:translateY(-1px)}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .view-btn{background-color:#e3f2fd;color:#1976d2}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .view-btn:hover{background-color:#bbdefb}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .approve-btn{background-color:#d4edda;color:#155724}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .approve-btn:hover{background-color:#c3e6cb}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .reject-btn{background-color:#f8d7da;color:#721c24}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .reject-btn:hover{background-color:#f1b0b7}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .process-btn{background-color:#d1ecf1;color:#0c5460}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .process-btn:hover{background-color:#b8daff}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .exchange-btn{background-color:#fff3cd;color:#856404}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .exchange-btn:hover{background-color:#ffeaa7}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .notify-btn{background-color:#e2e3e5;color:#383d41}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody tr td .action-buttons .notify-btn:hover{background-color:#d1d1d4}.returnMainwrapper .returns-content .table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #e9ecef}.returnMainwrapper .returns-content .table-section .pagination-container .pagination-info{font-size:14px;font-family:Inter;font-weight:500;color:#6c757d}.returnMainwrapper .returns-content .table-section .pagination-container .pagination-controls{display:flex;gap:10px}.returnMainwrapper .returns-content .table-section .pagination-container .pagination-controls .pagination-btn{padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.returnMainwrapper .returns-content .table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.returnMainwrapper .returns-content .table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.returnMainwrapper .filter-section .filter-row{flex-direction:column;align-items:stretch}.returnMainwrapper .filter-section .filter-row .filter-actions{margin-left:0;justify-content:flex-end}}@media (max-width: 768px){.returnMainwrapper{padding:.5rem}.returnMainwrapper .returns-content{padding:1rem;margin-left:-1rem}.returnMainwrapper .returns-content .filter-section{padding:1rem}.returnMainwrapper .returns-content .filter-section .filter-row{gap:.5rem}.returnMainwrapper .returns-content .filter-section .filter-row .filter-select,.returnMainwrapper .returns-content .filter-section .filter-row .date-input{min-width:100%}.returnMainwrapper .returns-content .status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:0}.returnMainwrapper .returns-content .status-tabs .status-tab{padding:12px 16px;font-size:13px}.returnMainwrapper .returns-content .table-section .table-header{flex-direction:column;align-items:stretch;gap:15px}.returnMainwrapper .returns-content .table-section .table-header .search-section{max-width:none;margin-bottom:0}.returnMainwrapper .returns-content .table-section .table-header .search-section .search-input{width:100%}.returnMainwrapper .returns-content .table-section .table-container .returns-table{font-size:11px}.returnMainwrapper .returns-content .table-section .table-container .returns-table thead th,.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td{padding:8px 6px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td.return-reason{max-width:120px;font-size:10px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td .action-buttons{gap:4px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td .action-buttons button{padding:6px 8px;font-size:12px}.returnMainwrapper .returns-content .table-section .pagination-container{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 576px){.returnMainwrapper{padding:.25rem}.returnMainwrapper .returns-content{padding:.5rem;margin-left:-.5rem}.returnMainwrapper .returns-content .page-title{font-size:20px;margin-bottom:1rem}.returnMainwrapper .returns-content .filter-section{padding:.75rem}.returnMainwrapper .returns-content .filter-section .filter-row .filter-select,.returnMainwrapper .returns-content .filter-section .filter-row .date-input{font-size:13px;padding:8px 10px}.returnMainwrapper .returns-content .filter-section .filter-row .filter-actions .go-btn,.returnMainwrapper .returns-content .filter-section .filter-row .filter-actions .clear-btn{padding:8px 16px;font-size:13px}.returnMainwrapper .returns-content .status-tabs .status-tab{padding:10px 14px;font-size:12px}.returnMainwrapper .returns-content .table-section .table-header{padding:15px 10px}.returnMainwrapper .returns-content .table-section .table-header .search-section{padding:0 10px}.returnMainwrapper .returns-content .table-section .table-header .search-section .search-input{padding:10px 6px;font-size:13px}.returnMainwrapper .returns-content .table-section .table-container .returns-table{font-size:10px}.returnMainwrapper .returns-content .table-section .table-container .returns-table thead th,.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td{padding:6px 4px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td.return-reason{max-width:100px;font-size:9px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td .status-badge{font-size:10px;padding:4px 8px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td .action-buttons{gap:2px}.returnMainwrapper .returns-content .table-section .table-container .returns-table tbody td .action-buttons button{padding:4px 6px;font-size:10px}.returnMainwrapper .returns-content .table-section .pagination-container{padding:15px 10px}.returnMainwrapper .returns-content .table-section .pagination-container .pagination-info{font-size:12px}}.DeliveryZonesWrapper *{padding:0;margin:0;box-sizing:border-box}.DeliveryZonesWrapper .min-h-screen{background-color:#f8f9fa;font-family:Inter,sans-serif}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white{background-color:#fff;border:1px solid #F0F1F3;border-radius:8px;box-shadow:0 1px 3px #0000001a}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b{padding:30px 20px 20px 30px;border-bottom:1px solid #F0F1F3}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b h1{font-family:Inter,sans-serif;font-weight:700;font-size:20px;line-height:30px;color:#000}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b p{font-family:Inter,sans-serif;font-size:14px;color:#6c757d;margin-top:5px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b .flex.gap-3 button{padding:8px 20px;font-family:Inter,sans-serif;font-size:14px;border-radius:4px;cursor:pointer;transition:all .3s ease;border:none;margin-left:10px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b .flex.gap-3 button.bg-blue-600{background:#3DAE4A;color:#fff}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b .flex.gap-3 button.bg-blue-600:hover{background:#359941}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b .flex.gap-3 button.bg-green-600{background:#3DAE4A;color:#fff}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6.border-b .flex.gap-3 button.bg-green-600:hover{background:#359941}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .mx-6.mt-4{margin:1rem 1.5rem;padding:12px 16px;border-radius:4px;font-family:Inter,sans-serif;font-size:14px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .mx-6.mt-4.bg-red-50{background-color:#fee;border:1px solid #fcc;color:#c33}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .mx-6.mt-4.bg-green-50{background-color:#efe;border:1px solid #cfc;color:#363}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child{padding:30px 20px 20px 30px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .text-center.py-8 .animate-spin{border-color:#3dae4a}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .text-center.py-8 p{color:#6c757d;font-family:Inter,sans-serif}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .text-center.py-12 h3{font-family:Inter,sans-serif;font-weight:600;color:#000}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .text-center.py-12 p{color:#6c757d;font-family:Inter,sans-serif}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .text-center.py-12 button{background:#3DAE4A;color:#fff;padding:8px 20px;border-radius:4px;border:none;font-family:Inter,sans-serif;cursor:pointer}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .text-center.py-12 button:hover{background:#359941}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200{border:1px solid #F0F1F3;border-radius:8px;margin-bottom:1rem}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50{background-color:#f8f9fa;padding:20px;border-bottom:1px solid #F0F1F3}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 h3{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#000}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .px-2.py-1.rounded-full{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;font-family:Inter,sans-serif}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .px-2.py-1.rounded-full.bg-green-100{background-color:#d4edda;color:#155724}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .px-2.py-1.rounded-full.bg-blue-100{background-color:#d1ecf1;color:#0c5460}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .px-2.py-1.rounded-full.bg-gray-100{background-color:#f8f9fa;color:#6c757d}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 p{color:#6c757d;font-family:Inter,sans-serif;font-size:14px;margin-top:5px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .flex.flex-wrap.gap-4 span{color:#6c757d;font-family:Inter,sans-serif;font-size:13px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .flex.gap-2 button{font-family:Inter,sans-serif;font-size:14px;background:none;border:none;cursor:pointer;font-weight:500}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .flex.gap-2 button.text-blue-600{color:#3dae4a}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .flex.gap-2 button.text-blue-600:hover{color:#359941}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .flex.gap-2 button.text-red-600{color:#dc3545}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4.bg-gray-50 .flex.gap-2 button.text-red-600:hover{color:#c82333}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child{padding:20px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child h4{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#3dae4a;margin-bottom:15px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between{background-color:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:10px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between button.text-blue-600{color:#3dae4a;background:none;border:none;font-family:Inter,sans-serif;font-size:14px;cursor:pointer;font-weight:500;margin-right:15px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between button.text-blue-600:hover{color:#359941;text-decoration:underline}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between .font-medium{font-family:Inter,sans-serif;font-weight:600;color:#000}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between .text-lg.font-semibold.text-green-600{font-family:Inter,sans-serif;font-weight:600;color:#28a745}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between .text-sm.text-gray-600{font-family:Inter,sans-serif;color:#6c757d;font-size:13px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between .text-xs.text-gray-500{font-family:Inter,sans-serif;color:#6c757d;font-size:12px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between .text-xs.text-gray-500 .capitalize{text-transform:capitalize}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between button.text-red-600{color:#dc3545;background:none;border:none;font-family:Inter,sans-serif;font-size:14px;cursor:pointer}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6:last-child .space-y-4 .border.border-gray-200 .p-4:last-child .space-y-3 .flex.items-center.justify-between button.text-red-600:hover{color:#c82333}.DeliveryZonesWrapper .fixed.inset-0{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg{background-color:#fff;border:1px solid #F0F1F3;border-radius:8px}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg .p-6.border-b:first-child{padding:30px 20px 20px 30px;border-bottom:1px solid #F0F1F3}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg .p-6.border-b:first-child h2{font-family:Inter,sans-serif;font-weight:700;font-size:20px;color:#000}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg .p-6.border-b:first-child button{background:none;border:none;cursor:pointer;color:#6c757d}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg .p-6.border-b:first-child button:hover{color:#000}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form{padding:30px 20px 20px 30px}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form label{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#000;margin-bottom:8px;display:block}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form input,.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form textarea,.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form select{width:100%;border:1px solid #D0D5DD;border-radius:4px;padding:10px;font-family:Inter,sans-serif;font-size:14px;margin-bottom:15px}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form input:focus,.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form textarea:focus,.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form select:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 3px #5504951a}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form input::placeholder,.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form textarea::placeholder,.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form select::placeholder{color:#6c757d;font-family:Inter,sans-serif}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form input[type=checkbox]{width:auto;margin-right:8px;margin-bottom:0;accent-color:#3DAE4A}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .inline-flex.items-center{background-color:#f8f9fa;color:#3dae4a;padding:4px 8px;border-radius:12px;font-size:12px;font-family:Inter,sans-serif;margin:2px}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .inline-flex.items-center.bg-blue-100{background-color:#d1ecf1;color:#0c5460}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .inline-flex.items-center.bg-green-100{background-color:#d4edda;color:#155724}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .inline-flex.items-center.bg-purple-100{background-color:#e2d9f3;color:#3dae4a}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .inline-flex.items-center.bg-orange-100{background-color:#ffeaa7;color:#d63031}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .inline-flex.items-center button{background:none;border:none;margin-left:4px;cursor:pointer;font-weight:700}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form input[type=radio]{width:auto;margin-right:8px;margin-bottom:0;accent-color:#3DAE4A}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .bg-gray-50.p-4{background-color:#f8f9fa;padding:15px;border-radius:6px;border:1px solid #F0F1F3}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .bg-gray-50.p-4 h4{font-family:Inter,sans-serif;font-weight:600;color:#3dae4a;font-size:14px;margin-bottom:10px}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .bg-gray-50.p-4 .w-3.h-3{width:12px;height:12px;background-color:#3dae4a;border-radius:50%}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .bg-gray-50.p-4 span{font-family:Inter,sans-serif;font-size:14px}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .bg-gray-50.p-4 p{color:#6c757d;font-family:Inter,sans-serif;font-size:12px;margin-top:5px}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .flex.justify-end.gap-3{margin-top:20px;padding-top:20px;border-top:1px solid #F0F1F3}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .flex.justify-end.gap-3 button{padding:8px 20px;font-family:Inter,sans-serif;font-size:16px;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-bottom:0}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .flex.justify-end.gap-3 button:disabled{opacity:.6;cursor:not-allowed}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .flex.justify-end.gap-3 button.bg-gray-100{background:transparent;border:1px solid #3DAE4A;color:#3dae4a}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .flex.justify-end.gap-3 button.bg-gray-100:hover:not(:disabled){background:rgba(85,4,149,.1)}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .flex.justify-end.gap-3 button.bg-blue-600{background:#3DAE4A;border:none;color:#fff}.DeliveryZonesWrapper .fixed.inset-0 .bg-white.rounded-lg form .flex.justify-end.gap-3 button.bg-blue-600:hover:not(:disabled){background:#359941}@media (max-width: 768px){.DeliveryZonesWrapper .min-h-screen{padding:1rem}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .p-6{padding:20px 15px}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .fixed.inset-0 .bg-white.rounded-lg{margin:1rem;max-height:calc(100vh - 2rem)}.DeliveryZonesWrapper .min-h-screen .max-w-7xl .bg-white .fixed.inset-0 .bg-white.rounded-lg form{padding:20px 15px}}/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.BlogManagementWrapper *{padding:0;margin:0;box-sizing:border-box}.BlogManagementWrapper .navbar-main{margin-top:0;margin-left:-3rem}.BlogManagementWrapper .head-section-blog{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px;padding-bottom:0!important;display:flex;flex-direction:column;gap:15px}.BlogManagementWrapper .head-section-blog .title{color:#3dae4a;font-family:Inter;font-weight:500;font-size:20px;line-height:30px}.BlogManagementWrapper .content-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;padding:20px}.BlogManagementWrapper .content-section .stats-section{display:flex;gap:40px;margin-bottom:20px;flex-wrap:wrap}.BlogManagementWrapper .content-section .stats-section .stat-card p{font-family:Inter;font-weight:600;font-size:16px;line-height:24px;color:#495057}.BlogManagementWrapper .content-section .stats-section .stat-card p.value{margin-top:8px;font-size:20px;color:#3dae4a}.BlogManagementWrapper .content-section .table-section .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.BlogManagementWrapper .content-section .table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px;color:#495057}.BlogManagementWrapper .content-section .table-section .table-header .controls{display:flex;gap:15px;align-items:center;width:100%;justify-content:end!important}.BlogManagementWrapper .content-section .table-section .table-header .controls .search-section{display:flex;align-items:center;border:1px solid #ced4da;border-radius:6px;padding:0 10px;width:250px}.BlogManagementWrapper .content-section .table-section .table-header .controls .search-section svg{color:#6c757d;font-size:20px}.BlogManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input{padding:10px;border:none;outline:none;width:100%;font-family:Inter;font-size:14px}.BlogManagementWrapper .content-section .table-section .table-header .controls .search-section .search-input::placeholder{color:#6c757d}.BlogManagementWrapper .content-section .table-section .table-header .controls .actions .add-btn{background-color:#3dae4a;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.BlogManagementWrapper .content-section .table-section .table-header .controls .actions .add-btn:hover{background-color:#359941}.BlogManagementWrapper .content-section .table-section .status-toggle{padding:6px 16px;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.BlogManagementWrapper .content-section .table-section .status-toggle.active{background-color:#10b981;color:#fff}.BlogManagementWrapper .content-section .table-section .status-toggle.active:hover:not(:disabled){background-color:#059669}.BlogManagementWrapper .content-section .table-section .status-toggle.inactive{background-color:#ef4444;color:#fff}.BlogManagementWrapper .content-section .table-section .status-toggle.inactive:hover:not(:disabled){background-color:#dc2626}.BlogManagementWrapper .content-section .table-section .status-toggle:disabled{opacity:.6;cursor:not-allowed}.BlogManagementWrapper .content-section .table-section .loading,.BlogManagementWrapper .content-section .table-section .error{padding:20px;text-align:center;font-family:Inter;font-size:16px}.BlogManagementWrapper .content-section .table-section .error{color:#dc3545}.BlogManagementWrapper .content-section .table-section .empty-state{padding:60px 20px;text-align:center}.BlogManagementWrapper .content-section .table-section .empty-state .empty-state-content{max-width:400px;margin:0 auto}.BlogManagementWrapper .content-section .table-section .empty-state .empty-state-content svg{margin-bottom:20px}.BlogManagementWrapper .content-section .table-section .empty-state .empty-state-content h4{font-family:Inter;font-weight:600;font-size:18px;color:#495057;margin-bottom:10px}.BlogManagementWrapper .content-section .table-section .empty-state .empty-state-content p{font-family:Inter;font-size:14px;color:#6c757d;margin-bottom:20px}.BlogManagementWrapper .content-section .table-section .table-container{overflow-x:auto}.BlogManagementWrapper .content-section .table-section .table-container .data-table{width:100%;border-collapse:collapse;font-family:Inter;font-size:14px}.BlogManagementWrapper .content-section .table-section .table-container .data-table thead{background-color:#f8f9fa}.BlogManagementWrapper .content-section .table-section .table-container .data-table thead th{padding:15px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;text-transform:uppercase;font-size:13px;letter-spacing:.5px;white-space:nowrap}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr:hover{background-color:#f8f9fa}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td{padding:15px;color:#495057;vertical-align:middle}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td.blog-title{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .no-image{color:#6c757d;font-size:12px;font-style:italic}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .category-badge{display:inline-block;padding:4px 12px;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:500}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .status-badge.published{background-color:#d4edda;color:#155724}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .status-badge.draft{background-color:#fff3cd;color:#856404}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons{display:flex;gap:8px}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn:hover{background-color:#e9ecef}.BlogManagementWrapper .content-section .table-section .table-container .data-table tbody tr td .action-buttons .options-btn svg{font-size:16px}.BlogManagementWrapper .content-section .table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.BlogManagementWrapper .content-section .table-section .pagination-container .pagination-info{color:#6c757d;font-family:Inter;font-size:14px}.BlogManagementWrapper .content-section .table-section .pagination-container .pagination-controls{display:flex;gap:10px}.BlogManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:4px;font-family:Inter;font-size:14px;cursor:pointer;transition:all .3s ease}.BlogManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa}.BlogManagementWrapper .content-section .table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.BlogManagementWrapper .modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.BlogManagementWrapper .modal-backdrop .modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.BlogManagementWrapper .modal-backdrop .modal-content .modal-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.BlogManagementWrapper .modal-backdrop .modal-content .modal-header h3{font-family:Inter;font-weight:600;font-size:18px;color:#495057;margin:0}.BlogManagementWrapper .modal-backdrop .modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;transition:all .3s ease}.BlogManagementWrapper .modal-backdrop .modal-content .modal-header .modal-close:hover{color:#495057}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body{padding:20px}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group{margin-bottom:20px}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group label{display:block;margin-bottom:8px;font-family:Inter;font-weight:500;font-size:14px;color:#495057}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group label[for=published]{display:inline;margin-left:8px;margin-bottom:0}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group input,.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea,.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-family:Inter;font-size:14px;transition:all .3s ease}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group input:focus,.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea:focus,.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group select:focus{outline:none;border-color:#3dae4a;box-shadow:0 0 0 .2rem #3dae4a40}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group textarea{min-height:100px;resize:vertical}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group select{cursor:pointer}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group.checkbox-group{display:flex;width:auto!important;align-items:center}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group.checkbox-group input[type=checkbox]{width:auto;margin-right:8px;cursor:pointer}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-group .image-preview{margin-top:10px}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-row{display:flex;gap:15px}.BlogManagementWrapper .modal-backdrop .modal-content .modal-body .form-row .form-group{flex:1}.BlogManagementWrapper .modal-backdrop .modal-content .modal-footer{padding:20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.BlogManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-cancel{background-color:#fff;border:1px solid #ced4da;padding:10px 20px;border-radius:4px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.BlogManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-cancel:hover{background-color:#f8f9fa}.BlogManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-submit{background-color:#3dae4a;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-family:Inter;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.BlogManagementWrapper .modal-backdrop .modal-content .modal-footer .btn-submit:hover{background-color:#359941}@media (max-width: 768px){.BlogManagementWrapper .navbar-main{margin-left:-1rem}.BlogManagementWrapper .head-section-blog,.BlogManagementWrapper .content-section{margin-left:-1rem;width:95%}.BlogManagementWrapper .stats-section{gap:20px!important}.BlogManagementWrapper .table-section .table-header{flex-direction:column;gap:15px;align-items:flex-start}.BlogManagementWrapper .table-section .table-header .controls{width:100%;flex-direction:column;align-items:flex-start}.BlogManagementWrapper .table-section .table-header .controls .search-section{width:100%}.BlogManagementWrapper .modal-backdrop .modal-content{width:95%;margin:0 10px}.BlogManagementWrapper .modal-backdrop .modal-content .form-row{flex-direction:column;gap:15px}}.quill-editor-wrapper{margin:20px 0}.quill-editor-wrapper .ql-container{min-height:300px;max-height:500px;overflow-y:auto;font-size:16px;font-family:inherit}.quill-editor-wrapper .ql-editor{min-height:300px;padding:15px;line-height:1.6}.quill-editor-wrapper .ql-editor img{max-width:100%;height:auto;display:block;margin:10px 0;cursor:pointer}.quill-editor-wrapper .ql-editor.ql-blank:before{color:#999;font-style:italic;left:15px}.quill-editor-wrapper .ql-toolbar{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px 4px 0 0;padding:10px}.quill-editor-wrapper .ql-container{border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;background-color:#fff}.quill-editor-wrapper .ql-container.ql-snow:focus-within{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.quill-editor-wrapper .ql-editor p,.quill-editor-wrapper .ql-editor h1,.quill-editor-wrapper .ql-editor h2,.quill-editor-wrapper .ql-editor h3{margin-bottom:10px}.quill-editor-wrapper .ql-editor p:last-child{margin-bottom:0}.quill-editor-wrapper .ql-editor p img{margin:10px 0}.quill-editor-wrapper .ql-editor img+*{margin-top:10px}.quill-editor-wrapper .ql-editor img[src^="data:"]{opacity:.7;border:2px dashed #ccc}.quill-editor-wrapper .ql-editor ul,.quill-editor-wrapper .ql-editor ol{padding-left:1.5em;margin-bottom:10px}.quill-editor-wrapper .ql-editor li{margin-bottom:5px}.quill-editor-wrapper .ql-editor a{color:#007bff;text-decoration:underline}.quill-editor-wrapper .ql-editor pre{background-color:#f5f5f5;padding:10px;border-radius:4px;overflow-x:auto}@media (max-width: 768px){.quill-editor-wrapper .ql-container{min-height:250px}.quill-editor-wrapper .ql-editor{min-height:250px;padding:10px}}.CouponsWrapper *{padding:0;margin:0}.CouponsWrapper .navbar-main{margin-top:0;margin-left:-3rem}.CouponsWrapper .head-section-coupons{background-color:#fff;width:99%;height:121px;margin-top:1rem;margin-left:-2.2rem;border-radius:6px}.CouponsWrapper .head-section-coupons .Coupons{margin-left:2rem!important;padding-top:7px;color:#3dae4a;font-family:Inter;font-weight:500;font-style:Medium;font-size:20px;leading-trim:NONE;line-height:30px;letter-spacing:0%}.CouponsWrapper .head-sub-part-main{display:flex;gap:12rem;margin-top:1rem;margin-left:2rem}.CouponsWrapper .head-sub-part-main .head-sub{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%}.CouponsWrapper .head-sub-part-main .head-sub .price{margin-top:1rem}.CouponsWrapper .coupons-table-section{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;border-radius:6px;overflow:hidden}.CouponsWrapper .coupons-table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.CouponsWrapper .coupons-table-section .table-header h3{font-family:Inter;font-weight:500;font-size:20px}.CouponsWrapper .coupons-table-section .table-header .search-section{border:1px solid #ced4da;padding:0 10px;border-radius:6px}.CouponsWrapper .coupons-table-section .table-header .search-section .search-input{padding:12px 16px;border:1px solid #ced4da;border-radius:6px;width:321px;font-size:14px;font-family:Inter;transition:all .3s ease;border:none}.CouponsWrapper .coupons-table-section .table-header .search-section .search-input:focus{outline:none;border:none}.CouponsWrapper .coupons-table-section .table-header .search-section .search-input::placeholder{color:#6c757d}.CouponsWrapper .coupons-table-section .table-header .table-actions{display:flex;gap:12px}.CouponsWrapper .coupons-table-section .table-header .table-actions .add-coupon-btn{background-color:#3dae4a;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-family:Inter;font-weight:500;cursor:pointer;transition:all .3s ease}.CouponsWrapper .coupons-table-section .table-header .table-actions .add-coupon-btn:hover{background-color:#359941}.CouponsWrapper .coupons-table-section .table-header .table-actions .filters-btn{background-color:#fff;border:1px solid #ced4da;padding:12px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.CouponsWrapper .coupons-table-section .table-header .table-actions .filters-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.CouponsWrapper .coupons-table-section .table-header .table-actions .filters-btn svg{opacity:.7}.CouponsWrapper .coupons-table-section .table-container{overflow-x:auto}.CouponsWrapper .coupons-table-section .table-container .coupons-table{width:100%;border-collapse:collapse;font-family:Inter;font-weight:400;font-style:Regular;font-size:12px;leading-trim:NONE;line-height:130%;letter-spacing:0%;border:1px solid #e9ecef}.CouponsWrapper .coupons-table-section .table-container .coupons-table thead{background-color:#f8f9fa}.CouponsWrapper .coupons-table-section .table-container .coupons-table thead th{padding:15px 20px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.CouponsWrapper .coupons-table-section .table-container .coupons-table thead th:last-child{border-right:none}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr:hover{background-color:#f8f9fa}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td{padding:15px 20px;color:#495057;vertical-align:middle;border-right:1px solid #e9ecef}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td:first-child{font-weight:500;color:#6c757d}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td:last-child{border-right:none}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td .action-buttons{display:flex;gap:8px;justify-content:space-between;align-items:center}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td .action-buttons .edit-btn{background-color:#e3f2fd;color:#1976d2;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td .action-buttons .edit-btn:hover{background-color:#bbdefb}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td .action-buttons .more-btn{background:none;border:none;color:#6c757d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.CouponsWrapper .coupons-table-section .table-container .coupons-table tbody tr td .action-buttons .more-btn:hover{background-color:#e9ecef;color:#495057}.CouponsWrapper .coupons-table-section .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #e9ecef}.CouponsWrapper .coupons-table-section .pagination-container .pagination-info{color:#6c757d;font-size:14px;font-family:Inter;font-weight:500}.CouponsWrapper .coupons-table-section .pagination-container .pagination-controls{display:flex;gap:10px}.CouponsWrapper .coupons-table-section .pagination-container .pagination-controls .pagination-btn{background-color:#fff;border:1px solid #ced4da;padding:8px 16px;border-radius:6px;font-size:14px;font-family:Inter;cursor:pointer;transition:all .3s ease}.CouponsWrapper .coupons-table-section .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.CouponsWrapper .coupons-table-section .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.CouponsWrapper .CouponsWrapper .head-section-coupons{margin-left:-1rem;width:95%}.CouponsWrapper .CouponsWrapper .head-section-coupons .head-sub-part-main{flex-direction:column;gap:1rem}.CouponsWrapper .CouponsWrapper .coupons-table-section{margin-left:-1rem;width:95%}.CouponsWrapper .CouponsWrapper .coupons-table-section .table-header{flex-direction:column;gap:15px;align-items:stretch}.CouponsWrapper .CouponsWrapper .coupons-table-section .table-header .search-section .search-input{width:100%}.CouponsWrapper .CouponsWrapper .coupons-table-section .table-header .table-actions{justify-content:center}.CouponsWrapper .CouponsWrapper .coupons-table-section .pagination-container{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 576px){.CouponsWrapper .CouponsWrapper .head-section-coupons .Coupons{font-size:18px}.CouponsWrapper .CouponsWrapper .coupons-table-section .table-container .coupons-table thead th,.CouponsWrapper .CouponsWrapper .coupons-table-section .table-container .coupons-table tbody td{padding:10px 15px;font-size:13px}}.CouponWrapper *{padding:0;margin:0}.CouponWrapper .navbar-main{margin-top:0;margin-left:-3rem}.CouponWrapper .coupon-form{margin-top:1rem;width:100%;background-color:#fff;padding:30px 20px 20px 30px;border-radius:8px;border:1px solid #F0F1F3}.CouponWrapper .coupon-form .head-section h3{font-family:Inter;font-weight:700;font-size:20px;line-height:30px;letter-spacing:0%;color:#3dae4a;margin-bottom:20px}.CouponWrapper .coupon-form .form-field{margin-top:1rem;padding:10px}.CouponWrapper .coupon-form .form-field label{display:block;font-family:inter;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.CouponWrapper .coupon-form .form-field input,.CouponWrapper .coupon-form .form-field textarea,.CouponWrapper .coupon-form .form-field select{width:100%;border:1px solid #D0D5DD;border-radius:4px;padding:10px;font-family:inter;font-size:14px;transition:border-color .3s ease}.CouponWrapper .coupon-form .form-field input:focus,.CouponWrapper .coupon-form .form-field textarea:focus,.CouponWrapper .coupon-form .form-field select:focus{outline:none;border-color:#3dae4a}.CouponWrapper .coupon-form .form-field input::placeholder,.CouponWrapper .coupon-form .form-field textarea::placeholder,.CouponWrapper .coupon-form .form-field select::placeholder{font-size:14px;font-family:inter;color:#6c757d}.CouponWrapper .coupon-form .form-field .selected-products-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:10px;background:#f8f9fa;border-radius:6px}.CouponWrapper .coupon-form .form-field .selected-product-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#007bff;color:#fff;border-radius:20px;font-size:14px}.CouponWrapper .coupon-form .form-field .selected-product-chip span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CouponWrapper .coupon-form .form-field .selected-product-chip .remove-chip{background:none;border:none;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.CouponWrapper .coupon-form .form-field .selected-product-chip .remove-chip:hover{background:rgba(255,255,255,.2)}.CouponWrapper .coupon-form .form-field .checkbox-dropdown .dropdown-item.checkbox-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s}.CouponWrapper .coupon-form .form-field .checkbox-dropdown .dropdown-item.checkbox-item:hover{background:#f8f9fa}.CouponWrapper .coupon-form .form-field .checkbox-dropdown .dropdown-item.checkbox-item.selected{background:#e7f3ff}.CouponWrapper .coupon-form .form-field .checkbox-dropdown .dropdown-item.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.CouponWrapper .coupon-form .form-field .checkbox-dropdown .dropdown-item.checkbox-item .product-info{flex:1;display:flex;justify-content:space-between;align-items:center}.CouponWrapper .coupon-form .form-field .checkbox-dropdown .dropdown-item.checkbox-item .product-name{font-weight:500;color:#333}.CouponWrapper .coupon-form .form-field .checkbox-dropdown .dropdown-item.checkbox-item .product-price{color:#666;font-size:14px}.CouponWrapper .coupon-form .form-field input{height:35px}.CouponWrapper .coupon-form .form-field select{height:35px;color:#5d6679}.CouponWrapper .coupon-form .form-field small{display:block;margin-top:5px;font-size:12px;color:#666}.CouponWrapper .coupon-form .form-field.checkbox-field label{display:flex;align-items:center;cursor:pointer;font-weight:400}.CouponWrapper .coupon-form .form-field.checkbox-field label input[type=checkbox]{width:auto;height:auto;margin-right:10px;cursor:pointer}.CouponWrapper .coupon-form .form-field.checkbox-field label span{color:#333}.CouponWrapper .coupon-form .product-dropdown-wrapper{position:relative}.CouponWrapper .coupon-form .product-dropdown-wrapper .selected-info{margin-top:5px;color:#3dae4a;font-size:12px;font-weight:600}.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list{position:absolute;top:100%;left:10px;right:10px;max-height:300px;overflow-y:auto;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:1000;margin-top:5px}.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list .dropdown-loading,.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list .dropdown-no-results{padding:15px;text-align:center;color:#666}.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list .dropdown-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list .dropdown-item:hover{background-color:#f9f9f9}.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list .dropdown-item.active{background-color:#e8f5e9;border-left:3px solid #3DAE4A}.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list .dropdown-item .product-name{font-weight:600;color:#333;margin-bottom:4px}.CouponWrapper .coupon-form .product-dropdown-wrapper .dropdown-list .dropdown-item .product-price{font-size:12px;color:#666}.CouponWrapper .coupon-form .coupon-preview{margin-top:30px;padding:20px;background:#f9f9f9;border:1px solid #eee;border-radius:8px}.CouponWrapper .coupon-form .coupon-preview h4{font-family:Inter;font-size:16px;font-weight:600;color:#3dae4a;margin-bottom:15px}.CouponWrapper .coupon-form .coupon-preview .preview-content p{margin-bottom:8px;font-size:14px;color:#333}.CouponWrapper .coupon-form .coupon-preview .preview-content p strong{color:#555;margin-right:8px}.CouponWrapper .coupon-form .buttons{width:100%;display:flex;gap:10px;padding:10px;justify-content:flex-end;margin-top:20px}.CouponWrapper .coupon-form .buttons button{padding:10px 25px;font-family:inter;font-size:16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.CouponWrapper .coupon-form .buttons button:disabled{opacity:.6;cursor:not-allowed}.CouponWrapper .coupon-form .buttons .close-btn{color:#3dae4a;background:transparent;border:1px solid #3DAE4A}.CouponWrapper .coupon-form .buttons .close-btn:hover:not(:disabled){background:#f0f0f0}.CouponWrapper .coupon-form .buttons .submit{color:#fff;background:#3DAE4A;border:none}.CouponWrapper .coupon-form .buttons .submit:hover:not(:disabled){background:#359941}.CouponWrapper .coupon-form .alert{padding:12px 15px;border-radius:4px;margin-bottom:20px;font-size:14px}.CouponWrapper .coupon-form .alert.alert-danger{background-color:#fee;color:#c33;border:1px solid #fcc}.CouponWrapper .coupon-form .alert.alert-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}@media (max-width: 768px){.CouponWrapper .coupon-form{padding:20px 15px}.CouponWrapper .coupon-form .form-field{padding:10px 0}.CouponWrapper .coupon-form .buttons{flex-direction:column}.CouponWrapper .coupon-form .buttons button{width:100%}}.SalesReportsWrapper{padding:1rem;background-color:#f8f9fa;min-height:100vh}.SalesReportsWrapper *{padding:0;margin:0;box-sizing:border-box}.SalesReportsWrapper .navbar-main{margin-top:0;margin-left:-3rem}.SalesReportsWrapper .sales-reports-content{background-color:#fff;width:99%;margin-top:1rem;margin-left:-2.2rem;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.SalesReportsWrapper .sales-reports-content .header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.SalesReportsWrapper .sales-reports-content .header-flex .page-title{color:#333;font-family:Inter,sans-serif;font-weight:600;font-size:24px}.SalesReportsWrapper .sales-reports-content .header-flex .sort-dropdown{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;color:#555}.SalesReportsWrapper .sales-reports-content .tabs-container{display:flex;gap:2rem;border-bottom:1px solid #e0e0e0;margin-bottom:2rem}.SalesReportsWrapper .sales-reports-content .tabs-container .tab-btn{background:none;border:none;padding:10px 0;font-size:16px;color:#666;cursor:pointer;position:relative;font-family:Inter,sans-serif;font-weight:500}.SalesReportsWrapper .sales-reports-content .tabs-container .tab-btn.active{color:#5d2c80;color:#3dae4a}.SalesReportsWrapper .sales-reports-content .tabs-container .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#3dae4a}.SalesReportsWrapper .sales-reports-content .report-action-area{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:2rem}.SalesReportsWrapper .sales-reports-content .report-action-area .date-inputs{display:flex;gap:1rem}.SalesReportsWrapper .sales-reports-content .report-action-area .date-inputs .input-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.SalesReportsWrapper .sales-reports-content .report-action-area .date-inputs .input-group label{font-size:14px;color:#666;margin-bottom:4px}.SalesReportsWrapper .sales-reports-content .report-action-area .date-inputs .input-group input[type=date]{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-family:Inter,sans-serif;color:#333;outline:none}.SalesReportsWrapper .sales-reports-content .report-action-area .date-inputs .input-group input[type=date]:focus{border-color:#3dae4a}.SalesReportsWrapper .sales-reports-content .report-action-area .generate-btn{background-color:#3dae4a;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s;height:42px;align-self:flex-end;margin-left:10px}.SalesReportsWrapper .sales-reports-content .report-action-area .generate-btn:hover{background-color:#359941}.SalesReportsWrapper .sales-reports-content .reports-table-container{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table{width:100%;border-collapse:collapse}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table thead{background-color:#f4f4f4}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table thead tr th{padding:12px 16px;text-align:left;font-weight:600;color:#555;font-size:14px;border-bottom:1px solid #e0e0e0}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr{border-bottom:1px solid #f0f0f0}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td{padding:16px;font-size:14px;color:#333}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .period-text{color:#3dae4a}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .download-text-btn{background:none;border:none;color:#3dae4a;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .download-text-btn .icon{color:#aaa}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .download-text-btn:hover{text-decoration:underline}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .download-text-btn:disabled{opacity:.5;text-decoration:none}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .action-buttons{display:flex;align-items:center;gap:12px}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .action-buttons .icon-btn{background:none;border:none;cursor:pointer;font-size:18px;transition:transform .2s,opacity .2s;padding:4px;display:flex;align-items:center;justify-content:center}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .action-buttons .icon-btn.pdf{color:#e53935}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .action-buttons .icon-btn.excel{color:#1d6f42}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .action-buttons .icon-btn:hover{transform:scale(1.1);opacity:.8}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td .action-buttons .icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.SalesReportsWrapper .sales-reports-content .reports-table-container .reports-table tbody tr td.no-data{text-align:center;padding:2rem;color:#888}