@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?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");*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primaryColor:#3A7D44;--secondaryColor:#FBF6EE;--buttonColor:#3A7D44}body{font-family:Montserrat,serif;background-color:#f5f5f5}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-track{background:rgba(0,0,0,.048)}::-webkit-scrollbar-thumb{background:rgb(117,117,117);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primaryColor)}.container{width:calc(100% - 100px);margin:0 auto}@media (max-width:1800px){.container{width:calc(100% - 60px)}}@media (max-width:1024px){.container{width:calc(100% - 60px)}}@media (max-width:480px){.container{width:calc(100% - 32px)}}a,article,b,button,div,h1,h2,h3,h4,h5,h6,i,input,label,li,p,select,span,textarea,ul{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:Montserrat,serif}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;font-family:Montserrat,serif}input{-webkit-tap-highlight-color:transparent}::-webkit-datetime-edit-day-field:not([aria-valuenow]),::-webkit-datetime-edit-month-field:not([aria-valuenow]),::-webkit-datetime-edit-year-field:not([aria-valuenow]){color:transparent}video::-internal-media-controls-overlay-cast-button{display:none}textarea{resize:vertical;font-family:Montserrat,serif}::selection{color:white;background:#1d1d1d}p{font-family:Montserrat,serif}main{display:flex;flex-direction:column;width:100%}.shimmer{left:0;height:100vh;z-index:105;background:rgba(0,0,0,.862745098)}.shimmer,nav{position:fixed;top:0;width:100%}nav{background:#fff;z-index:100}nav .navMain{justify-content:space-between;height:70px}nav .navMain,nav .navMain .navCol1,nav .navMain .navCol2{display:flex;align-items:center}nav .navMain .navLogo{width:80px;text-decoration:none}nav .navMain .navLogo img{width:100%;height:100%;object-fit:contain}nav .navMain .navLogo h2{color:#000}nav .navMain .navProfile{display:flex;align-items:center;gap:10px;background:#f5f5f5;padding:10px 20px;border-radius:10px}nav .navMain .navProfile .navProfileIcon{width:16px;height:16px}nav .navMain .navProfile .navProfileIcon svg{width:100%;height:100%}nav .navMain .navProfile p{font-size:14px;color:#333;font-weight:500}.sidemenu{position:fixed;top:80px;left:10px;width:300px;height:calc(100vh - 90px);background:#fff;z-index:99;border-radius:10px;overflow-y:auto}@media (max-width:1024px){.sidemenu{width:100%;height:auto;overflow-x:auto;display:flex;top:70px;left:0;border-top:1px solid #f5f5f5;border-radius:10px 10px 0 0;box-shadow:0 0 10px rgba(0,0,0,.0549019608)}}.sidemenu ul{width:100%;display:flex;flex-direction:column;padding:10px;border-top:1px solid #f5f5f5}.sidemenu ul:first-of-type{border-top:none}@media (max-width:1024px){.sidemenu ul:first-of-type{padding-right:0;padding-left:10px}.sidemenu ul{flex-direction:row;border:none;padding-left:0;width:-moz-fit-content;width:fit-content}}.sidemenu ul li{list-style:none;width:100%}.sidemenu ul li a{text-decoration:none;width:100%;display:flex;align-items:center;gap:15px;cursor:pointer;padding:12px 20px;border-radius:6px}.sidemenu ul li a:hover{background:#f5f5f5}.sidemenu ul li a .sidemenuIcon{width:16px;height:16px;color:#333}.sidemenu ul li a .sidemenuIcon svg{width:100%;height:100%}.sidemenu ul li a p{width:calc(100% - 35px);font-size:14px;color:#333;font-weight:500;white-space:nowrap}@media (max-width:1024px){.sidemenu ul li a p{width:auto}}.sidemenu ul li .sidemenuLinkActive{background:#f5f5f5}.sidemenu ul li .sidemenuLinkActive .sidemenuIcon,.sidemenu ul li .sidemenuLinkActive p{color:var(--primaryColor)}.canvas{width:calc(100% - 340px);margin-top:80px;margin-left:auto;margin-right:10px;display:flex;flex-direction:column;padding-bottom:10px}@media (max-width:1024px){.canvas{width:100%;margin-top:150px;padding:0 10px 10px}}@media (max-width:480px){.canvas{padding-bottom:60px}}.canvas .canvasHead{width:100%;display:flex;flex-direction:column}.canvas .canvasHead .canvasHeadStrip1{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.canvas .canvasHead .canvasHeadStrip1 .canvasHeadCol1,.canvas .canvasHead .canvasHeadStrip1 .canvasHeadCol2{display:flex;align-items:center;gap:10px}.canvas .canvasHead .canvasHeadStrip1 .canvasTitle{font-size:24px;color:#333;font-weight:600}@media (max-width:768px){.canvas .canvasHead .canvasHeadStrip1 .canvasTitle{font-size:20px}}.canvas .canvasHead .canvasHeadStrip1 .canvasHeadButton{background:var(--primaryColor);color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .3s}.canvas .canvasHead .canvasHeadStrip1 .canvasHeadButton:hover{background:var(--secondaryColor)}@media (max-width:480px){.canvas .canvasHead .canvasHeadStrip1 .canvasHeadButton{width:100%;position:fixed;z-index:30;bottom:0;left:0;border-radius:0;padding:14px;display:flex;justify-content:center;align-items:center}}.canvas .canvasHead .canvasHeadStrip2{width:100%;margin-top:5px}.canvas .canvasHead .canvasHeadStrip2 .breadcrumbs{display:flex;gap:10px}.canvas .canvasHead .canvasHeadStrip2 .breadcrumbs a{font-size:12px;color:#333;font-weight:500;cursor:pointer;transition:color .3s;text-decoration:none}.canvas .canvasHead .canvasHeadStrip2 .breadcrumbs a:hover{color:var(--primaryColor)}.canvas .canvasHead .canvasHeadStrip2 .breadcrumbs p{font-size:12px;color:var(--primaryColor);font-weight:500}.canvas .canvasHead .canvasHeadStrip2 .breadcrumbs span{font-size:12px}.canvas .canvasActionStrip{width:100%;margin-top:10px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.canvas .canvasActionStrip .canvasActionStripCol1,.canvas .canvasActionStrip .canvasActionStripCol2{display:flex;flex-wrap:wrap;gap:10px}.canvas .canvasActionStrip .canvasActionStripCol1 .searchableDropdown,.canvas .canvasActionStrip .canvasActionStripCol2 .searchableDropdown{width:200px}.canvas .canvasActionStrip .canvasActionStripCol1 .searchableDropdown select,.canvas .canvasActionStrip .canvasActionStripCol2 .searchableDropdown select{width:100%;height:40px;padding:0 15px;font-size:14px;font-weight:500;color:#333;border:1px solid #ddd;border-radius:6px;background:white;outline:none}.canvas .canvasTable{width:100%;margin-top:20px;background:#fff;border-radius:10px}.canvas .canvasTable .tableHead{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px;background:#fff;border-radius:10px 10px 0 0}.canvas .canvasTable .tableHead .tableCol1{display:flex;align-items:center;flex-wrap:wrap;gap:10px}@media (max-width:768px){.canvas .canvasTable .tableHead .tableCol1{width:100%}}.canvas .canvasTable .tableHead .tableCol1 .searchBox{width:50px;height:38px;background:var(--primaryColor);display:flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;color:white}@media (max-width:768px){.canvas .canvasTable .tableHead .tableCol1 .searchBox{width:33px;height:40px;width:28%}}.canvas .canvasTable .tableHead .tableCol1 .searchBox svg{font-size:20px}.canvas .canvasTable .tableHead .tableSearch{display:flex;align-items:center;gap:10px}@media (max-width:768px){.canvas .canvasTable .tableHead .tableSearch{width:70%}}@media (max-width:544px){.canvas .canvasTable .tableHead .tableSearch{width:68%}}.canvas .canvasTable .tableHead .tableSearch .tableSearchInput{padding:0 10px;border:1px solid #ddd;border-radius:6px;font-size:16px;color:#333;font-weight:500;width:300px;height:40px;outline:none;transition:border-color .3s}@media (max-width:768px){.canvas .canvasTable .tableHead .tableSearch .tableSearchInput{font-size:12px;width:100%}}.canvas .canvasTable .tableHead .tableSearch .tableSearchInput:focus{border-color:var(--primaryColor)}@media (max-width:480px){.canvas .canvasTable .tableHead .tableSearch .tableSearchInput{width:100%}}.canvas .canvasTable .tableHead .tableSearch .tableSearchButton{background:var(--primaryColor);color:#fff;width:40px;height:40px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;outline:none;transition:background-color .3s}.canvas .canvasTable .tableHead .tableSearch .tableSearchButton:hover{background:var(--secondaryColor)}.canvas .canvasTable .tableHead .tableSearch .tableSearchButton svg{width:18px;height:18px}.canvas .canvasTable .canvasTableArea{width:100%;overflow-x:auto;padding:20px}.canvas .canvasTable .canvasTableArea table{width:100%;border-collapse:collapse}.canvas .canvasTable .canvasTableArea table thead{background:var(--primaryColor)}.canvas .canvasTable .canvasTableArea table thead tr th{padding:15px 10px;font-size:16px;color:#fff;font-weight:600;text-align:left;white-space:nowrap}@media (max-width:768px){.canvas .canvasTable .canvasTableArea table thead tr th{font-size:14px;padding:12px 10px}}.canvas .canvasTable .canvasTableArea table tbody tr td{padding:15px 10px;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #f5f5f5;white-space:pre-line}@media (max-width:768px){.canvas .canvasTable .canvasTableArea table tbody tr td{font-size:14px;padding:12px 10px}}.canvas .canvasTable .canvasTableArea table tbody tr td .tableView a{text-decoration:none}.canvas .canvasTable .canvasTableArea table tbody tr td .tableView a svg{width:20px;height:20px}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction{display:flex;gap:10px}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction button{background:none;border:none;outline:none;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;width:80px;cursor:pointer;font-size:14px;font-family:poppins,serif}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction .tableActionBtn{cursor:pointer;border:none;outline:none;background:none;padding:0 10px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:6px;text-decoration:none;color:black;transition:.3s;font-size:14px}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction .tableActionBtn:hover{background:#f5f5f5}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction .tableActionBtn svg{width:16px;height:16px}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction .tableEdit{color:blue}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction .tableDelete{color:red}.canvas .canvasTable .canvasTableArea table tbody tr td .tableAction .tableView{color:#00cd22}.canvas .canvasTable .canvasTableArea table .noData{width:100%}.canvas .canvasTable .canvasTableArea table .noData .noDataBox{width:100%;padding:15px 10px;font-size:16px;color:#aaa;font-weight:500;text-align:center;height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column}.canvas .canvasTable .canvasTableArea table .noData .noDataBox .icon{width:70px;height:70px;display:flex;justify-content:center;align-items:center;color:#aaa;margin-bottom:10px}.canvas .canvasTable .canvasTableArea table .noData .noDataBox .icon svg{width:100%;height:100%}.canvas .canvasTable .canvasTableArea table .noData .noDataBox .spin-icon{font-size:50px;color:#777;animation:spin 1s linear infinite}.canvas .canvasTable .pagination{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px}.canvas .canvasTable .pagination .paginationBtn{cursor:pointer;border:none;outline:none;background:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .3s}.canvas .canvasTable .pagination .paginationBtn:hover{background:#f5f5f5}.canvas .canvasTable .pagination .paginationActive{background:var(--primaryColor);color:#fff}.canvas .canvasTable .pagination .paginationActive:hover{background:var(--secondaryColor)}.canvas .canvasForm{width:100%;margin-top:20px;background:#fff;border-radius:10px;padding:20px}.canvas .canvasForm form{width:100%;display:flex;flex-wrap:wrap;gap:30px}.canvas .canvasForm form .formGroup{display:flex;flex-direction:column}@media (max-width:480px){.canvas .canvasForm form .formGroup{width:100%}}.canvas .canvasForm form .formGroup label{font-size:14px;color:#333;font-weight:500}.canvas .canvasForm form .formGroup input{width:100%;padding:0 15px;height:50px;border:1px solid #ddd;border-radius:6px;font-size:16px;color:#333;font-weight:500;outline:none;margin-top:5px;transition:border-color .3s}.canvas .canvasForm form .formGroup input:focus{border-color:var(--primaryColor)}.canvas .canvasForm form .formGroup textarea{width:100%;min-height:100px;padding:15px;border:1px solid #ddd;border-radius:6px;font-size:16px;color:#333;font-weight:500;outline:none;margin-top:5px;transition:border-color .3s}.canvas .canvasForm form .formGroup textarea:focus{border-color:var(--primaryColor)}.canvas .canvasForm form .formGroup select{padding:0 15px;height:50px;border:1px solid #ddd;border-radius:6px;font-size:16px;color:#333;font-weight:500;width:300px;outline:none;margin-top:5px;transition:border-color .3s;margin-bottom:15px}.canvas .canvasForm form .formGroup select:focus{border-color:var(--primaryColor)}.canvas .canvasForm form .formGroup .errorText{color:red;font-size:14px;margin-top:5px}.canvas .canvasForm form .formGroup .formGroupPassword{width:100%;display:flex;position:relative;align-items:center}.canvas .canvasForm form .formGroup .formGroupPassword .pwdBtn{position:absolute;right:15px;cursor:pointer;border:none;outline:none;background:none;width:16px;height:16px;display:flex;justify-content:center;align-items:center;margin-top:5px}.canvas .canvasForm form .formGroup .formGroupPassword .pwdBtn svg{width:16px;height:16px}.canvas .canvasForm form .formGroup .uploadImgBox{padding:8px 0;display:flex;flex-direction:column}.canvas .canvasForm form .formGroup .uploadImgBox label{background-color:var(--primaryColor);color:#fff;padding:10px 20px;border-radius:6px;text-align:center;font-size:1rem}.canvas .canvasForm form .formGroup .uploadImgBox input{display:none}.canvas .canvasForm form .formGroup .fieldList{background:#ffffff;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:15px}.canvas .canvasForm form .formGroup .fieldList h4{color:#333;font-size:18px;margin-bottom:10px;border-bottom:2px solid #ddd;padding-bottom:5px}.canvas .canvasForm form .formGroup .fieldList input{width:100%;padding:8px 12px;height:-moz-fit-content;height:fit-content;border:1px solid #ddd;border-radius:6px;font-size:16px;color:#333;font-weight:500;outline:none;margin-top:5px;transition:border-color .3s}.canvas .canvasForm form .formGroup .fieldList input:focus{border-color:var(--primaryColor)}.canvas .canvasForm form .formGroup .fieldList select{width:100%;padding:8px 12px;height:-moz-fit-content;height:fit-content;border:1px solid #ddd;border-radius:6px;font-size:16px;color:#333;font-weight:500;outline:none;margin-top:5px;transition:border-color .3s}.canvas .canvasForm form .formGroup .fieldList select:focus{border-color:var(--primaryColor)}.canvas .canvasForm form .formGroup .fieldList .optionItem{position:relative;margin-top:8px}.canvas .canvasForm form .formGroup .fieldList .optionItem button{background:none;border:none;cursor:pointer;color:red;font-size:8px;margin-left:10px;position:absolute;right:8px;top:17px}.canvas .canvasForm form .formGroup .fieldList .optionSet .addOptionBtn{background:var(--primaryColor);color:#fff;padding:5px 10px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:none;outline:none;margin-top:12px;transition:background-color .3s}.canvas .canvasForm form .formGroup .fieldList .fieldItems{list-style:none;padding:0}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:8px}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#333}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldName{color:#2c3e50;font-size:16px}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldType{color:#7f8c8d;font-size:14px;margin-left:8px;border:1px solid;border-radius:4px;padding:2px 3px}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions{display:flex;gap:8px;margin-left:10px}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions button{border:none;background:none;cursor:pointer;font-size:16px;transition:color .2s ease-in-out}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions button.editBtn{color:#3498db}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions button.editBtn svg{font-size:20px}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions button.editBtn:hover{color:#2980b9}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions button.deleteBtn{color:#e74c3c}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions button.deleteBtn svg{font-size:20px}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldHeader .fieldActions button.deleteBtn:hover{color:#c0392b}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldBtnArea{display:flex;justify-content:flex-end;margin-top:10px;gap:10px}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldBtnArea .saveBtn{background:var(--primaryColor);color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:none;outline:none;transition:background-color .3s}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldBtnArea .saveBtn:hover{background:var(--secondaryColor)}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldBtnArea .cancelBtn{background:#ddd;color:#333;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:none;outline:none;transition:background-color .3s}.canvas .canvasForm form .formGroup .fieldList .fieldItems .fieldItem .fieldBtnArea .cancelBtn:hover{background:#f5f5f5}.canvas .canvasForm form .formGroup .fieldList .optionList{margin-top:5px;padding-top:15px}.canvas .canvasForm form .formGroup .fieldList .optionList .optionItem{background:#ecf0f1;padding:4px 10px;border-radius:3px;display:inline-block;margin-right:5px;font-size:15px;color:#2c3e50}.canvas .canvasForm form .formGroup .keywordInputContainer{display:flex;gap:12px;margin-bottom:12px;padding-top:10px}.canvas .canvasForm form .formGroup .keywordInputContainer input{flex:1 1;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:6px;font-size:16px;width:400px;margin:0}.canvas .canvasForm form .formGroup .keywordInputContainer .addKeywordButton{height:48px;padding:0 40px;background-color:var(--primaryColor);color:white;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center}.canvas .canvasForm form .formGroup .keywordInputContainer .addKeywordButton:hover{background-color:#45a049}.canvas .canvasForm form .formGroup .keywordsPreview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.canvas .canvasForm form .formGroup .keywordTag{display:flex;align-items:center;background-color:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:14px}.canvas .canvasForm form .formGroup .removeKeywordButton{display:flex;align-items:center;justify-content:center;margin-left:4px;background:none;border:none;color:#666;cursor:pointer;padding:2px}.canvas .canvasForm form .formGroup .removeKeywordButton:hover{color:#333}.canvas .canvasForm form .Col-1{width:100%}.canvas .canvasForm form .formMarkAddArea{width:100%;display:flex;align-items:center;gap:20px;background:#E3F4F4;padding:20px;border-radius:10px}@media (max-width:800px){.canvas .canvasForm form .formMarkAddArea{flex-wrap:wrap}}@media (max-width:675px){.canvas .canvasForm form .formMarkAddArea{flex-direction:column;gap:10px}}.canvas .canvasForm form .formMarkAddArea .formMarkAddAreaBox{display:flex;flex-direction:column}.canvas .canvasForm form .formMarkAddArea .formMarkAddAreaBox label{font-size:14px;color:#333;font-weight:500}.canvas .canvasForm form .formMarkAddArea .formMarkAddAreaBox input{padding:0 15px;height:50px;border:1px solid #ddd;border-radius:6px;font-size:20px;color:#333;font-weight:500;outline:none;margin-top:5px;width:100px;transition:border-color .3s}@media (max-width:800px){.canvas .canvasForm form .formMarkAddArea .formMarkAddAreaBox input{width:100%}}.canvas .canvasForm form .formMarkAddArea .formMarkAddAreaBox input:focus{border-color:var(--primaryColor)}.canvas .canvasForm form .formMarkAddArea .formMarkAddAreaBox input:disabled{background:white}.canvas .canvasForm form .formMarkAddArea .formMarkAddAreaBox input::placeholder{color:#ddd}.canvas .canvasForm form .formMarkAddArea span{margin-top:20px;display:flex;font-size:20px}@media (max-width:675px){.canvas .canvasForm form .formMarkAddArea span{margin-top:0;font-size:30px}}.canvas .canvasForm form .formBtnArea{width:100%;display:flex;align-items:center;justify-content:flex-end}.canvas .canvasForm form .formBtnArea .formButton{background:var(--primaryColor);color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:none;outline:none;transition:background-color .3s}.toggle-switch{width:50px;height:24px;background:#ccc;border-radius:30px;position:relative;cursor:pointer;transition:background .3s ease}.toggle-switch .switch-handle{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease}.toggle-switch.active{background:#27ae60}.toggle-switch.active .switch-handle{left:28px}.status-text{margin-left:10px;font-weight:700}.status-text.active-text{color:#27ae60}.status-text.inactive-text{color:#e74c3c}.deletePopup{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-y:auto;z-index:105;background:rgba(0,0,0,.862745098);display:flex;justify-content:center;align-items:flex-start;padding:100px 0}.deletePopup .deletePopupBox{width:500px;background:#fff;border-radius:10px;padding:20px;height:400px}@media (max-width:480px){.deletePopup .deletePopupBox{width:90%}}.deletePopup .deletePopupBox .deletePopupContent{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.deletePopup .deletePopupBox .deletePopupContent .deletePopupHead{display:flex;justify-content:space-between;align-items:center}.deletePopup .deletePopupBox .deletePopupContent .deletePopupHead .deletePopupTitle{font-size:20px;color:#333;font-weight:600}.deletePopup .deletePopupBox .deletePopupContent .deletePopupHead .deletePopupClose{cursor:pointer;border:none;outline:none;background:none;padding:5px;border-radius:6px}.deletePopup .deletePopupBox .deletePopupContent .deletePopupHead .deletePopupClose svg{width:20px;height:20px}.deletePopup .deletePopupBox .deletePopupContent .deletePopupBody{margin-top:20px;text-align:center;display:flex;flex-direction:column;gap:25px}.deletePopup .deletePopupBox .deletePopupContent .deletePopupBody p{font-size:16px;color:#333;font-weight:500}@media (max-width:480px){.deletePopup .deletePopupBox .deletePopupContent .deletePopupBody p{font-size:14px}}.deletePopup .deletePopupBox .deletePopupContent .deletePopupFooter{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.deletePopup .deletePopupBox .deletePopupContent .deletePopupFooter .deletePopupFooterBtn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.deletePopup .deletePopupBox .deletePopupContent .deletePopupFooter .deletePopupCancel{background:#ddd;color:#333;transition:background-color .3s;border:none;outline:none}.deletePopup .deletePopupBox .deletePopupContent .deletePopupFooter .deletePopupCancel:hover{background:#f5f5f5}.deletePopup .deletePopupBox .deletePopupContent .deletePopupFooter .deletePopupDelete{background:red;color:#fff;border:none;outline:none;transition:background-color .3s}.deletePopup .deletePopupBox .deletePopupContent .deletePopupFooter .deletePopupDelete:hover{background:#ff6b6b}.error-message{color:red;font-size:14px;font-weight:500;line-height:1.5}.loginPage{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.loginPage .logo{position:fixed;top:20px;left:20px;width:120px;height:70px;background:#fff;border-radius:10px;padding:10px;z-index:10}.loginPage .logo img{width:100%;height:100%;object-fit:contain}.loginPage .loginContainer{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.loginPage .loginContainer .loginHeader{text-align:center;margin-bottom:1.5rem}.loginPage .loginContainer .loginHeader h1{font-size:26px;color:#333;font-weight:600}.loginPage .loginContainer .loginForm{background:#fff;padding:2rem;border-radius:10px;width:400px;display:flex;flex-direction:column}@media (max-width:480px){.loginPage .loginContainer .loginForm{width:90%}}.loginPage .loginContainer .loginForm form{gap:20px}.loginPage .loginContainer .loginForm .formGroup,.loginPage .loginContainer .loginForm form{width:100%;display:flex;flex-direction:column}.loginPage .loginContainer .loginForm .formGroup label{display:block;color:#666;font-size:16px}.loginPage .loginContainer .loginForm .formGroup input{margin-top:5px;width:100%;padding:0 15px;border:1px solid #ddd;border-radius:6px;font-size:16px;outline:none;height:45px;font-family:500}.loginPage .loginContainer .loginForm .formGroup .error{color:red;font-size:14px;margin-top:5px}.loginPage .loginContainer .loginForm .formGroup .formGroupPassword{width:100%;display:flex;position:relative;align-items:center}.loginPage .loginContainer .loginForm .formGroup .formGroupPassword .pwdBtn{position:absolute;right:15px;cursor:pointer;border:none;outline:none;background:none;width:16px;height:16px;display:flex;justify-content:center;align-items:center;margin-top:5px}.loginPage .loginContainer .loginForm .formGroup .formGroupPassword .pwdBtn svg{width:16px;height:16px}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer{display:flex;gap:8px;margin-bottom:8px}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer input{flex:1 1;padding:8px;border:1px solid #ddd;border-radius:4px}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer .addKeywordButton{padding:8px 16px;background-color:var(--primaryColor);color:white;border:none;border-radius:4px;cursor:pointer}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer .addKeywordButton:hover{background-color:var(--primaryColor)}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer .keywordsPreview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer .keywordTag{display:flex;align-items:center;background-color:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:14px}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer .removeKeywordButton{display:flex;align-items:center;justify-content:center;margin-left:4px;background:none;border:none;color:#666;cursor:pointer;padding:2px}.loginPage .loginContainer .loginForm .formGroup .keywordInputContainer .removeKeywordButton:hover{color:#333}.loginPage .loginContainer .loginForm .loginButton{background-color:var(--primaryColor);color:#fff;padding:15px 10px;border:none;border-radius:6px;font-weight:600;font-size:18px;cursor:pointer;transition:background-color .3s;border:1px solid var(--primaryColor)}.loginPage .loginContainer .loginForm .loginButton:hover{background-color:white;color:var(--primaryColor);border:1px solid var(--primaryColor)}.dashboard{width:100%;display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.dashboard .dashboardBox{display:flex;flex-direction:column;width:calc(25% - 15px);background:#fff;padding:20px;text-decoration:none;border-radius:20px;gap:10px;border:1px solid #eee}@media (max-width:1024px){.dashboard .dashboardBox{width:calc(33.3333333333% - 14px)}}@media (max-width:768px){.dashboard .dashboardBox{width:calc(50% - 10px)}}@media (max-width:480px){.dashboard .dashboardBox{width:100%}}.dashboard .dashboardBox .dashboardBoxRow1{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:15px;border-bottom:1px solid #eee}.dashboard .dashboardBox .dashboardBoxRow1 .dashboardBoxIcon{width:50px;height:50px;background:var(--primaryColor);border-radius:10px;display:flex;margin-bottom:10px;align-items:center;justify-content:center}.dashboard .dashboardBox .dashboardBoxRow1 .dashboardBoxIcon svg{width:30px;height:30px;color:#fff}.dashboard .dashboardBox .dashboardBoxRow1 .dashboardBoxIcon p{font-size:20px;color:#fff}.dashboard .dashboardBox .dashboardBoxRow1 p{font-size:16px;color:#000;font-weight:500;margin:0}.dashboard .dashboardBox .dashboardBoxIcon{width:50px;height:50px;background:var(--primaryColor);border-radius:10px;display:flex;margin-bottom:10px;align-items:center;justify-content:center}.dashboard .dashboardBox .dashboardBoxIcon svg{width:30px;height:30px;color:#fff}.dashboard .dashboardBox .dashboardBoxIcon p{font-size:20px;color:#fff}.dashboard .dashboardBox .dashboardBoxRow2{display:flex;align-items:flex-start;width:100%}.dashboard .dashboardBox .dashboardBoxRow2 .avatarGroup{display:flex;position:relative}.dashboard .dashboardBox .dashboardBoxRow2 .avatarGroup .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #fff;position:relative;z-index:1}.dashboard .dashboardBox .dashboardBoxRow2 .avatarGroup .avatar img{width:100%;height:100%;object-fit:cover}.dashboard .dashboardBox .dashboardBoxRow2 .avatarGroup .avatar:not(:first-child){margin-left:-15px}.dashboard .dashboardBox .dashboardBoxRow2 .avatarGroup .totalCount{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#e2e8f0;color:#333;font-size:12px;font-weight:700;margin-left:-10px;border:2px solid #fff;position:relative;z-index:3}.dashboard .dashboardBox>p{font-size:20px;color:#333;font-weight:600;margin:5px 0 0;align-self:flex-start}.userDetails{width:100%;display:flex;gap:20px;margin-top:20px;align-items:flex-start}@media (max-width:1024px){.userDetails{flex-direction:column}}.userDetails .userDetailsCol1{display:flex;gap:20px;width:300px;background:white;border-radius:10px;flex-direction:column;position:-webkit-sticky;position:sticky;top:80px}@media (max-width:1024px){.userDetails .userDetailsCol1{width:100%;position:inherit;flex-direction:row;align-items:center}}@media (max-width:700px){.userDetails .userDetailsCol1{flex-direction:column}}.userDetails .userDetailsCol1 .userProfile{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;border-bottom:1px solid #f5f5f5}@media (max-width:1024px){.userDetails .userDetailsCol1 .userProfile{flex-direction:row;gap:20px;border-bottom:none;border-right:1px solid #f5f5f5}}@media (max-width:700px){.userDetails .userDetailsCol1 .userProfile{flex-direction:column;border-right:none;border-bottom:1px solid #f5f5f5}}.userDetails .userDetailsCol1 .userProfile .userProfileThumbnail{width:80px;height:80px;background-image:linear-gradient(120deg,#e0c3fc,#8ec5fc);border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;color:white}.userDetails .userDetailsCol1 .userProfile .userProfileThumbnail svg{width:50%;height:50%}.userDetails .userDetailsCol1 .userProfile .userInfo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;margin-top:20px}@media (max-width:1024px){.userDetails .userDetailsCol1 .userProfile .userInfo{width:calc(100% - 100px);margin-top:0;align-items:flex-start}}@media (max-width:700px){.userDetails .userDetailsCol1 .userProfile .userInfo{align-items:center}}.userDetails .userDetailsCol1 .userProfile .userInfo h3{font-size:18px;color:#333;font-weight:600;text-align:center}@media (max-width:1024px){.userDetails .userDetailsCol1 .userProfile .userInfo h3{text-align:left}}@media (max-width:700px){.userDetails .userDetailsCol1 .userProfile .userInfo h3{text-align:center}}.userDetails .userDetailsCol1 .userProfile .userInfo p{font-size:14px;color:#666;text-align:center}@media (max-width:1024px){.userDetails .userDetailsCol1 .userProfile .userInfo p{text-align:left}}@media (max-width:700px){.userDetails .userDetailsCol1 .userProfile .userInfo p{text-align:center}}.userDetails .userDetailsCol1 .userProfilePoints{width:100%;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.userDetails .userDetailsCol1 .userProfilePoints h2{font-size:3em;font-weight:700;text-align:center}@media (max-width:1024px){.userDetails .userDetailsCol1 .userProfilePoints h2{font-size:2.5em}}@media (max-width:768px){.userDetails .userDetailsCol1 .userProfilePoints h2{font-size:2em}}.userDetails .userDetailsCol1 .userProfilePoints p{font-family:20px;font-weight:500;text-align:center;margin-top:10px}@media (max-width:1024px){.userDetails .userDetailsCol1 .userProfilePoints p{font-size:16px}}@media (max-width:768px){.userDetails .userDetailsCol1 .userProfilePoints p{font-size:14px}}.userDetails .userDetailsCol2{width:calc(100% - 320px);display:flex;flex-direction:column;gap:15px}@media (max-width:1024px){.userDetails .userDetailsCol2{width:100%}}.userDetails .userDetailsCol2 .userDetailsBox{width:100%;background:white;border-radius:10px;padding:20px;display:flex;flex-direction:column}.userDetails .userDetailsCol2 .userDetailsBox h2{font-size:18px;font-weight:600}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxCategoryList{width:100%;margin-top:10px;display:flex;flex-wrap:wrap;gap:15px}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxCategoryList .userDetailsBoxCategoryBox{width:calc(33.3333333333% - 10px);border-radius:10px;background:#edf8ff;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:700px){.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxCategoryList .userDetailsBoxCategoryBox{width:calc(50% - 7.5px)}}@media (max-width:480px){.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxCategoryList .userDetailsBoxCategoryBox{width:100%}}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxCategoryList .userDetailsBoxCategoryBox h3{font-size:24px;text-align:center;font-weight:600;color:var(--primaryColor)}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxCategoryList .userDetailsBoxCategoryBox p{font-size:14px;text-align:center;margin-top:5px;font-weight:500;color:#666}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList{width:100%;margin-top:10px;display:flex;flex-wrap:wrap;gap:15px}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox{width:100%;background:white;border-radius:10px;display:flex;flex-direction:column;border:1px solid #f5f5f5}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxHead{width:100%;display:flex;align-items:flex-start;gap:10px;padding:10px 15px}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxHead .questionNumber{font-family:14px;font-weight:600}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxHead .questionTitle{width:calc(100% - 100px);font-size:14px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxHead .questionBoxHeadToggleBtn{width:30px;height:30px;background:#f5f5f5;display:flex;justify-content:center;align-items:center;border-radius:10px;margin-left:auto;cursor:pointer;transition:.3s}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxHead .questionBoxHeadToggleBtn:hover{transition:.3s;background:#eee}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxHead .questionBoxHeadToggleBtn svg{width:16px;height:16px}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxBody{width:100%;height:0;overflow:hidden}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxBody .questionBoxBodyBox{width:100%;padding:10px 15px;border-top:1px solid #f5f5f5}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxBody .questionBoxBodyBox ul{width:100%;display:flex;flex-direction:column;gap:10px}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxBody .questionBoxBodyBox ul li{list-style:none;display:flex;flex-direction:column;padding:15px;border-radius:10px;background:#fafafa}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxBody .questionBoxBodyBox ul li p{font-size:14px;font-weight:500;color:#333}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxBody .questionBoxBodyBox ul .activeOption{background:#E3F4F4}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxFooter{width:100%;border-top:1px solid #f5f5f5;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxFooter .questionBoxFooterCol1,.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxFooter .questionBoxFooterCol2{display:flex;gap:10px;align-items:center}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxFooter .questionCategory{font-size:12px;background:#f5f5f5;padding:5px 12px;border-radius:10px;border:1px solid #e7e3e3}.userDetails .userDetailsCol2 .userDetailsBox .userDetailsBoxQuestionsList .questionBox .questionBoxFooter .questionPoints{font-size:18px;font-weight:600;color:var(--primaryColor)}.uploadImgBox{margin-top:15px}.uploadImgBox .uploadImg{position:relative;display:inline-block;margin-top:10px;width:-moz-fit-content;width:fit-content}.uploadImgBox .uploadImg .img{width:100px;height:100px;object-fit:cover;border-radius:5px;border:1px solid #ddd}.uploadImgBox .removeImgBtn{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.7);color:white;border:none;cursor:pointer;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.addFieldBtn{margin-top:15px}.addFieldBtn button{width:100%;height:40px;border:none;outline:none;cursor:pointer;background:var(--primaryColor);color:white;border-radius:5px}.popupOverlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;z-index:1000;overflow-y:auto;padding:100px 0}.popupOverlay .popupContent{background:#fff;padding:20px;width:500px;border-radius:8px;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:15px}.popupOverlay .popupContent h3{margin:0;font-size:18px;text-align:center}.popupOverlay .popupContent .closePopup{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:18px;color:#333}.popupOverlay .popupContent .formGroup{display:flex;flex-direction:column;gap:5px}.popupOverlay .popupContent .formGroup label{font-size:14px;font-weight:600}.popupOverlay .popupContent .formGroup input,.popupOverlay .popupContent .formGroup select{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:10px}.popupOverlay .popupContent .formGroup .addOptionBtn{width:100%;padding:10px;border:none;outline:none;cursor:pointer;background:var(--buttonColor);color:white;border-radius:5px;transition:.3s}.popupOverlay .popupContent .formGroup .addOptionBtn:hover{opacity:.8}.popupOverlay .popupContent .formGroup .optionList{display:flex;flex-direction:row;gap:5px;list-style-type:none;flex-wrap:wrap}.popupOverlay .popupContent .formGroup .optionList .optionItem{display:flex;align-items:center;background:#f1f1f1;padding:5px 10px;border-radius:5px;margin-bottom:5px}.popupOverlay .popupContent .formGroup .optionList .optionItem .deleteOption{background:none;border:none;color:red;font-size:14px;cursor:pointer;margin-right:8px}.popupOverlay .popupContent .formBtnArea{display:flex;justify-content:flex-end;margin-top:10px}.popupOverlay .popupContent .formBtnArea .formButton{padding:8px 15px;border:none;background-color:var(--primaryColor);color:#fff;font-size:14px;border-radius:5px;cursor:pointer;transition:.3s ease}.ViewProductBox{padding:10px;display:flex;flex-direction:column;gap:20px;background:white;border-radius:15px;margin-top:20px}.ViewProductBox .ViewProductImageBox{margin-bottom:20px}.ViewProductBox .ViewProductImageBox .productImgTitle h2{font-size:20px;font-family:poppins,serif;font-weight:500}.ViewProductBox .ViewProductImageBox .ImageBox{margin-top:10px;display:flex;align-items:flex-start;width:160px;height:160px;gap:20px}.ViewProductBox .ViewProductImageBox .ImageBox img{width:100%;height:100%;object-fit:cover}.ViewProductBox .FlagedProductsUserBox .ImageUserBox{margin-top:20px;display:flex;align-items:flex-start;width:100px;height:100px;gap:20px;border-radius:50%}.ViewProductBox .FlagedProductsUserBox .ImageUserBox img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ViewProductBox .ViewProductPriceBox{margin-bottom:20px}.ViewProductBox .ViewProductPriceBox .ProductPrice h2{font-size:20px;font-family:poppins,serif;font-weight:500}.ViewProductBox .ViewProductPriceBox .prductPriceH{margin-top:10px}.ViewProductBox .ViewProductPriceBox .prductPriceH p{font-size:16px;font-family:poppins,serif;font-weight:400}.ViewProductBox .ViewProductTitleBox{margin-bottom:20px}.ViewProductBox .ViewProductTitleBox .ProductTitleName h2{font-size:20px;font-family:poppins,serif;font-weight:500}.ViewProductBox .ViewProductTitleBox .prductHead{margin-top:10px}.ViewProductBox .ViewProductTitleBox .prductHead p{font-size:16px;font-family:poppins,serif;font-weight:400}.ViewProductBox .ViewProductDescriptionBox{margin-bottom:20px}.ViewProductBox .ViewProductDescriptionBox .ProductDescriptionName h2{font-size:20px;font-family:poppins,serif;font-weight:500}.ViewProductBox .ViewProductDescriptionBox .productDescription{margin-top:10px;white-space:pre-line}.ViewProductBox .ViewProductDescriptionBox .productDescription p{font-size:16px;font-family:poppins,serif;font-weight:400}.ViewProductBox .ViewProductDetailsBox{margin-bottom:20px}.ViewProductBox .ViewProductDetailsBox .ProductDetailsName h2{font-size:20px;font-family:poppins,serif;font-weight:500}.ViewProductBox .ViewProductDetailsBox .productDetailsBox{margin-top:10px;margin-bottom:20px}.ViewProductBox .ViewProductDetailsBox .productDetailsBox .productDetails{display:flex}.ViewProductBox .ViewProductDetailsBox .productDetailsBox .productDetails p{width:15%;font-size:16px;font-family:poppins,serif;font-weight:400;margin-bottom:10px}@media (max-width:480px){.ViewProductBox .ViewProductDetailsBox .productDetailsBox .productDetails p{width:30%}}.ViewProductBox .RejectApproveBtn{margin-top:30px;display:flex;gap:10px}.ViewProductBox .RejectApproveBtn .RejectBtn{outline:none;border:1px solid red;height:40px;border-radius:4px;width:140px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:poppins,serif;cursor:pointer;background:none}.ViewProductBox .RejectApproveBtn .RejectBtn:hover{color:#fff;background:red}.ViewProductBox .RejectApproveBtn .approveBtn{outline:none;border:1px solid green;height:40px;border-radius:4px;width:140px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:poppins,serif;cursor:pointer;background:none}.ViewProductBox .RejectApproveBtn .approveBtn:hover{color:#fff;background:green}.status-badge{padding:5px 12px;border-radius:8px;font-weight:600;color:#fff;display:inline-block;text-align:center}.status-badge.active{background:#28a745}.status-badge.pending{background:#ffc107;color:#000}.status-badge.rejected{background:#dc3545}.status-badge.blocked{background:#6c757d}.status-badge.sold{background:#007bff}.status-badge.withdrawn{background:#17a2b8}.ViewProfileBox{display:flex;gap:20px;background:#fff;padding:20px;margin-top:20px;border-radius:15px;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.08)}.ViewProfileBox .ViewProfileBoxLeftBox{width:180px;display:flex;align-items:center;justify-content:center}.ViewProfileBox .ViewProfileBoxLeftBox .ImageBox{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid #f1f1f1;transition:transform .3s ease}.ViewProfileBox .ViewProfileBoxLeftBox .ImageBox:hover{transform:scale(1.05)}.ViewProfileBox .ViewProfileBoxLeftBox .ImageBox img{width:100%;height:100%;object-fit:cover}.ViewProfileBox .ViewProductCenterBox{flex:1 1;display:flex;flex-direction:column;gap:15px;justify-content:center}.ViewProfileBox .ViewProductCenterBox .profileName{font-size:22px;font-weight:600;font-family:Poppins,serif;color:#222}.ViewProfileBox .ViewProductCenterBox .infoRow{display:flex;gap:10px;font-size:16px;font-family:Poppins,serif;color:#444}.ViewProfileBox .ViewProductCenterBox .infoRow .label{font-weight:500;min-width:120px;color:#555}.ViewProfileBox .ViewProductCenterBox .infoRow .value{color:#000}.ViewProfileBox .ViewProductRightBox{width:220px;display:flex;align-items:flex-end;justify-content:center}.ViewProfileBox .ViewProductRightBox .RejectApproveBtn{display:flex;gap:10px}.ViewProfileBox .ViewProductRightBox .RejectApproveBtn button{outline:none;height:40px;border-radius:6px;padding:0 20px;font-size:15px;font-family:Poppins,serif;cursor:pointer;transition:all .3s ease}.ViewProfileBox .ViewProductRightBox .RejectApproveBtn .RejectBtn{border:1px solid #e74c3c;background:#fff;color:#e74c3c}.ViewProfileBox .ViewProductRightBox .RejectApproveBtn .RejectBtn:hover{background:#e74c3c;color:#fff}.ViewProfileBox .ViewProductRightBox .RejectApproveBtn .approveBtn{border:1px solid #27ae60;background:#fff;color:#27ae60}.ViewProfileBox .ViewProductRightBox .RejectApproveBtn .approveBtn:hover{background:#27ae60;color:#fff}.RecentlyHomeProducts .DashboardTitle h3{margin-top:20px}.RecentlyHomeProducts .canvasTableArea{width:100%;overflow-x:auto;background:white;border-radius:15px;margin-top:30px}.RecentlyHomeProducts .canvasTableArea table{width:100%;border-collapse:collapse}.RecentlyHomeProducts .canvasTableArea table thead{background:var(--primaryColor)}.RecentlyHomeProducts .canvasTableArea table thead tr th{padding:15px 10px;font-size:16px;color:#fff;font-weight:600;text-align:left;white-space:nowrap}@media (max-width:768px){.RecentlyHomeProducts .canvasTableArea table thead tr th{font-size:14px;padding:12px 10px}}.RecentlyHomeProducts .canvasTableArea table tbody tr td{padding:15px 10px;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #f5f5f5}@media (max-width:768px){.RecentlyHomeProducts .canvasTableArea table tbody tr td{font-size:14px;padding:12px 10px}}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction{display:flex;gap:10px}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction button{background:none;border:none;outline:none;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;width:80px;cursor:pointer;font-size:14px;font-family:poppins,serif}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction .tableActionBtn{cursor:pointer;border:none;outline:none;background:none;padding:0 10px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:6px;text-decoration:none;color:black;transition:.3s;font-size:14px}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction .tableActionBtn:hover{background:#f5f5f5}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction .tableActionBtn svg{width:16px;height:16px}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction .tableEdit{color:blue}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction .tableDelete{color:red}.RecentlyHomeProducts .canvasTableArea table tbody tr td .tableAction .tableView{color:#00cd22}.RecentlyHomeProducts .canvasTableArea table .noData .noDataBox{width:100%;padding:15px 10px;font-size:16px;color:#aaa;font-weight:500;text-align:center;height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column}.RecentlyHomeProducts .canvasTableArea table .noData .noDataBox .icon{width:70px;height:70px;display:flex;justify-content:center;align-items:center;color:#aaa;margin-bottom:10px}.RecentlyHomeProducts .canvasTableArea table .noData .noDataBox .icon svg{width:100%;height:100%}.RecentlyHomeProducts .canvasTableArea table .noDataBox{width:100%;padding:15px 10px;font-size:16px;color:#aaa;font-weight:500;text-align:center;height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column}.RecentlyHomeProducts .canvasTableArea table .noDataBox .icon{width:70px;height:70px;display:flex;justify-content:center;align-items:center;color:#aaa;margin-bottom:10px}.RecentlyHomeProducts .canvasTableArea table .noDataBox .icon svg{width:100%;height:100%}.RecentlyHomeProducts .pagination{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px;background:white;border-radius:15px;margin-top:10px}.RecentlyHomeProducts .pagination .paginationBtn{cursor:pointer;border:none;outline:none;background:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .3s}.RecentlyHomeProducts .pagination .paginationBtn:hover{background:#f5f5f5}.RecentlyHomeProducts .pagination .paginationActive{background:var(--primaryColor);color:#fff}.RecentlyHomeProducts .pagination .paginationActive:hover{background:var(--secondaryColor)}.toggleIcon{font-size:32px;cursor:pointer;transition:color .3s ease-in-out}.toggleIcon.active{color:green}.toggleIcon.inactive{color:gray}.statusDropdown{padding:5px;border:1px solid #ccc;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease-in-out}.statusDropdown:focus{border-color:#007bff;outline:none}.productCardContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;margin-top:80px;padding:0}.productCard{width:30%;min-width:320px;max-width:100%;padding:24px;border:1px solid #ddd;border-radius:12px;background-color:#fff;font-family:Segoe UI,sans-serif;text-align:left}.productCard__image{width:100%;height:auto;margin-bottom:16px;border-radius:8px;object-fit:cover}.productCard__title{font-size:22px;font-weight:600;margin-bottom:8px;color:#333}.productCard__price{font-size:18px;font-weight:500;color:#1a8917;margin-bottom:12px}.productCard__description{font-size:15px;color:#555;margin-bottom:20px}.productCard__info p{font-size:14px;color:#666;margin:4px 0}.ViewProductContainer{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;width:100%;margin-top:20px}.ViewProductContainer .profile-container{flex:1 1 30%;position:relative;padding:20px;order:2}.ViewProductContainer .profile-container .profile-section{display:flex;flex-direction:column;align-items:center}.ViewProductContainer .profile-container .profile-section .profile-card{width:100%;max-width:320px;padding:20px;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#fff;text-align:center}.ViewProductContainer .profile-container .profile-section .profile-card .profile-title-box{margin-bottom:10px}.ViewProductContainer .profile-container .profile-section .profile-card .profile-title-box .profile-title{font-size:22px;font-weight:600;color:#000}.ViewProductContainer .profile-container .profile-section .profile-card .profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px}.ViewProductContainer .profile-container .profile-section .profile-card .profile-name{font-size:1.4rem;color:#333;margin:0 0 8px}.ViewProductContainer .profile-container .profile-section .profile-card .profile-email{font-size:1rem;color:#555;margin-bottom:15px;word-break:break-word}.ViewProductContainer .profile-container .profile-section .profile-card .profile-button{padding:10px 20px;border:none;background-color:var(--primaryColor);color:white;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.ViewProductContainer .profile-container .profile-section .profile-card .profile-button:hover{background-color:var(--primaryColor)}.ViewProductContainer .ViewProductBox{flex:1 1 65%;min-width:600px;order:1}@media (max-width:992px){.ViewProductContainer{flex-direction:column;align-items:center}.ViewProductContainer .profile-container{order:1;flex:1 1 100%;padding:0}.ViewProductContainer .ViewProductBox{order:2;flex:1 1 100%;min-width:100%}}.addNotificationBtn{padding:10px 20px;background-color:var(--primaryColor);color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .3s ease;margin-left:-30px}.addNotificationBtn:hover{background-color:#155ab6}.addNotificationBtn:active{transform:scale(.98)}.dateRangeFilter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-left:50px}.dateRangeFilter .dateGroup{display:flex;flex-direction:column}.dateRangeFilter .dateGroup label{margin-bottom:.5rem;font-size:16px;font-weight:500;color:#333;text-align:center}.dateRangeFilter .dateGroup input[type=date]{padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;outline:none}.dateRangeFilter .dateGroup input[type=date]:focus{border-color:var(--primaryColor)}.dateRangeFilter .filterBtn{padding:10px 15px;color:#fff;border:none;border-radius:4px;font-weight:100;cursor:pointer;transition:background .3s}.dateRangeFilter .filterBtn,.dateRangeFilter .filterBtn:hover{background-color:var(--primaryColor)}.dateRangeFilter .datesearch{font-size:20px;background:var(--primaryColor);display:flex;align-items:center;justify-content:center;cursor:pointer;color:white}@media (max-width:768px){.dateRangeFilter .excelBtn{width:100%}.dateRangeFilter{flex-direction:column;align-items:stretch;margin-left:0;width:100%}.dateRangeFilter .dateGroup{width:100%}.dateRangeFilter .dateGroup label{text-align:left}.dateRangeFilter .dateGroup input[type=date]{width:100%}.dateRangeFilter .filterBtn{width:100%;margin-top:1rem}.dateRangeFilter .datesearch{width:100%;justify-content:center}}.pageLoader{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background:rgba(255,255,255,.7);display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid var(--primaryColor);border-radius:50%;animation:spin .8s linear infinite;color:var(--primaryColor)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1600px){.ViewProductImageBox{width:50%;max-width:50%;flex:0 0 50%}.ImageBox img{width:calc(33.33% - 1rem);height:auto;object-fit:cover;border-radius:8px}}.imageWrap{width:100%;display:flex;flex-wrap:wrap;gap:20px}.productCard__button{margin-top:10px;padding:8px 16px;background-color:#0070f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.productCard__button:hover{background-color:#005bb5}.canvasHeadButton{background-color:var(--primaryColor)!important}.interest-modal-btn{background-color:var(--buttonColor);color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s}.interest-modal-btn:hover{background-color:var(--primaryColor)}.interest-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.interest-modal-content{background-color:#fff;padding:20px 30px;border-radius:10px;text-align:center;width:300px}.interest-modal-content .interest-modal-title{color:var(--primaryColor);font-size:20px;margin-bottom:10px}.interest-modal-content .interest-modal-text{margin-bottom:20px;font-size:16px;color:#333}.interest-modal-content .interest-modal-actions{display:flex;justify-content:space-around}.interest-modal-content .interest-modal-actions .interest-modal-btn-yes{background-color:var(--primaryColor);color:white;padding:8px 20px;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.interest-modal-content .interest-modal-actions .interest-modal-btn-yes:hover{background-color:var(--primaryColor)}.interest-modal-content .interest-modal-actions .interest-modal-btn-no{background-color:var(--primaryColor);border:2px solid var(--primaryColor);color:white;padding:8px 20px;border-radius:6px;cursor:pointer;transition:background .3s,color .3s}.interest-modal-content .interest-modal-actions .interest-modal-btn-no:hover{background-color:var(--primaryColor)}.confirm-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.confirm-modal-content{background-color:#fff;padding:20px 30px;border-radius:10px;text-align:center;width:300px}.confirm-modal-content .confirm-modal-text{font-size:16px;margin-bottom:20px;color:#333}.confirm-modal-content .confirm-modal-actions{display:flex;justify-content:space-around}.confirm-modal-content .confirm-modal-actions .confirm-modal-btn-yes{background-color:var(--primaryColor);color:#fff;padding:8px 20px;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.confirm-modal-content .confirm-modal-actions .confirm-modal-btn-yes:hover{background-color:var(--primaryColor)}.confirm-modal-content .confirm-modal-actions .confirm-modal-btn-no{background-color:var(--buttonColor);border:2px solid var(--primaryColor);color:#fff;padding:8px 20px;border-radius:6px;cursor:pointer;transition:background .3s,color .3s}.confirm-modal-content .confirm-modal-actions .confirm-modal-btn-no:hover{background-color:var(--primaryColor)}@media (max-width:480px){.featuredBtn{font-size:10px!important}}@media (max-width:768px){.excelBtn{padding:10px}.clearFilterBtn,.excelBtn{width:100%}}.tileManagementPage{display:flex;flex-direction:column;background:#f9fafb;min-height:100vh}.tileManagementPage .canvas{margin-left:250px;padding:40px 50px;transition:all .3s ease}.tileManagementPage .canvas .canvasHead{margin-bottom:35px}.tileManagementPage .canvas .canvasHead .canvasHeadStrip1{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tileManagementPage .canvas .canvasHead .canvasHeadStrip1 .canvasTitle{font-size:28px;font-weight:700;color:#111}.tileManagementPage .canvas .canvasHead .canvasHeadStrip1 .canvasHeadButton{background:#007b55;color:#fff;padding:10px 20px;border-radius:8px;font-weight:500;text-decoration:none;transition:.3s ease}.tileManagementPage .canvas .canvasHead .canvasHeadStrip1 .canvasHeadButton:hover{background:#005f42}.tileManagementPage .canvas .canvasHead .canvasHeadStrip2 .breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:#777}.tileManagementPage .canvas .canvasHead .canvasHeadStrip2 .breadcrumbs a{color:var(--buttonColor);text-decoration:none;font-weight:500}.tileManagementPage .canvas .canvasHead .canvasHeadStrip2 .breadcrumbs span{color:#aaa}.tileManagementPage .canvas .canvasHead .canvasHeadStrip2 .breadcrumbs p{margin:0;color:#333}.tileManagementPage .canvas .tileSectionsColumn{display:flex;flex-direction:column;gap:40px}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard{background:#ffffff;border-radius:14px;border:1px solid #e5e7eb;padding:30px 35px;box-shadow:0 2px 12px rgba(0,0,0,.05);transition:.3s ease}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileSectionTitle{font-size:20px;font-weight:600;color:#222;margin-bottom:25px}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid{display:grid;grid-gap:25px;gap:25px}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid.fourGrid,.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid.threeGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid .tilePreview{text-align:center;background:#fafafa;border-radius:12px;padding:16px;border:1px solid #eee;transition:all .3s ease}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid .tilePreview:hover{transform:translateY(-4px);box-shadow:0 4px 10px rgba(0,0,0,.08)}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid .tilePreview .tileImageWrapper{width:100%;height:150px;overflow:hidden;border-radius:10px;background:#f1f1f1;display:flex;align-items:center;justify-content:center}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid .tilePreview .tileImageWrapper .tileImage{width:100%;height:100%;object-fit:cover}.tileManagementPage .canvas .tileSectionsColumn .tileSectionCard .tileGrid .tilePreview .tileLabel{margin-top:12px;font-size:15px;font-weight:500;color:#333}@media (max-width:1024px){.tileManagementPage .canvas{margin-left:0;padding:20px}.tileManagementPage .canvas .tileSectionsColumn{gap:30px}}.addTilePage .canvas{margin-left:250px;padding:30px 40px;background:#f9fafb;min-height:100vh}.addTilePage .canvas .canvasHead{margin-bottom:30px}.addTilePage .canvas .canvasHead .canvasTitle{font-size:26px;font-weight:600;color:#222}.addTilePage .canvas .canvasHead .breadcrumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.addTilePage .canvas .canvasHead .breadcrumbs a{color:var(--primaryColor);text-decoration:none}.addTilePage .canvas .canvasHead .breadcrumbs p{color:#333}.addTilePage .canvas .tileSection{background:#fff;border-radius:10px;padding:25px;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.addTilePage .canvas .tileSection .sectionTitle{font-size:20px;font-weight:600;margin-bottom:20px}.addTilePage .canvas .tileSection .sectionSelect{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.addTilePage .canvas .tileSection .sectionSelect label{font-weight:500;color:#333;font-size:15px}.addTilePage .canvas .tileSection .sectionSelect select{width:250px;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.addTilePage .canvas .tileSection .tileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.addTilePage .canvas .tileSection .tileCard{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;padding:15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:.2s}.addTilePage .canvas .tileSection .tileCard:hover{border-color:#ccc;background:#fefefe}.addTilePage .canvas .tileSection .tileCard .imagePreview{width:100%;height:140px;display:flex;justify-content:center;align-items:center;background:#f0f0f0;border-radius:8px;overflow:hidden}.addTilePage .canvas .tileSection .tileCard .imagePreview img{width:100%;height:100%;object-fit:cover}.addTilePage .canvas .tileSection .tileCard .imagePreview .imagePlaceholder{color:#888;font-size:14px}.addTilePage .canvas .tileSection .tileCard .uploadInput{font-size:13px;width:100%}.addTilePage .canvas .tileSection .tileCard .subcategoryInput{width:100%;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px;font-weight:500}.addTilePage .canvas .tileSection .saveButton{margin-top:25px;padding:10px 20px;background-color:#198754;border:none;color:#fff;font-weight:600;border-radius:6px;cursor:pointer;transition:.2s}.addTilePage .canvas .tileSection .saveButton:hover{background-color:#157347}.addTilePage .canvas .tileSection .searchableDropdown{position:relative;width:100%}.addTilePage .canvas .tileSection .searchableDropdown .subcategoryInput{width:100%;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px;font-weight:500;background-color:#fff}.addTilePage .canvas .tileSection .searchableDropdown .dropdownList{position:absolute;top:100%;left:0;right:0;max-height:150px;overflow-y:auto;text-align:start;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-top:4px;z-index:10}.addTilePage .canvas .tileSection .searchableDropdown .dropdownList li{padding:8px 10px;cursor:pointer;transition:background .2s}.addTilePage .canvas .tileSection .searchableDropdown .dropdownList li:hover{background:#f3f3f3}.addTilePage .canvas .tileSection .searchableDropdown .dropdownList li.noMatch{color:#999;cursor:default;font-size:14px}