body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#f8f9fa;justify-content:space-between;padding:10px 20px}.header,.logout-button{align-items:center;display:flex}.logout-button{background:none;border:none;cursor:pointer;justify-content:center;padding:5px}.logout-button:hover .logout-icon{background-color:none;color:#dc3545}.logout-icon{color:#333;height:24px;width:24px}.home{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;margin:0}.home-header{align-items:center;background-color:#f4f4f4;border-bottom:1px solid #ddd;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.home-header h1{font-size:20px;margin:0}.home-header button{background-color:#ff5252;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.home-header button:hover{background-color:#e64545}.home-body{display:flex;flex:1 1}.sidebar{background-color:#222;color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:20px;width:250px}.sidebar h2{font-size:18px;margin:0 0 20px}.sidebar button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:10px;padding:10px 15px;text-align:left;width:100%}.sidebar button:hover{background-color:#45a049}.main-content{background-color:#f9f9f9;flex-grow:1;overflow-y:auto;padding:20px}.main-content h2{margin-top:0}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{border-radius:10px;box-shadow:0 4px 6px #0000001a;width:400px}.modal-content h2{font-size:18px;margin-top:0;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px;width:100%}.form-group input:disabled{background-color:#f1f1f1}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.form-actions button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px;width:48%}.form-actions button:first-child{background-color:#4caf50;color:#fff}.form-actions button:first-child:hover{background-color:#45a049}.form-actions button:last-child{background-color:#ff5252;color:#fff}.form-actions button:last-child:hover{background-color:#e64545}.inventory{font-family:Arial,sans-serif}.inventory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.inventory-header h1{margin:0}.inventory-header button{background-color:#ff5252;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.inventory-header button:hover{background-color:#e64545}button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;padding:10px 15px}.inventory-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;padding:0}.inventory-item{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;padding:15px;text-align:center}.item-image{border-radius:5px;height:auto;margin-bottom:10px;max-width:100%}.item-details{margin-bottom:15px;text-align:left;width:100%}.item-details p{font-size:14px;margin:5px 0}.inventory-item button{background-color:#2196f3;margin-top:10px}.inventory-item button:hover{background-color:#1e88e5}.inventory-item button:last-child{background-color:#ff5252}.inventory-item button:last-child:hover{background-color:#e64545}.ribbon-circle-top-right{background-color:red;right:10px;top:10px}.ribbon-circle-bottom-left,.ribbon-circle-top-right{align-items:center;border-radius:50%;box-shadow:0 0 5px #00000080;color:#fff;display:flex;font-size:12px;font-weight:700;height:40px;justify-content:center;position:absolute;width:40px;z-index:1}.ribbon-circle-bottom-left{background-color:green;bottom:10px;left:10px}.inventory-item{position:relative}.sales-container{font-family:Arial,sans-serif}h1{color:#333;text-align:center}.sales-list{margin-top:20px}.sales-list h2{color:#555}.sales-list ul{list-style:none;padding:0}.sales-list li{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:15px}.sales-list li p{margin:5px 0}.add-sale-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px 20px;text-align:center}.add-sale-button:hover{background-color:#0056b3}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:500px;padding:20px;position:relative;width:90%}.modal-content h2{color:#333;margin-bottom:20px}.modal-content form label{color:#666;display:block;margin-bottom:10px}.modal-content form input,.modal-content form select{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:8px;width:100%}.modal-content form input[type=number]{max-width:100px}.modal-content .product-search{margin-bottom:20px}.modal-content .item-result{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;padding:10px}.modal-content .item-result img{border-radius:4px;height:auto;margin-bottom:10px;max-width:100px}.modal-content .item-result p{margin:5px 0;text-align:center}.modal-content .item-result button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px}.modal-content .item-result button:hover{background-color:#218838}.modal-content .error-message{color:red;font-size:14px;text-align:center}.modal-content .close-modal-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.modal-content .close-modal-button:hover{background-color:#c82333}.sale-products-list{margin-top:20px}.products-container{display:flex;flex-wrap:wrap;gap:10px}.product-thumbnail{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.product-thumbnail img{max-height:100%;max-width:100%}.product-quantity{background-color:#000000b3;border-radius:4px;bottom:5px;color:#fff;font-size:12px;left:5px;padding:2px 6px;position:absolute}.remove-product-button{align-items:center;background-color:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:5px;top:5px;width:20px}.remove-product-button:hover{background-color:red}button{cursor:pointer}
/*# sourceMappingURL=main.15a3e613.css.map*/