@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";:root{--primary: red;--secondary: purple;--light: #f5f5f5;--white: #fff;--dark:#333;--black:#000;--success-bg:rgb(233, 253, 233);--success-text:green;--danger-bg:rgb(255, 235, 235);--danger-text:rgb(241, 3, 3);--info-bg:rgb(235, 242, 255);--info-text:rgb(21, 48, 255);--warning-bg:rgb(255, 253, 210);--warning-text: rgb(204, 173, 0)}*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;font-style:normal;font-family:Lexend,sans-serif;color:var(--dark)}a{color:inherit;text-decoration:none}ul,li{list-style:none}.container{max-width:1158px;margin-inline:auto;padding-inline:.5rem}input::placeholder{font-family:Lexend,sans-serif}input[type=text]{font-family:Lexend,sans-serif}select,option{font-family:Lexend,sans-serif;cursor:pointer}.btn{cursor:pointer;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 1.2rem;border-radius:8px;background-color:transparent;outline:0;border:none;font-size:16px;font-weight:600;font-family:Lexend,sans-serif;transition:background .3s ease-in-out,color .3s ease-in-out}.btn-full{min-width:100%}.btn-sm{font-size:14px;padding:10px;font-weight:400}.btn-icon{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;padding:8px;border-radius:5px}.btn-icon .btn-icon-img{width:20px;height:20px;object-fit:cover}.btn-label{display:inline-block;padding:8px;font-size:12px;font-weight:400;border-radius:5px}.btn-success{background-color:var(--success-bg);color:var(--success-text)}.btn-danger{background-color:var(--danger-bg);color:var(--danger-text)}.btn-info{background-color:var(--info-bg);color:var(--info-text)}.btn-warning{background-color:var(--warning-bg);color:var(--warning-text)}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--secondary)}.mr5px{margin-right:5px}.modal{position:fixed;inset:0;background-color:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.modal-wrapper{width:450px;background-color:var(--white);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:2rem;border-radius:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.mb1rem{margin-bottom:1rem}.modalCloseBtnIcon{width:16px;height:16px}.modalCloseBtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:transform .3s ease-in-out;border-radius:50%}.modalCloseBtn:hover{transform:rotate(180deg)}.btn-group{display:flex;align-items:center;justify-content:end;gap:1rem;margin-top:2rem}.info-modal{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:1rem}.modal-lg{width:600px}.modalIconContainer{width:52px;height:52px;border-radius:50%;text-align:center;padding:.8rem}.modalIconContainer .cpmodalIcon{width:100%;height:100%;overflow:hidden}.icon-danger{background-color:var(--danger-bg)}.icon-info{background-color:var(--info-bg)}.icon-warning{background-color:var(--warning-bg)}.heading-md{margin-top:1rem;font-size:20px}.loader{width:18px;height:18px;border:3px solid var(--white);border-top:3px solid transparent;border-radius:50%;animation:spin .8s linear infinite}button:disabled{opacity:.3}.data-loader{display:flex;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width: 768px){.modal-wrapper{width:90%}.form-partition{flex-direction:column}.file-setion{padding:2rem}}.galleryitem{width:100%;height:100%;margin-bottom:1rem;overflow:hidden;background-color:var(--light);box-shadow:0 0 2px #0003;cursor:pointer;position:relative}.skeleton{width:100%;height:250px;background:linear-gradient(90deg,var(--light) 25%,var(--white) 37%,var(--light) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}.skeleton-2{width:100%;height:600px;background:linear-gradient(90deg,var(--light) 25%,var(--white) 37%,var(--light) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.galleryitem img{width:100%;height:100%;object-fit:cover;margin-bottom:-3px;transition:transform .3s ease-in-out}.galleryitem:hover img{transform:scale(1.1)}.gallery{margin-top:2rem;width:max(200px,100%);columns:5;gap:1rem}@media screen and (max-width: 768px){.gallery{columns:4}}@media screen and (max-width: 568px){.gallery{columns:3}}@media screen and (max-width: 441px){.gallery{columns:2}}.itempage{margin-block:4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.item-container{width:auto!important;max-width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:16px;overflow:hidden;background:var(--light)}.item-container img{display:block;max-width:100%;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:12px}.item-detail-container{padding:1rem;display:flex;flex-direction:column;gap:1rem}.item-details{width:100%;display:flex;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--light);padding:8px 12px}.item-details .item-heading{min-width:150px;font-weight:600}.short-text{white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.tags{margin-top:2rem}.tags ul{display:flex;flex-wrap:wrap;gap:1rem;margin-block:2rem}.tags ul li{font-size:14px;padding:5px 8px;border-radius:4px;background:var(--light)}@media (max-width: 768px){.itempage{grid-template-columns:1fr}.item-container{max-width:100%;padding:.5rem 0}.item-container img{max-height:50vh;width:auto;max-width:100%}.short-text{width:100%;white-space:normal}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.spinner{border:6px solid #f3f3f3;border-top:6px solid #e60023;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.loader-text{margin-top:16px;font-size:1.2rem;font-weight:700;color:#e60023;animation:fade 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade{0%,to{opacity:.2}50%{opacity:1}}.authpage{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#fffbfb,#faedff,#d6feff)}.authwrapper{display:flex;justify-content:center;flex-direction:column;width:400px;min-width:200px;max-width:450px;gap:2rem;background-color:var(--white);border:1px solid var(--light);padding:4rem 2rem;border-radius:16px}.authlogo{font-size:1rem;text-align:center}.authheading{font-size:1.3rem;text-align:center}.authform{display:flex;flex-direction:column;gap:1rem}.input-wrapper{display:flex;flex-direction:column;gap:5px}.input-wrapper label{font-size:14px;font-weight:300;width:100%}.input-item{width:100%;height:100%;border:1px solid var(--light);outline:0;background-color:var(--light);padding:.8rem 1rem;border-radius:8px}.checkbox{display:flex;gap:5px;margin-block:10px}label{cursor:pointer}.searchpage{margin-top:2rem}.userButton{position:relative}.userButton img{cursor:pointer;width:32px;height:32px}.userOptions{position:absolute;top:100%;left:-100%;background-color:var(--white);padding:16px;border-radius:8px;box-shadow:0 0 4px #0000004d;z-index:3;display:flex;flex-direction:column}.username{margin-bottom:16px;font-size:14px;padding:5px 10px;border-radius:16px;background-color:var(--success-bg);color:var(--success-text)}.userLink{cursor:pointer;padding:8px 5px;border-radius:8px}.header{width:100%;height:80px}.headbar{display:flex;align-items:center;justify-content:space-between;background-color:var(--white);gap:1rem;height:100%;position:relative}.logo{font-size:28px;font-weight:700;padding-right:12px}.navbar{display:flex;align-items:center;gap:.8rem}.navbar .nav-links{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;padding:12px;border-radius:50%;transition:background .3s ease-in-out}.navbar a:hover{background-color:var(--light)}.menuIcon{width:24px;height:24px}.sm-screen-icon{display:none}.searchBar{display:flex;align-items:center;gap:10px;width:100%}.searchBox{display:flex;align-items:center;flex:1;background-color:var(--light);padding:0 1rem;border-radius:16px;gap:1rem}.searchBox img{width:20px}.searchBox input{flex:1;border:none;outline:0;background-color:transparent;width:100%;height:100%;padding:1rem 0}.search-icon,.search-close-icon{display:none}.icon-group{display:flex;align-items:center;gap:1rem}@media screen and (max-width:568px){.navbar{position:fixed;width:30%;height:100vh;z-index:2;right:0;top:0;background-color:var(--white);flex-direction:column;gap:2rem;padding-block:2rem;box-shadow:0 0 8px #00000026;transform:translate(100%);transition:transform .3s ease-in-out}.sm-screen-icon{display:block}.logo{font-size:24px}.menuOpen{transform:translateY(0)}}@media screen and (max-width:375px){.searchBar{position:absolute;width:100%;left:0;right:0;padding-inline:10px;background-color:var(--white);transform:translateY(-100%);transition:transform .3s ease-in-out;top:0}.searchBox{width:100%}.search-icon,.search-close-icon{display:block}.openSearch{transform:translateY(10px)}}.cplayout-container{display:flex;gap:1rem}.cpheader{width:100%;height:80px}.cpheader-container{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.cpheader-wrapper{display:flex;align-items:center}.cpmenuIcon{width:24px;height:24px}.sidebarwidth{width:250px}.dn{display:none}.cpsidebar{width:250px;padding-block:2rem;padding-inline:5px;position:sticky;top:0;height:calc(100vh - 80px);border-right:1px solid var(--light);z-index:2}.sidebar-profile{display:flex;align-items:center;justify-content:start;gap:10px;padding-inline:1rem}.sidebar-profile img{width:36px;height:36px}.profile-details{display:flex;align-items:center;flex-direction:column;gap:4px}.profile-details span{font-size:14px;font-weight:400}.profile-details small{font-size:12px;font-weight:300;background-color:var(--success-bg);color:var(--success-text);padding:1px 6px;border-radius:5px}.sidebar-menu{margin-top:2rem}.menu-item{display:flex;align-items:center;justify-content:start;gap:5px;padding:.6rem;margin-bottom:5px;transition:background .3s ease-in-out;border-radius:8px}.menu-item:hover{background-color:var(--light)}.sbmenuIcon{width:20px;height:20px}.closeSidebarIcon{display:none;width:14px!important;height:14px!important;position:absolute;right:20px}.openSidebarIcon{position:absolute;right:-35px;top:60px;background-color:var(--white);border-radius:0 0 8px 8px;border-right:1px solid var(--light);border-top:1px solid var(--light);border-bottom:1px solid var(--light)}.rotate180{transform:rotate(180deg)}@media screen and (max-width:768px){.cpsidebar{position:fixed;top:0;bottom:0;left:-255px;height:100vh;background-color:var(--white);box-shadow:0 0 8px #00000026;transition:left .3s ease-in-out}.showSidbar{left:0}.closeSidebarIcon{display:block}}.dashboardpage,.itemspage{flex:1;border-left:1px solid var(--light);padding:10px}.form-partition{display:flex;gap:1rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-header h2{font-size:18px;font-weight:500}.inputs-section{flex:1}.file-setion{flex:1;height:fill;border-radius:16px;background-color:var(--light);overflow:hidden}.upload-area{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.img-preview{width:100%;height:100%;object-fit:cover}.close-preview-btn{position:absolute;right:10px;top:10px;background-color:var(--light);border-radius:50%;padding:10px}.close-preview-btn img{width:8px;height:8px;object-fit:cover}.cpitemimg{width:40px;height:40px;border-radius:8px;object-fit:cover}.tags-input-container{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.tags-box{display:flex;flex-wrap:wrap;align-items:center;padding:6px;border-radius:8px;min-height:40px;background:var(--light)}.tags-box input{background-color:transparent;border:none;outline:none;flex:1;padding:6px;min-width:100px;font-size:14px}.tag{background:var(--info-text);color:var(--white);padding:4px 8px;border-radius:12px;margin:3px;display:flex;align-items:center;font-size:13px}.remove-tag{margin-left:6px;cursor:pointer;font-weight:700}.responsivetable{z-index:1!important}.rdt_TableCol:nth-child(1),.rdt_TableCell:nth-child(1){width:70px!important;max-width:70px!important;min-width:70px!important}.rdt_TableCol:nth-child(2),.rdt_TableCell:nth-child(2){width:80px!important;max-width:80px!important;min-width:80px!important}.rdt_TableCol:nth-child(6),.rdt_TableCell:nth-child(6){width:100px!important;max-width:100px!important;min-width:100px!important}@media screen and (max-width: 640px){.rdt_Table{background-color:transparent!important}.rdt_TableHeadRow{display:none!important}.rdt_TableCol:nth-child(1),.rdt_TableCell:nth-child(1){width:100%!important;max-width:100%!important;min-width:100%!important}.rdt_TableCol:nth-child(2),.rdt_TableCell:nth-child(2){width:100%!important;max-width:100%!important;min-width:100%!important}.rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable,.rdt_TableCell:nth-child(3)>div{white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.rdt_TableCol:nth-child(5),.rdt_TableCell:nth-child(5){width:100%!important;max-width:100%!important;min-width:100%!important}.rdt_TableCol:nth-child(6),.rdt_TableCell:nth-child(6){width:100%!important;max-width:100%!important;min-width:100%!important}.rdt_TableRow{display:block!important;border:1px solid var(--light);border-radius:8px;margin-bottom:10px;padding:10px}.rdt_TableCell{display:flex!important;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid var(--light)}.rdt_TableCell:last-child{border-bottom:none}.rdt_TableCell:nth-of-type(1):before{content:"#";font-weight:600}.rdt_TableCell:nth-of-type(2):before{content:"Item";font-weight:600}.rdt_TableCell:nth-of-type(3):before{content:"Name";font-weight:600}.rdt_TableCell:nth-of-type(4):before{content:"Color";font-weight:600}.rdt_TableCell:nth-of-type(5):before{content:"Background";font-weight:600}.rdt_TableCell:nth-of-type(6):before{content:"Status";font-weight:600}.rdt_TableCell:nth-of-type(7):before{content:"Actions";font-weight:600}.rdt_TableCell:before{margin-right:8px;color:var(--dark)}}