*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}button{cursor:pointer}body{user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:var(--background);position:relative}@media (max-width:549px){.desktopNavs{display:none}header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;display:flex}header .profilePic img{border:1px solid var(--border);border-radius:50%;width:45px;height:45px}header .text{font-size:1.3rem;font-weight:600}header .btns{align-items:center;gap:8px;display:flex}header .btns img,header .logout{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:35px;padding:5px;transition:all .3s}header .btns img:hover{cursor:pointer;transform:translateY(-2px)}.dashboardData{margin-bottom:80px;padding:10px}.mobileNavs{z-index:999;background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;position:fixed;bottom:0}.mobileNavs a{text-transform:capitalize;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.mobileNavs a img{width:25px;height:25px}.mobileNavs a:hover,.mobileNavs a.active{color:var(--primary);text-decoration:underline;transform:translateY(-2px)}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:20px;display:grid}.cards .card{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;transition:all .3s;box-shadow:0 3px 4px rgba(0,0,0,.1)}.cards .card:hover{cursor:pointer;transform:translateY(-3px)}.cards .card img{background:var(--primary);border-radius:10px;width:40px;height:40px;padding:8px}.cards .card .holder{margin-top:5px}.cards .card .holder .value{margin-bottom:3px;font-size:1.8rem;font-weight:600}.cards .card .holder .title{color:var(--text-muted);font-size:.9rem;font-weight:600}.cards .card .holder .small{text-transform:capitalize;margin-top:2px;font-size:.8rem}.recent-listing .head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recent-listing .head h3{font-size:1.3rem}.recent-listing .head a{color:var(--text-muted);font-weight:600;text-decoration:underline;transition:all .3s}.recent-listing .head a:hover{color:var(--primary-hover);transform:translateY(-2px)}.recent-listing .tableHolder table:hover{cursor:pointer;transform:translateY(-3px)}.recent-listing .tableHolder table{border:1px solid var(--border);background:var(--surface);border-radius:15px;width:100%;margin-bottom:10px;padding:15px;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.08)}.recent-listing .tableHolder .item{align-items:center;gap:10px;display:flex}.recent-listing .tableHolder .item .thumbnail{border:1px solid var(--border);border-radius:15px;width:110px;height:110px;box-shadow:0 1px 12px rgba(0,0,0,.01)}.recent-listing .tableHolder .itemDetails{width:100%}.recent-listing .tableHolder .itemDetails .name{text-transform:capitalize;word-wrap:break-word;margin-bottom:10px;font-size:1.2rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states{margin-bottom:15px}.recent-listing .tableHolder .itemDetails .states .price{font-size:1rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states .condition{text-transform:capitalize;color:var(--text-muted);font-size:.9rem;font-weight:600}.recent-listing .tableHolder .itemDetails .records{gap:20px;display:flex}.recent-listing .tableHolder .itemDetails .records .tag{align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex}.recent-listing .tableHolder .itemDetails .records .tag img{width:20px}.recent-listing .tableHolder .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.recent-listing .tableHolder .active{background:var(--success);color:#fff}.recent-listing .tableHolder .draft{color:#fff;background:gray}.recent-listing .tableHolder .sold_out{background:var(--error);color:#fff}}@media (min-width:550px) and (max-width:758px){.desktopNavs{display:none}header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;display:flex}header .profilePic img{border:1px solid var(--border);border-radius:50%;width:45px;height:45px}header .text{font-size:1.3rem;font-weight:600}header .btns{align-items:center;gap:8px;display:flex}header .btns img,header .logout{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:35px;padding:5px;transition:all .3s}header .btns img:hover{cursor:pointer;transform:translateY(-2px)}.dashboardData{margin-bottom:80px;padding:10px}.mobileNavs{z-index:999;background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;position:fixed;bottom:0}.mobileNavs a{text-transform:capitalize;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.mobileNavs a img{width:25px;height:25px}.mobileNavs a:hover,.mobileNavs a.active{color:var(--primary);text-decoration:underline;transform:translateY(-2px)}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-bottom:20px;display:grid}.cards .card{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;transition:all .3s;box-shadow:0 3px 4px rgba(0,0,0,.1)}.cards .card:hover{cursor:pointer;transform:translateY(-3px)}.cards .card img{background:var(--primary);border-radius:10px;width:40px;height:40px;padding:8px}.cards .card .holder{margin-top:5px}.cards .card .holder .value{margin-bottom:3px;font-size:1.8rem;font-weight:600}.cards .card .holder .title{color:var(--text-muted);font-size:.9rem;font-weight:600}.cards .card .holder .small{text-transform:capitalize;margin-top:2px;font-size:.8rem}.recent-listing .head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recent-listing .head h3{font-size:1.3rem}.recent-listing .head a{color:var(--text-muted);font-weight:600;text-decoration:underline;transition:all .3s}.recent-listing .head a:hover{color:var(--primary-hover);transform:translateY(-2px)}.recent-listing .tableHolder table:hover{cursor:pointer;transform:translateY(-3px)}.recent-listing .tableHolder table{border:1px solid var(--border);background:var(--surface);border-radius:15px;width:100%;margin-bottom:10px;padding:15px;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.08)}.recent-listing .tableHolder .item{align-items:center;gap:10px;display:flex}.recent-listing .tableHolder .item .thumbnail{border:1px solid var(--border);border-radius:15px;width:110px;height:110px;box-shadow:0 1px 12px rgba(0,0,0,.01)}.recent-listing .tableHolder .itemDetails{width:100%}.recent-listing .tableHolder .itemDetails .name{text-transform:capitalize;word-wrap:break-word;margin-bottom:10px;font-size:1.2rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states{margin-bottom:15px}.recent-listing .tableHolder .itemDetails .states .price{font-size:1rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states .condition{text-transform:capitalize;color:var(--text-muted);font-size:.9rem;font-weight:600}.recent-listing .tableHolder .itemDetails .records{gap:20px;display:flex}.recent-listing .tableHolder .itemDetails .records .tag{align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex}.recent-listing .tableHolder .itemDetails .records .tag img{width:20px}.recent-listing .tableHolder .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.recent-listing .tableHolder .active{background:var(--success);color:#fff}.recent-listing .tableHolder .draft{color:#fff;background:gray}.recent-listing .tableHolder .sold_out{background:var(--error);color:#fff}}@media (min-width:759px) and (max-width:1100px){header{background:var(--surface);justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;display:flex}header .profilePic img{border:1px solid var(--border);border-radius:50%;width:45px;height:45px}header .text{font-size:1.3rem;font-weight:600}header .btns{align-items:center;gap:8px;display:flex}header .btns img,header .logout{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:35px;padding:5px;transition:all .3s}header .btns img:hover{cursor:pointer;transform:translateY(-2px)}.mobileNavs{display:none}.mainWrapper{display:flex}.desktopNavs{background:var(--surface);width:350px}.desktopNavs .header{border-bottom:1px solid var(--border);align-items:center;gap:5px;margin-bottom:15px;padding:10px;display:flex}.desktopNavs .header img{border:1px solid var(--border);border-radius:7px;width:40px;height:40px;box-shadow:0 1px 6px rgba(0,0,0,.01)}.desktopNavs .header .text{font-size:.9rem;font-weight:600}.desktopNavs .header .text span{color:var(--primary)}.desktopNavs .navs{flex-direction:column;justify-content:space-between;width:100%;height:85vh;display:flex}.desktopNavs .navs .holder{flex-direction:column;display:flex}.desktopNavs .navs .holder a{text-transform:capitalize;color:var(--text-primary);align-items:center;gap:5px;padding:13px;text-decoration:none;display:flex}.desktopNavs .navs .holder a:hover,.desktopNavs .navs .holder a.active{background:var(--primary);color:#fff;border-radius:15px;transition:all .3s}.desktopNavs .navs .holder a img{background:#fff;border:none;border-radius:5px;width:25px;padding:4px}.desktopNavs .navs .holder nav a.active{background:var(--primary);color:#fff;border-radius:15px}.desktopNavs .navs .marketBtn{border:1px solid var(--border);width:max-content;color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;margin:0 auto;padding:10px 30px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 13px rgba(0,0,0,.03)}.desktopNavs .navs .marketBtn:hover{transform:translateY(-2px)}.main{width:100%;height:100vh;overflow-y:auto}.dashboardData{padding:10px}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-bottom:20px;display:grid}.cards .card{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;transition:all .3s;box-shadow:0 3px 4px rgba(0,0,0,.1)}.cards .card:hover{cursor:pointer;transform:translateY(-3px)}.cards .card img{background:var(--primary);border-radius:10px;width:40px;height:40px;padding:8px}.cards .card .holder{margin-top:5px}.cards .card .holder .value{margin-bottom:3px;font-size:1.8rem;font-weight:600}.cards .card .holder .title{color:var(--text-muted);font-size:.9rem;font-weight:600}.cards .card .holder .small{text-transform:capitalize;margin-top:2px;font-size:.8rem}.recent-listing .head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recent-listing .head h3{font-size:1.3rem}.recent-listing .head a{color:var(--text-muted);font-weight:600;text-decoration:underline;transition:all .3s}.recent-listing .head a:hover{color:var(--primary-hover);transform:translateY(-2px)}.recent-listing .tableHolder table:hover{cursor:pointer;transform:translateY(-3px)}.recent-listing .tableHolder table{border:1px solid var(--border);background:var(--surface);border-radius:15px;width:100%;margin-bottom:10px;padding:15px;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.08)}.recent-listing .tableHolder .item{align-items:center;gap:10px;display:flex}.recent-listing .tableHolder .item .thumbnail{border:1px solid var(--border);border-radius:15px;width:110px;height:110px;box-shadow:0 1px 12px rgba(0,0,0,.01)}.recent-listing .tableHolder .itemDetails{width:100%}.recent-listing .tableHolder .itemDetails .name{text-transform:capitalize;word-wrap:break-word;margin-bottom:10px;font-size:1.2rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states{margin-bottom:15px}.recent-listing .tableHolder .itemDetails .states .price{font-size:1rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states .condition{text-transform:capitalize;color:var(--text-muted);font-size:.9rem;font-weight:600}.recent-listing .tableHolder .itemDetails .records{gap:20px;display:flex}.recent-listing .tableHolder .itemDetails .records .tag{align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex}.recent-listing .tableHolder .itemDetails .records .tag img{width:20px}.recent-listing .tableHolder .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.recent-listing .tableHolder .active{background:var(--success);color:#fff}.recent-listing .tableHolder .draft{color:#fff;background:gray}.recent-listing .tableHolder .sold_out{background:var(--error);color:#fff}}@media (min-width:1101px){header{background:var(--surface);justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;display:flex}header .profilePic img{border:1px solid var(--border);border-radius:50%;width:45px;height:45px}header .text{font-size:1.3rem;font-weight:600}header .btns{align-items:center;gap:8px;display:flex}header .btns img,header .logout{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:35px;padding:5px;transition:all .3s}header .btns img:hover{cursor:pointer;transform:translateY(-2px)}.mobileNavs{display:none}.mainWrapper{display:flex}.desktopNavs{background:var(--surface);width:350px}.desktopNavs .header{border-bottom:1px solid var(--border);align-items:center;gap:5px;margin-bottom:15px;padding:10px;display:flex}.desktopNavs .header img{border:1px solid var(--border);border-radius:7px;width:40px;height:40px;box-shadow:0 1px 6px rgba(0,0,0,.01)}.desktopNavs .header .text{font-size:.9rem;font-weight:600}.desktopNavs .header .text span{color:var(--primary)}.desktopNavs .navs{flex-direction:column;justify-content:space-between;width:100%;height:85vh;display:flex}.desktopNavs .navs .holder{flex-direction:column;display:flex}.desktopNavs .navs .holder a{text-transform:capitalize;color:var(--text-primary);align-items:center;gap:5px;padding:13px;text-decoration:none;display:flex}.desktopNavs .navs .holder a:hover,.desktopNavs .navs .holder a.active{background:var(--primary);color:#fff;border-radius:15px;transition:all .3s}.desktopNavs .navs .holder a img{background:#fff;border:none;border-radius:5px;width:25px;padding:4px}.desktopNavs .navs .holder nav a.active{background:var(--primary);color:#fff;border-radius:15px}.desktopNavs .navs .marketBtn{border:1px solid var(--border);width:max-content;color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;margin:0 auto;padding:10px 30px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 13px rgba(0,0,0,.03)}.desktopNavs .navs .marketBtn:hover{transform:translateY(-2px)}.main{width:100%;height:100vh;overflow-y:auto}.dashboardData{padding:10px}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-bottom:20px;display:grid}.cards .card{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;transition:all .3s;box-shadow:0 3px 4px rgba(0,0,0,.1)}.cards .card:hover{cursor:pointer;transform:translateY(-3px)}.cards .card img{background:var(--primary);border-radius:10px;width:40px;height:40px;padding:8px}.cards .card .holder{margin-top:5px}.cards .card .holder .value{margin-bottom:3px;font-size:1.8rem;font-weight:600}.cards .card .holder .title{color:var(--text-muted);font-size:.9rem;font-weight:600}.cards .card .holder .small{text-transform:capitalize;margin-top:2px;font-size:.8rem}.recent-listing .head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recent-listing .head h3{font-size:1.3rem}.recent-listing .head a{color:var(--text-muted);font-weight:600;text-decoration:underline;transition:all .3s}.recent-listing .head a:hover{color:var(--primary-hover);transform:translateY(-2px)}.recent-listing .tableHolder table:hover{cursor:pointer;transform:translateY(-3px)}.recent-listing .tableHolder table{border:1px solid var(--border);background:var(--surface);border-radius:15px;width:100%;margin-bottom:10px;padding:15px;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.08)}.recent-listing .tableHolder .item{align-items:center;gap:10px;display:flex}.recent-listing .tableHolder .item .thumbnail{border:1px solid var(--border);border-radius:15px;width:110px;height:110px;box-shadow:0 1px 12px rgba(0,0,0,.01)}.recent-listing .tableHolder .itemDetails{width:100%}.recent-listing .tableHolder .itemDetails .name{text-transform:capitalize;word-wrap:break-word;margin-bottom:10px;font-size:1.2rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states{margin-bottom:15px}.recent-listing .tableHolder .itemDetails .states .price{font-size:1rem;font-weight:600}.recent-listing .tableHolder .itemDetails .states .condition{text-transform:capitalize;color:var(--text-muted);font-size:.9rem;font-weight:600}.recent-listing .tableHolder .itemDetails .records{gap:20px;display:flex}.recent-listing .tableHolder .itemDetails .records .tag{align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex}.recent-listing .tableHolder .itemDetails .records .tag img{width:20px}.recent-listing .tableHolder .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.recent-listing .tableHolder .active{background:var(--success);color:#fff}.recent-listing .tableHolder .draft{color:#fff;background:gray}.recent-listing .tableHolder .sold_out{background:var(--error);color:#fff}}.loader-wrapper{z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:25px;height:100vh;display:flex}.loader-wrapper .loader{width:120px;height:120px;position:relative}.loader-wrapper .loader img{border-radius:15px;width:50px;height:50px}.loader-wrapper .ring{border:6px solid rgba(255,255,255,.08);border-top-color:#2ed47a;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;box-shadow:0 0 15px rgba(46,212,122,.3),0 0 40px rgba(46,212,122,.15)}.loader-wrapper .logo{color:#2ed47a;justify-content:center;align-items:center;font-size:34px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loader-wrapper .logo img{animation:1.2s infinite pulse}.loader-wrapper .loader-wrapper p{color:#fff;letter-spacing:3px;font-family:Poppins,sans-serif;font-size:.9rem;animation:1.5s infinite flicker}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes flicker{0%,to{opacity:.4}50%{opacity:1}}.messageBox{color:#1f2937;z-index:99999;background:#fff;border-left:5px solid #2ed47a;border-radius:14px;align-items:center;gap:14px;min-width:320px;max-width:420px;padding:16px 22px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;animation:.35s slideIn;display:flex;position:fixed;top:65px;right:25px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.messageBox i{color:#2ed47a;font-size:1.3rem}.messageBox.hide{animation:.35s forwards slideOut}.messageBox .success{color:var(--success)}.messageBox .error{color:var(--error)}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes float{50%{transform:translateY(-15px)}}.fade-up{opacity:0;transition:all .8s;transform:translateY(20px)}.fade-up.show{opacity:1;transform:none}@media (max-width:549px){.itemHolder{max-height:100vh;padding:10px}.itemHolder .btnHolder{justify-content:right;margin-bottom:15px;display:flex}.itemHolder .btnHolder button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 15px;font-size:.8rem;font-weight:600}.itemHolder .product-table{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;box-shadow:0 1px 6px rgba(0,0,0,.01)}.itemHolder .product-table .filterDiv{align-items:center;gap:20px;margin-bottom:20px;display:flex}.itemHolder .product-table .filterDiv .filter{border-bottom:1px solid var(--border);text-align:calc();padding:5px 10px;font-size:.9rem;font-weight:600}.itemHolder .product-table .filterDiv .filter:hover,.itemHolder .product-table .filterDiv .filter.active{border-bottom:1px solid var(--primary);color:var(--primary)}.itemHolder .product-table .shall{max-height:60vh;overflow:auto}.itemHolder .product-table table{border-collapse:collapse;width:max-content;min-width:100%;color:var(--muted);font-size:15px;overflow-x:auto}.itemHolder .product-table table thead{color:var(--text-primary);border-bottom:1px solid #ccc}.itemHolder .product-table table th,td{text-align:left;border-bottom:1px solid #ccc;padding:15px}.itemHolder .product-table .item{align-items:center;gap:10px;display:flex}.itemHolder .product-table .item img{border:1px solid var(--border);border-radius:10px;width:70px;height:80px}.itemHolder .product-table .item .name{text-transform:capitalize;margin-bottom:5px;font-size:1.2rem;font-weight:600}.itemHolder .product-table .item .conditon{color:var(--muted);text-transform:capitalize;font-size:.8rem;font-weight:600}.itemHolder .product-table .tag{text-align:center;font-size:.9rem;font-weight:600}.itemHolder .product-table .category{text-transform:capitalize}.itemHolder .product-table .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.itemHolder .product-table .active{background:var(--success);color:#fff}.itemHolder .product-table .draft{color:#fff;background:gray}.itemHolder .product-table .sold_out{background:var(--error);color:#fff}.itemHolder .product-table .actions{justify-content:center;align-items:center;gap:10px;display:flex}.itemHolder .product-table .actions img{border:1px solid var(--border);border-radius:8px;width:30px;height:30px;padding:5px;transition:all .3s}.itemHolder .product-table .actions img:hover{cursor:pointer;transform:translateY(-3px)}.addEditDiv{background:rgba(0,0,0,.4);width:100%;height:100vh;position:absolute;top:0;overflow-y:auto}.addEditDiv form{background:#fff;border-radius:15px;width:95%;height:max-content;margin:20px auto 90px;padding:10px}.addEditDiv form .header{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.addEditDiv form .header img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.addEditDiv form .header h3{font-size:1.5rem}.addEditDiv form .formField{margin-bottom:10px}.addEditDiv form .formField label{color:#000;margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.addEditDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField select:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField textarea:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.addEditDiv form button{background:var(--primary);color:#fff;border:none;border-radius:14px;width:100%;padding:17px;font-weight:600;transition:all .3s}.addEditDiv form .currentThumbNail{border:1px solid #ccc;border-radius:10px;margin-bottom:10px;padding:10px}.addEditDiv form .currentThumbNail img{border:1px solid #ccc;border-radius:10px;width:50px;height:60px}.addEditDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-2px)}}@media (min-width:550px) and (max-width:758px){.itemHolder{max-height:100vh;padding:10px}.itemHolder .btnHolder{justify-content:right;margin-bottom:15px;display:flex}.itemHolder .btnHolder button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 15px;font-size:.8rem;font-weight:600;transition:all .3s}.itemHolder .btnHolder button:hover{background:var(--primary-hover);transform:translateY(-2px)}.itemHolder .product-table{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;box-shadow:0 1px 6px rgba(0,0,0,.01)}.itemHolder .product-table .filterDiv{align-items:center;gap:20px;margin-bottom:20px;display:flex}.itemHolder .product-table .filterDiv .filter{border-bottom:1px solid var(--border);text-align:calc();cursor:pointer;padding:5px 10px;font-size:.9rem;font-weight:600;transition:all .3s}.itemHolder .product-table .filterDiv .filter:hover,.itemHolder .product-table .filterDiv .filter.active{border-bottom:1px solid var(--primary);color:var(--primary)}.itemHolder .product-table .shall{max-height:60vh;overflow:auto}.itemHolder .product-table table{border-collapse:collapse;width:max-content;min-width:100%;color:var(--muted);font-size:15px;overflow-x:auto}.itemHolder .product-table table thead{color:var(--text-primary);border-bottom:1px solid #ccc}.itemHolder .product-table table th,td{text-align:left;border-bottom:1px solid #ccc;padding:15px}.itemHolder .product-table .item{align-items:center;gap:10px;display:flex}.itemHolder .product-table .item img{border:1px solid var(--border);border-radius:10px;width:70px;height:80px}.itemHolder .product-table .item .name{text-transform:capitalize;margin-bottom:5px;font-size:1.2rem;font-weight:600}.itemHolder .product-table .item .conditon{color:var(--muted);text-transform:capitalize;font-size:.8rem;font-weight:600}.itemHolder .product-table .tag{text-align:center;font-size:.9rem;font-weight:600}.itemHolder .product-table .category{text-transform:capitalize}.itemHolder .product-table .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.itemHolder .product-table .active{background:var(--success);color:#fff}.itemHolder .product-table .draft{color:#fff;background:gray}.itemHolder .product-table .sold_out{background:var(--error);color:#fff}.itemHolder .product-table .actions{justify-content:center;align-items:center;gap:10px;display:flex}.itemHolder .product-table .actions img{border:1px solid var(--border);border-radius:8px;width:30px;height:30px;padding:5px;transition:all .3s}.itemHolder .product-table .actions img:hover{cursor:pointer;transform:translateY(-3px)}.addEditDiv{background:rgba(0,0,0,.4);width:100%;height:100vh;position:absolute;top:0;overflow-y:auto}.addEditDiv form{background:#fff;border-radius:15px;width:95%;height:max-content;margin:20px auto 90px;padding:10px}.addEditDiv form .header{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.addEditDiv form .header img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.addEditDiv form .header h3{font-size:1.5rem}.addEditDiv form .formField{margin-bottom:10px}.addEditDiv form .formField label{color:#000;margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.addEditDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField select:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField textarea:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.addEditDiv form button{background:var(--primary);color:#fff;border:none;border-radius:14px;width:100%;padding:17px;font-weight:600;transition:all .3s}.addEditDiv form .currentThumbNail{border:1px solid #ccc;border-radius:10px;margin-bottom:10px;padding:10px}.addEditDiv form .currentThumbNail img{border:1px solid #ccc;border-radius:10px;width:50px;height:60px}.addEditDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-2px)}}@media (min-width:759px) and (max-width:1100px){.itemHolder{max-height:100vh;padding:10px}.itemHolder .btnHolder{justify-content:right;margin-bottom:15px;display:flex}.itemHolder .btnHolder button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 15px;font-size:.8rem;font-weight:600;transition:all .3s}.itemHolder .btnHolder button:hover{background:var(--primary-hover);transform:translateY(-2px)}.itemHolder .product-table{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;box-shadow:0 1px 6px rgba(0,0,0,.01)}.itemHolder .product-table .filterDiv{align-items:center;gap:20px;margin-bottom:20px;display:flex}.itemHolder .product-table .filterDiv .filter{border-bottom:1px solid var(--border);text-align:calc();cursor:pointer;padding:5px 10px;font-size:.9rem;font-weight:600;transition:all .3s}.itemHolder .product-table .filterDiv .filter:hover,.itemHolder .product-table .filterDiv .filter.active{border-bottom:1px solid var(--primary);color:var(--primary)}.itemHolder .product-table .shall{max-height:60vh;overflow:auto}.itemHolder .product-table table{border-collapse:collapse;width:max-content;min-width:100%;color:var(--muted);font-size:15px;overflow-x:auto}.itemHolder .product-table table thead{color:var(--text-primary);border-bottom:1px solid #ccc}.itemHolder .product-table table th,td{text-align:left;border-bottom:1px solid #ccc;padding:15px}.itemHolder .product-table .item{align-items:center;gap:10px;display:flex}.itemHolder .product-table .item img{border:1px solid var(--border);border-radius:10px;width:70px;height:80px}.itemHolder .product-table .item .name{text-transform:capitalize;margin-bottom:5px;font-size:1.2rem;font-weight:600}.itemHolder .product-table .item .conditon{color:var(--muted);text-transform:capitalize;font-size:.8rem;font-weight:600}.itemHolder .product-table .tag{text-align:center;font-size:.9rem;font-weight:600}.itemHolder .product-table .category{text-transform:capitalize}.itemHolder .product-table .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.itemHolder .product-table .active{background:var(--success);color:#fff}.itemHolder .product-table .draft{color:#fff;background:gray}.itemHolder .product-table .sold_out{background:var(--error);color:#fff}.itemHolder .product-table .actions{justify-content:center;align-items:center;gap:10px;display:flex}.itemHolder .product-table .actions img{border:1px solid var(--border);border-radius:8px;width:30px;height:30px;padding:5px;transition:all .3s}.itemHolder .product-table .actions img:hover{cursor:pointer;transform:translateY(-3px)}.addEditDiv{background:rgba(0,0,0,.4);flex:1;width:100%;height:100vh;position:absolute;top:0;overflow-y:auto}.addEditDiv form{background:#fff;border-radius:15px;width:700px;height:max-content;margin:20px auto 90px;padding:10px}.addEditDiv form .header{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.addEditDiv form .header img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.addEditDiv form .header h3{font-size:1.5rem}.addEditDiv form .formField{margin-bottom:10px}.addEditDiv form .formField label{color:#000;margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.addEditDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField select:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField textarea:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.addEditDiv form button{background:var(--primary);color:#fff;border:none;border-radius:14px;width:100%;padding:17px;font-weight:600;transition:all .3s}.addEditDiv form .currentThumbNail{border:1px solid #ccc;border-radius:10px;margin-bottom:10px;padding:10px}.addEditDiv form .currentThumbNail img{border:1px solid #ccc;border-radius:10px;width:50px;height:60px}.addEditDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-2px)}}@media (min-width:1101px){.itemHolder{max-height:100vh;padding:10px}.itemHolder .btnHolder{justify-content:right;margin-bottom:15px;display:flex}.itemHolder .btnHolder button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 15px;font-size:.8rem;font-weight:600;transition:all .3s}.itemHolder .btnHolder button:hover{background:var(--primary-hover);transform:translateY(-2px)}.itemHolder .product-table{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;box-shadow:0 1px 6px rgba(0,0,0,.01)}.itemHolder .product-table .filterDiv{align-items:center;gap:20px;margin-bottom:20px;display:flex}.itemHolder .product-table .filterDiv .filter{border-bottom:1px solid var(--border);text-align:calc();cursor:pointer;padding:5px 10px;font-size:.9rem;font-weight:600;transition:all .3s}.itemHolder .product-table .filterDiv .filter:hover,.itemHolder .product-table .filterDiv .filter.active{border-bottom:1px solid var(--primary);color:var(--primary)}.itemHolder .product-table .shall{max-height:60vh;overflow:auto}.itemHolder .product-table table{border-collapse:collapse;width:max-content;min-width:100%;color:var(--muted);font-size:15px;overflow-x:auto}.itemHolder .product-table table thead{color:var(--text-primary);border-bottom:1px solid #ccc}.itemHolder .product-table table th,td{text-align:left;border-bottom:1px solid #ccc;padding:15px}.itemHolder .product-table .item{align-items:center;gap:10px;display:flex}.itemHolder .product-table .item img{border:1px solid var(--border);border-radius:10px;width:70px;height:80px}.itemHolder .product-table .item .name{text-transform:capitalize;margin-bottom:5px;font-size:1.2rem;font-weight:600}.itemHolder .product-table .item .conditon{color:var(--muted);text-transform:capitalize;font-size:.8rem;font-weight:600}.itemHolder .product-table .tag{text-align:center;font-size:.9rem;font-weight:600}.itemHolder .product-table .category{text-transform:capitalize}.itemHolder .product-table .status{text-transform:capitalize;border:none;border-radius:25px;width:max-content;margin:0 auto;padding:5px 10px;font-size:.9rem;font-weight:600}.itemHolder .product-table .active{background:var(--success);color:#fff}.itemHolder .product-table .draft{color:#fff;background:gray}.itemHolder .product-table .sold_out{background:var(--error);color:#fff}.itemHolder .product-table .actions{justify-content:center;align-items:center;gap:10px;display:flex}.itemHolder .product-table .actions img{border:1px solid var(--border);border-radius:8px;width:30px;height:30px;padding:5px;transition:all .3s}.itemHolder .product-table .actions img:hover{cursor:pointer;transform:translateY(-3px)}.addEditDiv{background:rgba(0,0,0,.4);width:100%;height:100vh;position:absolute;top:0;overflow-y:auto}.addEditDiv form{background:#fff;border-radius:15px;width:800px;height:max-content;margin:20px auto 50px;padding:10px}.addEditDiv form .header{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.addEditDiv form .header img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.addEditDiv form .header h3{font-size:1.5rem}.addEditDiv form .formField{margin-bottom:10px}.addEditDiv form .formField label{color:#000;margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.addEditDiv form .formField input{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField select{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField select:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .formField textarea{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px}.addEditDiv form .formField textarea:focus{border:2px solid var(--primary);outline:none}.addEditDiv form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.addEditDiv form button{background:var(--primary);color:#fff;border:none;border-radius:14px;width:100%;padding:17px;font-weight:600;transition:all .3s}.addEditDiv form .currentThumbNail{border:1px solid #ccc;border-radius:10px;margin-bottom:10px;padding:10px}.addEditDiv form .currentThumbNail img{border:1px solid #ccc;border-radius:10px;width:50px;height:60px}.addEditDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-2px)}}.confirmDelete{z-index:999;background:rgba(0,0,0,.4);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.confirmDelete .question{background:#fff;border-radius:15px;padding:30px}.confirmDelete .question p{margin-bottom:10px;font-size:.9rem;font-weight:600}.confirmDelete .question .btn{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex}.confirmDelete .question .btn button{border:none;border-radius:15px;width:100%;padding:10px;transition:all .3s}.confirmDelete .question .btn button:hover{transform:translateY(-2px)}.confirmDelete .question .btn #yes{color:#fff;background:#16a34a;font-weight:600}.confirmDelete .question .btn #no{color:#fff;background:red;font-weight:600}:root{--primary:#ff6b00;--primary-hover:#e85d00;--primary-soft:#fff1e8;--background:#fafafa;--surface:#fff;--surface-secondary:#f5f6f7;--surface-hover:#f0f1f2;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--success:#16a34a;--error:#ef4444;--warning:#f59e0b;--info:#2563eb;--overlay:rgba(0,0,0,.08);--shadow:rgba(17,24,39,.08)}[data-theme=dark]{--primary:#6ddb32;--primary-hover:#57c51f;--primary-soft:#142a18;--background:#070b0d;--surface:#0d1417;--surface-secondary:#111a1e;--surface-hover:#162126;--text-primary:#f5f7f8;--text-secondary:#9ca8ad;--text-muted:#66747a;--border:#263238;--border-hover:#35444a;--success:#4ade80;--error:#ff5c5c;--warning:#fbbf24;--info:#4d9cff;--overlay:rgba(0,0,0,.45);--shadow:rgba(0,0,0,.35)}@media (max-width:549px){.userProfile{border:1px solid var(--border);background-color:var(--surface);border-radius:20px;margin:10px;padding:20px;box-shadow:0 1px 5px rgba(0,0,0,.1)}.userProfile .avator{border-bottom:1px solid var(--border);justify-content:center;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex;position:relative}.userProfile .avator .profilePic{border:2px solid var(--border);border-radius:50%;width:100px;height:100px}.userProfile .avator .hold{position:relative}.userProfile .avator #changePic{border:1px solid var(--border);background:var(--background);border-radius:8px;width:35px;height:35px;padding:5px;transition:all .3s;position:absolute;bottom:-50px;right:0}.userProfile .avator #changePic:hover{cursor:pointer;transform:translateY(-3px)}.userProfile .tag{margin-bottom:10px;font-size:1rem}.userProfile .tag span{font-size:1.1rem;font-weight:600}.userProfile .uni{font-size:.8rem}.userProfile .tag .businessDescription{word-wrap:break-word}.userProfile #editBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px;font-size:.8rem;font-weight:600}.uploadProfileDiv{background:rgba(0,0,0,.4);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.uploadProfileDiv form{background:#fff;border-radius:15px;width:95%;height:max-content;margin:20px auto 90px;padding:10px}.uploadProfileDiv form .head{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.uploadProfileDiv form .head img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.uploadProfileDiv form .head h3{font-size:1rem}.uploadProfileDiv form .preview{border-bottom:1px solid #ccc;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.uploadProfileDiv form .preview img{border:2px solid #ccc;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.uploadProfileDiv form .formField{margin-bottom:10px}.uploadProfileDiv form .formField label{margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.uploadProfileDiv form .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:15px}.uploadProfileDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.uploadProfileDiv form button{background:var(--primary);color:#fff;border:none;border-radius:15px;width:100%;padding:17px;font-weight:600;transition:all .3s}.uploadProfileDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-3px)}.editProfile{z-index:999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.editProfile form{background:#fff;border-radius:15px;width:95%;padding:10px}.editProfile form .head{border-bottom:1px solid #ccc;align-items:center;gap:5px;margin-bottom:20px;padding-bottom:10px;display:flex}.editProfile form .head img{background:#ccc;border:1px solid #ccc;border-radius:100%;width:30px;padding:3px}.editProfile form .head h3{font-size:1.1rem}.editProfile form .formField{margin-bottom:15px}.editProfile form .formField label{margin-bottom:3px;font-size:.8rem;font-weight:600;display:block}.editProfile form .formField input{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField input:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField select{text-align:center;border:1px solid #ccc;border-radius:13px;width:100%;padding:15px;font-size:.8rem}.editProfile form .formField select:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField textarea{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField textarea:focus{border:2px solid var(--primary);outline:none}.editProfile form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;padding:17px;font-size:.8rem;font-weight:600;transition:all .3s}.editProfile form button:hover{background:var(--primary-hover);transform:translateY(-2px)}}@media (min-width:550px) and (max-width:758px){.userProfile{border:1px solid var(--border);background-color:var(--surface);border-radius:20px;margin:10px;padding:20px;box-shadow:0 1px 5px rgba(0,0,0,.1)}.userProfile .avator{border-bottom:1px solid var(--border);justify-content:center;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex;position:relative}.userProfile .avator .profilePic{border:2px solid var(--border);border-radius:50%;width:100px;height:100px}.userProfile .avator .hold{position:relative}.userProfile .avator #changePic{border:1px solid var(--border);background:var(--background);border-radius:8px;width:35px;height:35px;padding:5px;transition:all .3s;position:absolute;bottom:-50px;right:0}.userProfile .avator #changePic:hover{cursor:pointer;transform:translateY(-3px)}.userProfile .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.userProfile .tag{margin-bottom:30px;font-size:1rem}.userProfile .tag span{font-size:1.1rem;font-weight:600}.userProfile .tag .businessDescription{word-wrap:break-word}.userProfile #editBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px;font-size:.8rem;font-weight:600}.uploadProfileDiv{background:rgba(0,0,0,.4);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.uploadProfileDiv form{background:#fff;border-radius:15px;width:600px;height:max-content;margin:20px auto 90px;padding:10px}.uploadProfileDiv form .head{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.uploadProfileDiv form .head img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.uploadProfileDiv form .head h3{font-size:1rem}.uploadProfileDiv form .preview{border-bottom:1px solid #ccc;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.uploadProfileDiv form .preview img{border:2px solid #ccc;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.uploadProfileDiv form .formField{margin-bottom:10px}.uploadProfileDiv form .formField label{margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.uploadProfileDiv form .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:15px}.uploadProfileDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.uploadProfileDiv form button{background:var(--primary);color:#fff;border:none;border-radius:15px;width:100%;padding:17px;font-weight:600;transition:all .3s}.uploadProfileDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-3px)}.editProfile{z-index:999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.editProfile form{background:#fff;border-radius:15px;width:90%;padding:10px}.editProfile form .head{border-bottom:1px solid #ccc;align-items:center;gap:5px;margin-bottom:20px;padding-bottom:10px;display:flex}.editProfile form .head img{background:#ccc;border:1px solid #ccc;border-radius:100%;width:30px;padding:3px}.editProfile form .head h3{font-size:1.1rem}.editProfile form .formField{margin-bottom:15px}.editProfile form .formField label{margin-bottom:3px;font-size:.8rem;font-weight:600;display:block}.editProfile form .formField input{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField input:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField select{text-align:center;border:1px solid #ccc;border-radius:13px;width:100%;padding:15px;font-size:.8rem}.editProfile form .formField select:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField textarea{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField textarea:focus{border:2px solid var(--primary);outline:none}.editProfile form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;padding:17px;font-size:.8rem;font-weight:600;transition:all .3s}.editProfile form button:hover{background:var(--primary-hover);transform:translateY(-2px)}}@media (min-width:759px) and (max-width:1100px){.userProfile{border:1px solid var(--border);background-color:var(--surface);border-radius:20px;margin:10px;padding:20px;box-shadow:0 1px 5px rgba(0,0,0,.1)}.userProfile .avator{border-bottom:1px solid var(--border);justify-content:center;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex;position:relative}.userProfile .avator .profilePic{border:2px solid var(--border);border-radius:50%;width:100px;height:100px}.userProfile .avator .hold{position:relative}.userProfile .avator #changePic{border:1px solid var(--border);background:var(--background);border-radius:8px;width:35px;height:35px;padding:5px;transition:all .3s;position:absolute;bottom:-50px;right:0}.userProfile .avator #changePic:hover{cursor:pointer;transform:translateY(-3px)}.userProfile .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.userProfile .tag{margin-bottom:30px;font-size:1rem}.userProfile .tag span{font-size:1.1rem;font-weight:600}.userProfile .tag .businessDescription{word-wrap:break-word}.userProfile #editBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px;font-size:.8rem;font-weight:600}.uploadProfileDiv{background:rgba(0,0,0,.4);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.uploadProfileDiv form{background:#fff;border-radius:15px;width:600px;height:max-content;margin:20px auto 90px;padding:10px}.uploadProfileDiv form .head{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.uploadProfileDiv form .head img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.uploadProfileDiv form .head h3{font-size:1rem}.uploadProfileDiv form .preview{border-bottom:1px solid #ccc;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.uploadProfileDiv form .preview img{border:2px solid #ccc;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.uploadProfileDiv form .formField{margin-bottom:10px}.uploadProfileDiv form .formField label{margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.uploadProfileDiv form .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:15px}.uploadProfileDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.uploadProfileDiv form button{background:var(--primary);color:#fff;border:none;border-radius:15px;width:100%;padding:17px;font-weight:600;transition:all .3s}.uploadProfileDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-3px)}.editProfile{z-index:999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.editProfile form{background:#fff;border-radius:15px;width:700px;padding:10px}.editProfile form .head{border-bottom:1px solid #ccc;align-items:center;gap:5px;margin-bottom:20px;padding-bottom:10px;display:flex}.editProfile form .head img{background:#ccc;border:1px solid #ccc;border-radius:100%;width:30px;padding:3px}.editProfile form .head h3{font-size:1.1rem}.editProfile form .formField{margin-bottom:15px}.editProfile form .formField label{margin-bottom:3px;font-size:.8rem;font-weight:600;display:block}.editProfile form .formField input{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField input:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField select{text-align:center;border:1px solid #ccc;border-radius:13px;width:100%;padding:15px;font-size:.8rem}.editProfile form .formField select:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField textarea{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField textarea:focus{border:2px solid var(--primary);outline:none}.editProfile form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;padding:17px;font-size:.8rem;font-weight:600;transition:all .3s}.editProfile form button:hover{background:var(--primary-hover);transform:translateY(-2px)}}@media (min-width:1101px){.userProfile{border:1px solid var(--border);background-color:var(--surface);border-radius:20px;margin:10px;padding:20px;box-shadow:0 1px 5px rgba(0,0,0,.1)}.userProfile .avator{border-bottom:1px solid var(--border);justify-content:center;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex;position:relative}.userProfile .avator .profilePic{border:2px solid var(--border);border-radius:50%;width:100px;height:100px}.userProfile .avator .hold{position:relative}.userProfile .avator #changePic{border:1px solid var(--border);background:var(--background);border-radius:8px;width:35px;height:35px;padding:5px;transition:all .3s;position:absolute;bottom:-50px;right:0}.userProfile .avator #changePic:hover{cursor:pointer;transform:translateY(-3px)}.userProfile .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.userProfile .tag{margin-bottom:30px;font-size:1rem}.userProfile .tag span{font-size:1.1rem;font-weight:600}.userProfile .tag .businessDescription{word-wrap:break-word}.userProfile #editBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px;font-size:.8rem;font-weight:600}.uploadProfileDiv{background:rgba(0,0,0,.4);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.uploadProfileDiv form{background:#fff;border-radius:15px;width:600px;height:max-content;margin:20px auto 90px;padding:10px}.uploadProfileDiv form .head{align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}.uploadProfileDiv form .head img{cursor:pointer;background:#ccc;border:1px solid #ccc;border-radius:50%;width:30px;padding:5px}.uploadProfileDiv form .head h3{font-size:1rem}.uploadProfileDiv form .preview{border-bottom:1px solid #ccc;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.uploadProfileDiv form .preview img{border:2px solid #ccc;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.uploadProfileDiv form .formField{margin-bottom:10px}.uploadProfileDiv form .formField label{margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.uploadProfileDiv form .formField input{border:1px solid #ccc;border-radius:15px;width:100%;padding:15px}.uploadProfileDiv form .formField input:focus{border:2px solid var(--primary);outline:none}.uploadProfileDiv form button{background:var(--primary);color:#fff;border:none;border-radius:15px;width:100%;padding:17px;font-weight:600;transition:all .3s}.uploadProfileDiv form button:hover{cursor:pointer;background:var(--primary-hover);transform:translateY(-3px)}.editProfile{z-index:999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0}.editProfile form{background:#fff;border-radius:15px;width:700px;padding:10px}.editProfile form .head{border-bottom:1px solid #ccc;align-items:center;gap:5px;margin-bottom:20px;padding-bottom:10px;display:flex}.editProfile form .head img{background:#ccc;border:1px solid #ccc;border-radius:100%;width:30px;padding:3px}.editProfile form .head h3{font-size:1.1rem}.editProfile form .formField{margin-bottom:15px}.editProfile form .formField label{margin-bottom:3px;font-size:.8rem;font-weight:600;display:block}.editProfile form .formField input{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField input:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField select{text-align:center;border:1px solid #ccc;border-radius:13px;width:100%;padding:15px;font-size:.8rem}.editProfile form .formField select:focus{border:2px solid var(--primary);outline:none}.editProfile form .formField textarea{border:1px solid #ccc;border-radius:13px;width:100%;padding:17px}.editProfile form .formField textarea:focus{border:2px solid var(--primary);outline:none}.editProfile form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;padding:17px;font-size:.8rem;font-weight:600;transition:all .3s}.editProfile form button:hover{background:var(--primary-hover);transform:translateY(-2px)}}