body,html{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.navbar{background-color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;width:100%;position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid #ddd}.navbar-logo a{color:#333;font-size:1.5rem;text-decoration:none}.navbar-links{list-style:none;display:flex;gap:2rem;margin-right:2rem}.navbar-item a{color:#333;text-decoration:none;font-size:1rem}.navbar-item a:hover{text-decoration:underline}.navbar-toggle{display:none}@media (max-width: 768px){.navbar-links{flex-direction:column;align-items:flex-start;background-color:#fff;width:100%;position:absolute;top:100%;left:0;padding:1rem 0;display:none}.navbar-links.show{display:flex}.navbar-item{margin-bottom:.5rem}.navbar-toggle{display:block;cursor:pointer;color:#333;font-size:1.5rem;margin-right:1rem}}.navbar-item{position:relative}.navbar-dropdown{display:none;position:absolute;top:100%;left:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;border:1px solid #ddd}.navbar-dropdown a{color:#333;padding:12px 16px;text-decoration:none;display:block;text-align:left}.navbar-dropdown a:hover{background-color:#f1f1f1}.navbar-item:hover .navbar-dropdown,.navbar-dropdown:hover{display:block}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;text-align:center;gap:2rem;box-sizing:border-box;padding:2rem;margin:0 auto;background-color:#fff}.home-header{background-color:#f0f0f0;padding:2rem;border-radius:8px;width:100%;max-width:800px;box-sizing:border-box}.home-header h1{margin:0;font-size:2.5rem;color:#333}.home-header p{font-size:1.25rem;color:#666}.home-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%;max-width:1200px}.home-feature{background-color:#f9f9f9;border:1px solid #ddd;padding:1rem;border-radius:8px;width:calc(33.33% - 2rem);max-width:300px;box-sizing:border-box;box-shadow:0 4px 6px #0000001a;text-align:center;margin:0 auto}.home-feature h2{color:#333;margin-top:0}.home-feature p{color:#666}@media (max-width: 768px){.home-feature{width:100%}}.footer{background-color:#fff;color:#333;padding:1rem 0;text-align:center;width:100%;position:fixed;bottom:0;left:0;margin-top:auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-top:1px solid #ddd}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.footer-text{margin:0;width:100%}.footer-links{display:flex;gap:1rem;justify-content:center}.footer-links a{color:#333;text-decoration:none}.footer-links a:hover{text-decoration:underline}.categories{max-width:100%;margin:2rem auto;padding:2rem;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.categories h2{text-align:center;color:#333;margin-bottom:2rem}.categories-table{width:100%;border-collapse:collapse}.categories-table th,.categories-table td{border:1px solid #ddd;padding:30px;text-align:left;font-size:1rem}.categories-table th{background-color:#f0f0f0;color:#333}.categories-table{margin-right:.5rem;padding:.5rem 1.5rem;border:none;border-radius:4px;cursor:pointer}.categories-table.view{background-color:#007bff;color:#fff}.categories-table.edit{background-color:#28a745;color:#fff}.categories-table.delete{background-color:#dc3545;color:#fff}.categories-table:hover{opacity:.9}@media (max-width: 768px){.categories-table th,.categories-table td{padding:12px;font-size:.875rem}.categories-table{padding:.5rem 1rem;font-size:.875rem}}.products{max-width:90%;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.products h1{text-align:center;color:#333;margin-bottom:2rem}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{border:1px solid #ddd;padding:25px;text-align:left;font-size:1rem}.products-table th{background-color:#f0f0f0;color:#333}.products-table td{color:#555}@media (max-width: 768px){.products-table th,.products-table td{padding:12px;font-size:.875rem}}.products-search{width:100%;padding:.75rem;margin-bottom:1.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.products-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;margin-right:.5rem}.products-button.edit{background-color:#007bff;color:#fff}.products-button.delete{background-color:#dc3545;color:#fff}.products-button.add{background-color:#28a745;color:#fff;margin-bottom:1rem}.products-button:hover{opacity:.9}.error{color:#dc3545;font-size:.875rem}.customers{max-width:90%;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.customers h1{text-align:center;color:#333;margin-bottom:2rem}.customers-search{width:100%;padding:.75rem;margin-bottom:1.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.customers-table{width:100%;border-collapse:collapse}.customers-table th,.customers-table td{border:1px solid #ddd;padding:16px;text-align:left;font-size:1rem}.customers-table th{background-color:#f0f0f0;color:#333}.customers-table td{color:#555}.customers-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;margin-right:.5rem}.customers-button.edit{background-color:#007bff;color:#fff}.customers-button.delete{background-color:#dc3545;color:#fff}.customers-button.add{background-color:#28a745;color:#fff;margin-bottom:1rem}.customers-button:hover{opacity:.9}@media (max-width: 768px){.customers-table th,.customers-table td{padding:12px;font-size:.875rem}.customers-button{margin-bottom:.5rem}}.suppliers{max-width:90%;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.suppliers h1{text-align:center;color:#333;margin-bottom:2rem}.suppliers-search{width:100%;padding:.75rem;margin-bottom:1.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.suppliers-table{width:100%;border-collapse:collapse}.suppliers-table th,.suppliers-table td{border:1px solid #ddd;padding:16px;text-align:left;font-size:1rem}.suppliers-table th{background-color:#f0f0f0;color:#333}.suppliers-table td{color:#555}.suppliers-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;margin-right:.5rem}.suppliers-button.edit{background-color:#007bff;color:#fff}.suppliers-button.delete{background-color:#dc3545;color:#fff}.suppliers-button.add{background-color:#28a745;color:#fff;margin-bottom:1rem}.suppliers-button:hover{opacity:.9}@media (max-width: 768px){.suppliers-table th,.suppliers-table td{padding:12px;font-size:.875rem}.suppliers-button{margin-bottom:.5rem}}.modal-field input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.orders{max-width:90%;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.orders h1{text-align:center;color:#333;margin-bottom:2rem}.orders-search{width:100%;padding:.75rem;margin-bottom:1.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{border:1px solid #ddd;padding:16px;text-align:left;font-size:1rem}.orders-table th{background-color:#f0f0f0;color:#333}.orders-table td{color:#555}.orders-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;margin-right:.5rem}.orders-button.edit{background-color:#007bff;color:#fff}.orders-button.delete{background-color:#dc3545;color:#fff}.orders-button.add{background-color:#28a745;color:#fff;margin-bottom:1rem}.orders-button:hover{opacity:.9}@media (max-width: 768px){.orders-table th,.orders-table td{padding:12px;font-size:.875rem}.orders-button{margin-bottom:.5rem}}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer}.supplier-orders{max-width:90%;margin:2rem auto;padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.supplier-orders-search{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px}.supplier-orders-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;margin-right:.5rem}.supplier-orders-button.add{background-color:#28a745;color:#fff;margin-bottom:1rem}.supplier-orders-button.edit{background-color:#007bff;color:#fff}.supplier-orders-button.delete{background-color:#dc3545;color:#fff}.supplier-orders-button:hover{opacity:.9}.supplier-orders-table{width:100%;border-collapse:collapse}.supplier-orders-table th,.supplier-orders-table td{padding:.75rem;border:1px solid #ddd;text-align:left}.supplier-orders-table th{background-color:#f2f2f2}@media (max-width: 768px){.supplier-orders-table th,.supplier-orders-table td{padding:12px;font-size:.875rem}.supplier-orders-button{margin-bottom:.5rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;max-width:500px;width:100%;box-shadow:0 4px 8px #0003}.modal-field{margin-bottom:1rem}.modal-field label{display:block;margin-bottom:.5rem;font-weight:700}.modal-field input,.modal-field select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.modal-products{margin-bottom:1rem}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem}.modal-button.save{background-color:#28a745;color:#fff}.modal-button.cancel{background-color:#dc3545;color:#fff}.modal-button.add{background-color:#007bff;color:#fff;margin-top:1rem}.modal-button.remove{background-color:#dc3545;color:#fff;margin-top:1rem}