.dinamic-content{margin-left:250px;transition:margin .3s ease;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.dinamic-content,.dinamic-content.wider{width:100%;min-height:100vh;padding-left:20px}.dinamic-content.wider{margin-left:60px}.filter-button-wrapper{position:relative}.filter-menu{background-color:var(--app-content-secondary-color);position:absolute;top:calc(100% + 16px);right:-74px;border-radius:4px;padding:8px;width:220px;z-index:2;box-shadow:var(--filter-shadow);visibility:hidden;opacity:0;transition:.2s}.filter-menu:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--app-content-secondary-color);bottom:100%;left:50%;transform:translatex(-50%)}.filter-menu.active{visibility:visible;opacity:1;top:calc(100% + 8px)}.filter-menu label{display:block;font-size:var(--font-small);color:var(--app-content-main-color);margin-bottom:8px}.filter-menu select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;padding:8px 24px 8px 8px;background-position:right 4px center;border:1px solid var(--app-content-main-color);border-radius:4px;color:var(--app-content-main-color);font-size:12px;background-color:transparent;margin-bottom:16px;width:100%}.filter-menu select option{font-size:14px}.light .filter-menu select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f1c2e' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.filter-menu select:hover{border-color:var(--action-color-hover)}.filter-menu select.active,.filter-menu select:focus{outline:none;color:var(--action-color);border-color:var(--action-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232869ff' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.filter-menu-buttons{display:flex;align-items:center;justify-content:space-between}.filter-button{border-radius:2px;font-size:12px;padding:4px 8px;cursor:pointer;border:none;color:#fff}.filter-button.apply{background-color:var(--action-color)}.filter-button.reset{background-color:var(--filter-reset)}.tableView .products-header{background-color:var(--app-content-secondary-color);position:-webkit-sticky;position:sticky;top:0}.tableView .products-header,.tableView .products-row{display:flex;align-items:center;border-radius:4px}.tableView .products-row:hover{box-shadow:var(--filter-shadow);background-color:var(--app-content-secondary-color)}.tableView .products-row .cell-more-button{display:none}.tableView .product-cell{flex:1 1;padding:8px 16px;color:var(--app-content-main-color);font-size:14px;display:flex;align-items:center}.tableView .product-cell img{width:32px;height:32px;border-radius:6px;margin-right:6px}@media screen and (max-width:780px){.tableView .product-cell{font-size:12px}.tableView .product-cell.image span{display:none}.tableView .product-cell.image{flex:.2 1}}@media screen and (max-width:520px){.tableView .product-cell.category,.tableView .product-cell.sales{display:none}.tableView .product-cell.status-cell{flex:.4 1}.tableView .product-cell.price,.tableView .product-cell.stock{flex:.2 1}}@media screen and (max-width:480px){.tableView .product-cell.stock{display:none}.tableView .product-cell.price{flex:.4 1}}.gridView .products-header{display:none}.gridView .products-row{margin:8px;width:calc(25% - 16px);background-color:var(--app-content-secondary-color);padding:8px;border-radius:4px;cursor:pointer;transition:transform .2s;position:relative}.gridView .products-row:hover{transform:scale(1.01);box-shadow:var(--filter-shadow)}.gridView .products-row:hover .cell-more-button{display:flex}@media screen and (max-width:1024px){.gridView .products-row{width:calc(33.3% - 16px)}}@media screen and (max-width:820px){.gridView .products-row{width:calc(50% - 16px)}}@media screen and (max-width:520px){.gridView .products-row{width:100%;margin:8px 0}.gridView .products-row:hover{transform:none}}.gridView .products-row .cell-more-button{border:none;padding:0;border-radius:4px;position:absolute;top:16px;right:16px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:rgba(16,24,39,.7);color:#fff;cursor:pointer;display:none}.gridView .product-cell{color:var(--app-content-main-color);font-size:14px;margin-bottom:8px}.gridView .product-cell:not(.image){display:flex;align-items:center;justify-content:space-between}.gridView .product-cell.image span{font-size:18px;line-height:24px}.gridView .product-cell img{width:100%;height:140px;object-fit:cover;border-radius:4px;margin-bottom:16px}.products-row.dragging{opacity:.5;transform:scale(.98)}.products-row.drag-over{border-left:3px solid #007bff!important;background-color:rgba(0,123,255,.05)}.products-row[draggable=true]{cursor:move;transition:all .2s ease}.loader-container{width:100%;padding:30px 0;text-align:center;position:relative}.loader{width:48px;height:48px;border:2px solid var(--sidebar-main-color);display:inline-block;position:relative;animation:rotation 1s linear infinite}.loader,.loader:after,.loader:before{border-radius:50%;box-sizing:border-box}.loader:after,.loader:before{content:"";position:absolute;left:0;top:0;background:var(--action-color);width:6px;height:6px}.loader:before{left:auto;top:auto;right:0;bottom:0}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleUp{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.scale-up{animation:scaleUp .2s ease-out}span{color:var(--app-content-main-color)}.create-new-panel{min-height:100vh}.create-form{padding:32px 0;width:100%;display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap}.input-group-head{margin-bottom:20px}.input-group{flex-direction:row;align-items:center;gap:10px}.input-group,.input-group.set-images{width:100%;display:flex;flex-wrap:wrap}.input-group.set-images{max-width:600px;margin-top:50px;margin-bottom:20px;flex-direction:column;justify-content:flex-start;align-items:flex-start}.input-group.set-images .product-image img{width:200px;height:200px;object-fit:contain;padding:10px 20px;background-color:var(--img-items-container-bg);box-shadow:var(--filter-shadow);border-radius:10px;overflow:hidden}.static-input{background-color:var(--app-content-secondary-color);border:1px solid var(--app-content-secondary-color);color:var(--app-content-main-color);font-size:14px;line-height:24px;border-radius:4px;padding:0 32px;margin-bottom:20px;min-height:40px;background-size:16px;background-repeat:no-repeat;background-position:left 10px center;width:100%;max-width:600px}.static-input:placeholder{color:var(--app-content-main-color)}.static-input:hover{border-color:var(--action-color-hover)}.static-input:focus{outline:none;border-color:var(--action-color)}.editable-input{max-width:600px}.create-button{background-color:var(--action-color);color:#fff;font-size:14px;line-height:24px;border:none;border-radius:4px;height:32px;padding:0 16px;transition:.2s;cursor:pointer}.create-button:hover{background-color:var(--action-color-hover)}.previous-button{background-color:var(--action-second-color);color:#fff;font-size:14px;line-height:24px;border:none;border-radius:4px;height:32px;padding:0 16px;transition:.2s;cursor:pointer}.previous-button:hover{background-color:var(--action-second-color-hover)}.list{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.drag-item{padding:12px;margin:6px 0;color:#fff;border-radius:6px;text-align:center;font-size:16px;font-weight:700;cursor:move;transition:transform .2s ease,background-color .2s ease;position:relative}.drag-item .delete-item{padding:6px 10px;position:absolute;z-index:5;bottom:0;right:0;background-color:#fff;border-radius:30px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}.drag-item .delete-item svg{color:red}.drag-item:active{transform:scale(1.05)}.dragging{opacity:.2;transform:scale(1.1)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;height:260px;border:2px dashed #4a5568;border-radius:8px;background-color:#f9fafb;cursor:pointer;transition:background .3s ease,border-color .3s ease}.dropzone:hover{background-color:#edf2f7;border-color:#718096}.dropzone-icon{width:32px;height:32px;fill:none;stroke:#4a5568;stroke-width:2}.dropzone-text{font-size:14px;color:#4a5568;font-weight:700;margin-top:8px}.dropzone-subtext{font-size:12px;color:#718096}.select-option{background-color:var(--app-content-secondary-color);top:calc(100% + 16px);border-radius:4px;width:220px;z-index:2;box-shadow:var(--filter-shadow);margin-bottom:16px;visibility:hidden;opacity:0;transition:.2s}.select-option:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--app-content-secondary-color);bottom:100%;left:50%;transform:translatex(-50%)}.select-option.active{visibility:visible;opacity:1;top:calc(100% + 8px)}.select-option label{display:block;font-size:var(--font-small);color:var(--app-content-main-color);margin-bottom:8px}.select-option select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;padding:8px 24px 8px 8px;background-position:right 4px center;border:1px solid var(--app-content-main-color);border-radius:4px;color:var(--app-content-main-color);font-size:12px;background-color:transparent;width:100%}.select-option select option{font-size:14px}.light .select-option select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f1c2e' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.select-option select:hover{border-color:var(--action-color-hover)}.select-option select.active,.select-option select:focus{outline:none;color:var(--action-color);border-color:var(--action-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232869ff' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.tableView .categories-header{background-color:var(--app-content-secondary-color);position:-webkit-sticky;position:sticky;top:0}.tableView .categories-header,.tableView .categories-row{display:flex;align-items:center;border-radius:4px}.tableView .categories-row:hover{box-shadow:var(--filter-shadow);background-color:var(--app-content-secondary-color)}.tableView .categories-row .cell-more-button{display:none}.tableView .category-cell{flex:1 1;padding:8px 16px;color:var(--app-content-main-color);font-size:14px;display:flex;align-items:center}.tableView .category-cell img{width:32px;height:32px;border-radius:6px;margin-right:6px}@media screen and (max-width:780px){.tableView .category-cell{font-size:12px}.tableView .category-cell.image span{display:none}.tableView .category-cell.image{flex:.2 1}}@media screen and (max-width:520px){.tableView .category-cell.category,.tableView .category-cell.sales{display:none}.tableView .category-cell.status-cell{flex:.4 1}.tableView .category-cell.price,.tableView .category-cell.stock{flex:.2 1}}@media screen and (max-width:480px){.tableView .category-cell.stock{display:none}.tableView .category-cell.price{flex:.4 1}}.gridView .categories-header{display:none}.gridView .categories-row{margin:8px;width:calc(25% - 16px);background-color:var(--app-content-secondary-color);padding:8px;border-radius:4px;cursor:pointer;transition:transform .2s;position:relative}.gridView .categories-row:hover{transform:scale(1.01);box-shadow:var(--filter-shadow)}.gridView .categories-row:hover .cell-more-button{display:flex}@media screen and (max-width:1024px){.gridView .categories-row{width:calc(33.3% - 16px)}}@media screen and (max-width:820px){.gridView .categories-row{width:calc(50% - 16px)}}@media screen and (max-width:520px){.gridView .categories-row{width:100%;margin:8px 0}.gridView .categories-row:hover{transform:none}}.gridView .categories-row .cell-more-button{border:none;padding:0;border-radius:4px;position:absolute;top:16px;right:16px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:rgba(16,24,39,.7);color:#fff;cursor:pointer;display:none}.gridView .category-cell{color:var(--app-content-main-color);font-size:14px;margin-bottom:8px}.gridView .category-cell:not(.image){display:flex;align-items:center;justify-content:space-between}.gridView .category-cell.image span{font-size:18px;line-height:24px}.gridView .category-cell img{width:100%;height:140px;object-fit:cover;border-radius:4px;margin-bottom:16px}.search-bar{background-color:var(--app-content-secondary-color);border:1px solid var(--app-content-secondary-color);color:var(--app-content-main-color);font-size:14px;line-height:24px;border-radius:4px;padding:0 10px 0 32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-size:16px;background-repeat:no-repeat;background-position:left 10px center;width:100%;max-width:320px;transition:.2s}.light .search-bar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231f1c2e' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}.search-bar:placeholder{color:var(--app-content-main-color)}.search-bar:hover{border-color:var(--action-color-hover);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236291fd' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}.search-bar:focus{outline:none;border-color:var(--action-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232869ff' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}.action-button{border-radius:4px;height:32px;background-color:var(--app-content-secondary-color);border:1px solid var(--app-content-secondary-color);display:flex;align-items:center;color:var(--app-content-main-color);font-size:14px;margin-left:8px;cursor:pointer}.action-button span{margin-right:4px}.action-button:hover{border-color:var(--action-color-hover)}.action-button.active,.action-button:focus{outline:none;color:var(--action-color);border-color:var(--action-color)}.items-area-wrapper{width:100%;max-height:800px;overflow:auto;padding:0 4px}.tableView .collections-header{background-color:var(--app-content-secondary-color);position:-webkit-sticky;position:sticky;top:0}.tableView .collections-header,.tableView .collections-row{display:flex;align-items:center;border-radius:4px}.tableView .collections-row:hover{box-shadow:var(--filter-shadow);background-color:var(--app-content-secondary-color)}.tableView .collections-row .cell-more-button{display:none}.tableView .collection-cell{flex:1 1;padding:8px 16px;color:var(--app-content-main-color);font-size:14px;display:flex;align-items:center}.tableView .collection-cell img{width:32px;height:32px;border-radius:6px;margin-right:6px}@media screen and (max-width:780px){.tableView .collection-cell{font-size:12px}.tableView .collection-cell.image span{display:none}.tableView .collection-cell.image{flex:.2 1}}@media screen and (max-width:520px){.tableView .collection-cell.category,.tableView .collection-cell.sales{display:none}.tableView .collection-cell.status-cell{flex:.4 1}.tableView .collection-cell.price,.tableView .collection-cell.stock{flex:.2 1}}@media screen and (max-width:480px){.tableView .collection-cell.stock{display:none}.tableView .collection-cell.price{flex:.4 1}}.tableView .sort-button{padding:0;background-color:transparent;border:none;cursor:pointer;color:var(--app-content-main-color);margin-left:4px;display:flex;align-items:center}.tableView .sort-button:hover{color:var(--action-color)}.tableView .sort-button svg{width:12px}.tableView .cell-label{display:none}.status{border-radius:4px;display:flex;align-items:center;padding:4px 8px;font-size:12px}.status:before{content:"";width:4px;height:4px;border-radius:50%;margin-right:4px}.status.active{color:#2ba972;background-color:rgba(43,169,114,.2)}.status.active:before{background-color:#2ba972}.status.disabled{color:#59719d;background-color:rgba(89,113,157,.2)}.status.disabled:before{background-color:#59719d}.gridView{display:flex;flex-wrap:wrap;margin:0 -8px}@media screen and (max-width:520px){.gridView{margin:0}}.gridView .collections-header{display:none}.gridView .collections-row{margin:8px;width:calc(25% - 16px);background-color:var(--app-content-secondary-color);padding:8px;border-radius:4px;cursor:pointer;transition:transform .2s;position:relative}.gridView .collections-row:hover{transform:scale(1.01);box-shadow:var(--filter-shadow)}.gridView .collections-row:hover .cell-more-button{display:flex}@media screen and (max-width:1024px){.gridView .collections-row{width:calc(33.3% - 16px)}}@media screen and (max-width:820px){.gridView .collections-row{width:calc(50% - 16px)}}@media screen and (max-width:520px){.gridView .collections-row{width:100%;margin:8px 0}.gridView .collections-row:hover{transform:none}}.gridView .collections-row .cell-more-button{border:none;padding:0;border-radius:4px;position:absolute;top:16px;right:16px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:rgba(16,24,39,.7);color:#fff;cursor:pointer;display:none}.gridView .collection-cell{color:var(--app-content-main-color);font-size:14px;margin-bottom:8px}.gridView .collection-cell:not(.image){display:flex;align-items:center;justify-content:space-between}.gridView .collection-cell.image span{font-size:18px;line-height:24px}.gridView .collection-cell img{width:100%;height:140px;object-fit:cover;border-radius:4px;margin-bottom:16px}.gridView .cell-label{opacity:.6}.horizontal{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center}