.layout{display:flex;flex-direction:column;align-items:center;margin-top:60px;width:100%;box-sizing:border-box}.card{background-color:#fff;cursor:pointer;width:100%;max-width:100%;height:auto;border-radius:8px;overflow:hidden;box-sizing:border-box;padding-bottom:30px}.disc-icon{width:40px}.card-figure{position:relative;width:100%;padding-bottom:75%;margin-bottom:8px}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}.category-label{z-index:2;position:absolute;bottom:8px;left:8px;background-color:#fff9;border-radius:4px;padding:4px 8px;font-size:12px;color:#000}.icon-container{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;padding:4px}.icon{width:16px;height:16px}.card-info{display:flex;justify-content:space-between;padding:8px}.card-title{font-size:14px;font-weight:300}.card-price{font-size:18px;font-weight:500}.product-detail-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000000}.product-detail{width:90%;max-width:400px;max-height:80vh;overflow-y:auto;background-color:#fff;border-radius:10px;padding:20px}.product-detail img{width:100%;height:auto;border-radius:10px}.footer{width:100%;margin-top:50px;padding:10px;background-color:#1486ac;color:#fff;display:flex;justify-content:center;align-items:center;gap:1px;z-index:10000;box-shadow:0 -4px 10px #0003}.footer-item{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.mail,.whatsapp{width:30px}@media screen and (min-width: 425px){.footer{background-color:#fff;gap:5px}}.back-to-top{position:fixed;bottom:60px;right:20px;z-index:100000}.back-to-top button{cursor:pointer;background-color:#1b5b81;color:#fff;border:none;border-radius:50%;padding:10px;transition:background-color .3s ease}.back-to-top button:hover{background-color:#498ecb}*{margin:0;padding:0;box-sizing:border-box}.title-container{text-align:center;margin-bottom:16px;width:100%}.page-title{font-size:24px;font-weight:700;margin:0}.search-input{display:block;width:80%;max-width:400px;margin:0 auto 16px;padding:8px;border:1px solid #000;border-radius:8px;box-sizing:border-box}.title-image-container{width:100vw;height:auto;background-color:#eef3f7;margin-top:-60px;margin-bottom:30px;padding-bottom:20px;display:grid;justify-content:center}.title-image-container .title-image{height:300px;width:200px}.title-image-container .title-image .title-pic{-o-object-fit:cover;object-fit:cover}.products-container{display:grid;grid-template-columns:1fr;gap:16px;width:100%;box-sizing:border-box;padding:0 16px;margin-bottom:60px}@media (min-width: 600px){.products-container{grid-template-columns:repeat(2,1fr)}.products-container .title-image{margin-top:-120px;margin-bottom:30px;height:400px;width:300px}.products-container .title-image .title-pic{-o-object-fit:cover;object-fit:cover}}@media (min-width: 900px){.products-container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.products-container{grid-template-columns:repeat(4,1fr)}}.order-card{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:1rem;margin-bottom:1rem}.order-card .order-image{width:5rem;height:5rem;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;margin-bottom:.5rem}.order-card .order-info{display:flex;flex-direction:column;align-items:center;width:100%}.order-card .order-title{font-size:.875rem;font-weight:300;text-align:center;margin-bottom:.5rem}.order-card .order-details{display:flex;justify-content:space-between;align-items:center;width:100%}.order-card .order-quantity{width:3rem;text-align:center}.order-card .order-price{font-size:1.125rem;font-weight:500}.order-card .delete-icon{cursor:pointer}.my-orders{padding:20px}.my-orders h1{font-size:24px;margin-bottom:20px}.my-orders .order{border:1px solid #ccc;margin-bottom:20px;padding:10px;border-radius:8px}.my-orders .order .order-product{display:flex;align-items:center;margin-bottom:10px}.my-orders .order .order-product .order-product-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-right:10px}.my-orders .order .order-product .order-product-details{display:flex;flex-direction:column;flex-grow:1}.my-orders .order .order-product .order-product-details .order-product-title{font-size:16px;margin-bottom:5px}.my-orders .order .order-product .order-product-details input{width:50px;margin-bottom:5px;text-align:center}.my-orders .order .order-product .order-product-details .order-product-price{font-size:14px;margin-bottom:5px}.my-orders .order .order-product .order-product-details button{align-self:flex-start;background-color:red;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}#home-btn-1{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}#home-btn-1:hover{background-color:#0056b3}form{display:flex;flex-direction:column;margin-top:20px}form input{border:1px solid;height:50px;min-width:300px;margin:10px;padding-left:10px}form button{margin-top:20px;padding:20px 50px;color:#fff}form .signin-button{background-color:#7a95ac}form .signup-button{background-color:#74838f}.user-container{margin-top:100px}.user-container .welcome-title{font-weight:600;padding:5px}.user-container .logout-button{margin:10px;background-color:#627c8d;padding:10px;color:#fff}.user-container a.item{color:#fff;height:50px;min-width:300px;margin-top:10px;margin-bottom:10px;padding-left:10px;background-color:#7a95ac;text-decoration:none;display:flex;align-items:center;align-content:center;justify-content:center}form .save-button{padding:10px;border:none;border-radius:5px;cursor:pointer;margin-top:10px;background-color:#147ec9;color:#fff;font-size:16px;max-width:280px}.addProduct{color:#000}#button-manual{background-color:#0c429a;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;font-size:16px;margin-top:10px}form .sigCanvas{border:1px solid #ddd;border-radius:5px;width:100%;max-width:300px}form textarea{resize:vertical;height:100px}form .save-button{padding:10px;border:none;border-radius:5px;cursor:pointer;margin-top:10px;background-color:#1b6ca6;color:#fff;font-size:16px;max-width:280px}form .clear-button{padding:10px;border:none;border-radius:5px;cursor:pointer;margin-top:10px;background-color:#f0ad4e;color:#fff;font-size:16px;max-width:280px}.nueva-venta-button{margin-bottom:20px;padding:10px 20px;background-color:#1e66cb;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.sales-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin:20px 0}.sales-grid .sales-grid-header{display:grid;grid-template-columns:.5fr .5fr 3fr 1fr;padding:10px;background-color:#f0f0f0;font-weight:700;text-align:left}.sales-grid .sales-item{display:grid;grid-template-columns:.5fr .5fr 3fr 1fr;padding:10px;border:1px solid #ddd;align-items:start;text-align:left}.sales-grid .sales-item:nth-child(odd){background-color:#f9f9f9}.sales-grid .sales-item>div{padding:5px}.sales-grid .sales-item .data-column{display:flex;flex-wrap:wrap;gap:5px}.sales-grid .sales-item .actions-column{display:flex;flex-direction:column;gap:10px}.sales-grid .sales-item .actions-column .action-button{padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;text-align:center}.sales-grid .sales-item .actions-column .action-button:hover{background-color:#0056b3}@media (max-width: 600px){.sales-grid .sales-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.sales-grid .sales-grid-header{grid-template-columns:1fr 1fr}.sales-grid .sales-item>div:nth-child(3){grid-column:span 2}.sales-grid .data-column{flex-direction:column}}#empty{margin-top:20px;margin-bottom:20px}.modal{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 8px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-header h2{margin:0}.modal-header .close-button{background-color:red;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;font-size:16px}form{display:flex;flex-direction:column;gap:15px;flex-grow:1;align-items:center;width:100%;overflow-x:hidden}form label{font-weight:700;width:100%;max-width:280px}form input,form select,form textarea{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;width:100%;max-width:250px;box-sizing:border-box}form .save-button{padding:10px;border:none;border-radius:5px;cursor:pointer;margin-top:10px;background-color:#1e66cb;color:#fff;font-size:16px;max-width:280px}html,body{width:100%;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box}.navbar{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;width:100%;padding:16px;background-color:#fff;z-index:10;box-shadow:0 4px 6px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.hamburger-icon{display:none;cursor:pointer;width:50px}.hamburger-menu{display:none;cursor:pointer}.bar{width:35px;height:3px;background-color:#000;margin:6px 15px;transition:transform .3s ease}.open .bar:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.open .bar:nth-child(2){transform:rotate(-45deg) translate(3px,-3px)}.logo-brand{display:flex;align-items:center;gap:8px}.logo img{min-width:40px;max-width:40px;height:auto}.brand{font-size:24px;font-weight:700;color:#000;text-decoration:none}.shopping-cart{width:40px;padding-right:5px}.cart-icon{display:flex;align-items:center}.menu{display:flex;gap:16px;list-style:none;padding:0;margin:16px 0 0;width:100%;justify-content:center;flex-wrap:wrap}.email{display:none}@media (max-width: 768px){.navbar-container{display:grid;grid-template-columns:1fr 1fr 1fr}.hamburger-icon{display:block}.hamburger-menu{display:block;margin-left:-10px}.logo-brand{justify-content:center;margin-bottom:8px}.cart-icon{justify-content:right}.menu{flex-direction:column;align-items:center;display:none;width:100%}.menu.open{display:flex}.email{display:block}}.checkout-side-menu_container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000}.checkout-side-menu{width:90%;max-height:80vh;max-width:300px;overflow-y:auto;overflow-x:hidden;background-color:#fff;border-radius:10px;padding:5px}.addProduct-btn{color:#000}form{width:100%}.options-container{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:20px}.options-container .option{text-align:center;width:120px;border:1px solid #000;margin:1px}.user-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin:20px 0}.user-grid .grid-header,.user-grid .grid-row{display:grid;grid-template-columns:.5fr 1.5fr 2fr 1.5fr 1fr;padding:10px;border:1px solid #ddd}.user-grid .grid-header div,.user-grid .grid-row div{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis}.user-grid .grid-header{background-color:#f4f4f4;font-weight:700}.user-grid .grid-row{position:relative}.user-grid .grid-row:nth-child(odd){background-color:#f9f9f9}.user-grid .actions{display:flex;gap:10px;align-items:center;position:relative}.user-grid .actions .dots-button{background:none;border:none;cursor:pointer}.user-grid .actions .dots-button .icon{width:20px;height:20px}.user-grid .actions .dots-button:hover{background-color:#f0f0f0}@media (min-width: 601px){.user-grid .actions .dots-button{display:none}}.user-grid .actions .action-buttons{display:none;flex-direction:column;gap:5px;position:absolute;top:-120%;right:0;background:#fff;padding:5px;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:1}.user-grid .actions .action-buttons button{padding:5px 10px;cursor:pointer;border:none;border-radius:4px;background:none}.user-grid .actions .action-buttons button .icon{width:20px;height:20px}.user-grid .actions .action-buttons button:hover{background-color:#f0f0f0}.user-grid .actions.show-buttons .action-buttons{display:flex}@media (min-width: 601px){.user-grid .actions .action-buttons{display:flex;flex-direction:row;position:static;background:none;box-shadow:none;padding:0}.user-grid .actions .action-buttons button{background:none;border:none;padding:0}.user-grid .actions .action-buttons button:hover{background-color:transparent}}@media (max-width: 600px){.user-grid .grid-header,.user-grid .grid-row{grid-template-columns:.5fr 1.2fr 1.8fr 1.5fr 1fr;gap:5px}.user-grid .grid-header div,.user-grid .grid-row div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}}form input,form select{padding:10px;border:1px solid #ddd;border-radius:5px}.add-user-button{margin-bottom:20px;padding:10px 20px;background-color:#1e66cb;color:#fff;border:none;border-radius:5px;cursor:pointer}.product-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin:20px 0}.product-grid .grid-header,.product-grid .grid-row{display:grid;grid-template-columns:.5fr 1.5fr 2fr 1.5fr 1.5fr 1fr;padding:10px;border:1px solid #ddd}.product-grid .grid-header div,.product-grid .grid-row div{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis}.product-grid .grid-header{background-color:#f4f4f4;font-weight:700}.product-grid .grid-row{position:relative}.product-grid .grid-row:nth-child(odd){background-color:#f9f9f9}.product-grid .actions{display:flex;gap:10px;align-items:center;position:relative}.product-grid .actions .dots-button{background:none;border:none;cursor:pointer}.product-grid .actions .dots-button .icon{width:20px;height:20px}.product-grid .actions .dots-button:hover{background-color:#f0f0f0}@media (min-width: 601px){.product-grid .actions .dots-button{display:none}}.product-grid .actions .action-buttons{display:none;flex-direction:column;gap:5px;position:absolute;top:-120%;right:0;background:#fff;padding:5px;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:1}.product-grid .actions .action-buttons button{padding:5px 10px;cursor:pointer;border:none;border-radius:4px;background:none}.product-grid .actions .action-buttons button .icon{width:20px;height:20px}.product-grid .actions .action-buttons button:hover{background-color:#f0f0f0}.product-grid .actions.show-buttons .action-buttons{display:flex}@media (min-width: 601px){.product-grid .actions .action-buttons{display:flex;flex-direction:row;position:static;background:none;box-shadow:none;padding:0}.product-grid .actions .action-buttons button{background:none;border:none;padding:0}.product-grid .actions .action-buttons button:hover{background-color:transparent}}@media (max-width: 600px){.product-grid .grid-header,.product-grid .grid-row{grid-template-columns:.5fr 1.2fr 1.8fr 1.5fr 1.5fr 1fr;gap:5px}.product-grid .grid-header div,.product-grid .grid-row div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:500px}form{display:flex;flex-direction:column;gap:10px}form label{font-weight:700}form input,form select,form textarea{padding:10px;border:1px solid #ddd;border-radius:5px}form .save-button,form .close-button{padding:10px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}form .save-button{background-color:#1e66cb;color:#fff}form .close-button{background-color:red;color:#fff}.add-product-button{margin-top:20px;margin-bottom:20px;padding:10px 20px;background-color:#1e66cb;color:#fff;border:none;border-radius:5px;cursor:pointer}#manual-btn{background-color:#1c60d5;color:#fff}#delete-product_modal{background-color:#f8d7da;color:#721c24}input[type=number]:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.nueva-venta-button{margin:5px 5px 20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-container{margin-bottom:20px;text-align:center}.search-input{padding:10px;width:80%;max-width:400px;border:1px solid #ddd;border-radius:5px;font-size:16px}.payments-table{width:100%;border-collapse:collapse;margin-top:20px}.payments-table th,.payments-table td{padding:10px;border:1px solid #ddd;text-align:left}.payments-table th{background-color:#f0f0f0;font-weight:700}.payments-table tbody tr:nth-child(odd){background-color:#f9f9f9}.user-welcome{margin-top:10px;font-size:1.2rem}form div{display:flex;flex-direction:column;align-items:center;padding-bottom:10px}.openpay-form{margin-top:20px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;margin-bottom:20px}.openpay-form .cards-title{width:100%;text-align:center}.openpay-form .card{width:50%;display:flex;flex-direction:column;align-items:center}.openpay-form h2{font-size:1.1rem;font-weight:700}.openpay-form div{padding:15px}.openpay-form div h3{text-align:center}.openpay-form div label{font-weight:700}.openpay-form div input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;width:100%;max-width:250px;box-sizing:border-box}.openpay-form div .cvv-input{min-width:80px;max-width:100px;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:5px}.openpay-form div .cvv-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.openpay-form .secure-container{width:300px;display:flex;flex-direction:column;align-items:center}.openpay-form .secure-container .bbva-img1{width:100px}.openpay-form .secure-container .bbva-img2{width:30px}.openpay-form .secure-container p{text-align:center}.openpay-form .card-details{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.expiration-container{display:flex;flex-direction:column;width:100%;max-width:300px;gap:5px}.expiration-container span{font-weight:700}.expiration-container .expiration-select{width:100%;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}#bbva{background-color:#1496dc;color:#fff}.total{font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{position:fixed;width:80%;height:70%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:8px;text-align:center;font-size:1.2rem}.modal-content button{margin-top:20px;color:#fff;background-color:#d32626;width:200px;height:50px}.openpay-cards_img{width:100px}.summary{flex-direction:column}.summary h3{font-size:1.1rem;font-weight:600}.summary .product-summary{display:flex;flex-direction:column;align-items:flex-start}.summary button{height:70px;width:200px;margin:20px}@media (min-width: 768px){#payment-form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#payment-form div input{max-width:450px}.openpay-form{max-width:100%;flex-direction:row;flex-wrap:wrap}.openpay-form div{width:250px}.openpay-form .cards-title{padding:0}.openpay-form .openpay-cards_img{width:200px}.openpay-form .openpay-cards_img2{width:550px}.openpay-form .sec-cont{width:100%;display:flex;flex-direction:row;justify-content:center;padding:0}.openpay-form .card-details{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:70px}.openpay-form .card-details div input{max-width:300px}.summary{display:flex;flex-direction:column;align-items:center;width:100%}.summary .product-summary{display:flex;flex-direction:row;flex-wrap:wrap;padding:20px}.summary .product-summary p{padding:10px}#card-input{max-width:400px}}.pay-form{max-width:400px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.pay-form h2{text-align:center;margin-bottom:20px}.pay-form label{display:block;font-weight:700;margin-bottom:5px}.pay-form input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.pay-form .pay-btn{width:100%;padding:10px;background-color:#1e66cb;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.success-container{margin-top:50px;max-width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.1rem;text-align:center}.success-container button{margin-top:20px;background-color:#3a79d8;width:200px;padding:10px 5px;color:#fff}.contact-container{max-width:60vw;min-width:30vw}.contact-container p{margin-bottom:30px}.footer{position:fixed;bottom:0;right:0;left:0;background-color:#1486ac;color:#fff;display:flex;justify-content:center;align-items:center;margin:0;padding-left:10px}.footer-item{display:flex;align-items:center;text-decoration:none;color:#fff}.mail,.contact{color:#000}.whatsapp{width:30px}@media (max-width: 390px){.footer-item{font-size:13px}.mail,.whatsapp{width:20px}.footer{gap:15px}}@media (min-width: 391px){.footer{gap:15px}}.us-container{max-width:800px;margin:0 auto;padding:20px}.us-container h2{margin-top:1.5rem;margin-bottom:1rem;font-size:1.3rem}.us-container p{margin-bottom:1rem;line-height:1.5}.us-container .error-message{color:red;font-weight:600}.transactions-container{padding:1rem}.transactions-container button{background-color:#126fc5;color:#fff;border:none;border-radius:4px;padding:.75rem;cursor:pointer;transition:background-color .3s ease}.transactions-container button:hover{background-color:#0f5aa0}.transactions-container .current-date{margin-bottom:1rem}.transactions-container .current-date h1{margin-bottom:.5rem}.transactions-container .current-date h2{margin:.5rem 0}.transactions-container .current-date label{margin-right:.5rem}.transactions-container .current-date input[type=date]{padding:.5rem;border:1px solid #ccc;border-radius:4px}.transactions-container .totals{margin-bottom:1rem}.transactions-container .totals p{margin:.25rem 0}.transactions-container .buttons{display:flex;gap:1rem;margin-bottom:1rem}.transactions-container .transactions-list h2{margin-top:1.5rem}.transactions-container .transactions-list ul{list-style:none;padding-left:0;margin:0}.transactions-container .transactions-list ul li{background:#f5f5f5;padding:.75rem;margin-bottom:.5rem;border-radius:4px;display:flex;flex-direction:column}.transactions-container .transactions-list ul li .item-actions{margin-top:.5rem;display:flex;gap:.5rem}.transactions-container .transactions-list ul li .item-actions button{flex:1;padding:.5rem;font-size:.9rem}.transactions-container .transactions-list ul li .item-actions .transaction-btn{max-width:100px}.transactions-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:center}.transactions-container .modal-overlay .modal{background:#fff;padding:1rem;border-radius:6px;width:90%;max-width:400px}.transactions-container .modal-overlay .modal form{display:flex;flex-direction:column;gap:.75rem}.transactions-container .modal-overlay .modal label{font-weight:700}.transactions-container .modal-overlay .modal input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.accounting-btn{margin:10px 0}.general-total{font-weight:700;font-size:1.5rem}.daily-report_title{font-weight:700}.back-icon_btn{width:60px;height:60px}.formula-modal{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 8px #0000004d;overflow:hidden;display:flex;flex-direction:column}.inventory-modal{height:80vh;overflow-y:auto;background:#fff;border-radius:8px;width:90%;max-width:500px;padding:1rem;position:relative;box-shadow:0 2px 8px #0000004d}.modal-close-button{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.inventory-modal-form{display:flex;flex-direction:column;gap:.8rem}.inventory-modal-form h2{text-align:center;margin-top:0}.inventory-modal-form label{font-weight:700}.inventory-modal-form input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.inventory-modal-form button[type=submit]{padding:.5rem;background:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-end;margin-top:1rem}.inventory-modal-form .manual-btn{background-color:#1c60d5;color:#fff}@media (max-width: 600px){.inventory-modal{width:95%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.formula-modal{background:#fff;overflow-y:auto;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column}.formula-modal .modal-header{background:#0070f3;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.formula-modal .modal-header h2{margin:0;font-size:1.25rem}.formula-modal .modal-header .close-button{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1}.formula-modal .modal-body{padding:1rem}.formula-modal .modal-body .form-group{margin-bottom:1rem;display:flex;flex-direction:column}.formula-modal .modal-body .form-group label{margin-bottom:.5rem;font-weight:700}.formula-modal .modal-body .form-group input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.formula-modal .modal-body .calculator{margin-bottom:1rem;display:flex;justify-content:space-around}.formula-modal .modal-body .calculator button{padding:.5rem .75rem;border:1px solid #0070f3;background:#fff;color:#0070f3;font-size:1rem;cursor:pointer;border-radius:4px;transition:background .3s,color .3s}.formula-modal .modal-body .calculator button:hover{background:#0070f3;color:#fff}.formula-modal .modal-footer{padding:1rem;display:flex;justify-content:flex-end;background:#f5f5f5}.formula-modal .modal-footer .save-button{padding:.5rem 1rem;background:#0070f3;border:none;color:#fff;border-radius:4px;cursor:pointer;transition:background .3s}.formula-modal .modal-footer .save-button:hover{background:#005bb5}.back-btn{height:40px;width:180px;background-color:#005bb5;color:#fff}.forms-btn{height:40px;width:180px;margin-top:5px;background-color:#1a6a1f;color:#fff}button{padding:.5rem 1rem;background:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:1rem}.formulas-section,.products-section{display:flex;flex-direction:column;align-items:center;width:100%}.formulas-section h1,.products-section h1{text-align:center}.formulas-section button,.products-section button{margin-bottom:1rem}.formulas-list,.products-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.formulas-list .formula-item,.formulas-list .product-item,.products-list .formula-item,.products-list .product-item{min-width:300px;background:#fdfeff;padding:1rem;border-radius:4px;box-shadow:0 2px 4px #0000001a}.formulas-list .formula-item strong,.formulas-list .product-item strong,.products-list .formula-item strong,.products-list .product-item strong{font-size:1.1rem;display:block;margin-bottom:.5rem}.formulas-list .formula-item p,.formulas-list .product-item p,.products-list .formula-item p,.products-list .product-item p{margin:.2rem 0}.formulas-list .formula-item .item-actions,.formulas-list .product-item .item-actions,.products-list .formula-item .item-actions,.products-list .product-item .item-actions{margin-top:1rem;display:flex;justify-content:space-between}.formulas-list .formula-item .item-actions button,.formulas-list .product-item .item-actions button,.products-list .formula-item .item-actions button,.products-list .product-item .item-actions button{margin-right:.5rem}hr{margin:2rem 0;border:0;border-top:1px solid #ccc}.inventory-title{margin-top:1rem;margin-bottom:1rem;font-size:2rem}.invetory-add_button{background-color:#3890e9;padding:7px;color:#fff}@media (max-width: 768px){.formulas-list,.products-list{flex-direction:column;align-items:center}.formula-item,.product-item{width:100%}}@media (max-width: 600px){.formula-modal{width:95%}}@media (min-width: 768px){.product-item{width:330px}}.formulas-title{margin-bottom:10px;margin-left:10px;font-size:2rem}form{display:flex;flex-direction:column;margin-bottom:40px}.page-button{background-color:#0f5c93;color:#fff;margin-top:20px;width:200px;height:40px}.text-data{margin:10px}.text-data h1{font-size:1.5rem}.text-data h2{font-weight:800;padding:10px}.firm{width:300px;margin-left:15px}.final-data{margin:10px}.form-link{margin-top:20px}.link-ad{text-align:center;margin:10px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-full{width:100%}.max-w-screen-lg{max-width:1024px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}