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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0;padding:20px}h1{color:#333;text-align:center}form{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:600px;padding:20px}form input{border:1px solid #ddd;border-radius:4px;margin:10px 0;width:calc(100% - 20px)}form button,form input{font-size:16px;padding:10px}form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s;width:100%}form button:hover{background-color:#0056b3}table{background:#fff;box-shadow:0 2px 4px #0000001a}table thead{background-color:#007bff;color:#fff}table td,table th{border:1px solid #ddd;padding:12px 15px;text-align:left}table tbody tr:nth-child(2n){background-color:#f2f2f2}table tbody tr:hover{background-color:#f1f1f1}table th{letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){form button,form input,table td,table th{font-size:14px}}.suppliers-container{background-color:#f8f9fa;padding:20px}.suppliers-container h1{color:#007bff;margin-bottom:20px;text-align:centre}table{margin-top:20px}tbody tr:nth-child(odd){background-color:#f1f1f1}td,th{padding:8px}.products-container{background-color:#f9f9f9;padding:20px}.products-container h1{color:#007bff;text-align:centre}tbody tr:nth-child(odd){background-color:#f0f0f0}.orders-container{background-color:#fdfdfe;padding:20px}.orders-container h1{color:#007bff;text-align:centre}table{border-collapse:collapse;width:100%}thead th{background-color:#007bff;color:#fff;padding:10px}tbody tr:nth-child(odd){background-color:#f2f2f2}tbody tr:nth-child(2n){background-color:#fff}td,th{border:1px solid #ddd;padding:10px;text-align:left}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8119d1be.css.map*/