.home{padding:20px;text-align:center}.home h1{font-size:2.5rem}.home h1,.nav{margin-bottom:20px}.nav{display:flex;gap:20px;justify-content:center}.nav a,.nav button{background-color:#007bff;border-radius:5px;color:#fff;font-size:1rem;padding:10px 20px}.nav a:hover,.nav button:hover{background-color:#0056b3}.footer{color:#666;font-size:.9rem;margin-top:40px}@media (max-width:768px){.nav{flex-direction:column;gap:10px}.nav a,.nav button{width:100%}}.water-quality{padding:20px;text-align:center}.water-quality h1{font-size:2.5rem;margin-bottom:20px}.options{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.options a{background-color:#28a745;border-radius:5px;color:#fff;font-size:1rem;padding:15px 30px}.options a:hover{background-color:#218838}@media (max-width:768px){.options{flex-direction:column;gap:10px}.options a{width:100%}}.login-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:50px auto;max-width:400px;padding:20px}.login-container h2{color:#333;margin-bottom:20px;text-align:center}.login-form .form-group{margin-bottom:15px}.login-form label{color:#555;display:block;font-weight:700;margin-bottom:5px}.login-form input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.login-form input:focus{border-color:#007bff;outline:none}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-button:hover:not(:disabled){background-color:#0056b3}.error-message{color:#dc3545;margin-bottom:15px;text-align:center}.form-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0 auto;max-width:1200px;padding:20px}h1{color:#333;margin-bottom:30px;text-align:center}.form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:30px}.form-row{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:10px}.form-group{flex:1 1;min-width:250px}.full-width{flex:100% 1}label{color:#333;display:block;font-weight:500;margin-bottom:8px}input,select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}input:disabled{background-color:#f5f5f5;cursor:not-allowed}.water-samples-section{overflow-x:auto}.water-samples-header{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.water-sample-input{display:flex;flex-direction:column}.parameter-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:250px repeat(6,1fr);margin-bottom:10px}.water-samples-table th{border:1px solid #ddd;padding:10px;text-align:center;width:50px}.parameter-label{font-weight:500}.parameter-inputs{display:flex;flex-direction:column;gap:5px}.parameter-inputs input{width:100%}.form-footer{margin-top:20px;text-align:center}button{background-color:#1a73e8;font-size:16px;padding:12px 24px;transition:background-color .2s}button:hover{background-color:#1557b0}@media (max-width:768px){.form-container{padding:10px}.form-row{flex-direction:column;gap:10px}.form-group{min-width:100%}.parameter-row{font-size:14px;grid-template-columns:100px repeat(6,1fr)}input,select{font-size:14px;padding:6px 8px}.water-samples-section{padding:10px}.water-samples-header{grid-template-columns:repeat(3,1fr)}.parameter-row{grid-template-columns:100px repeat(3,1fr)}}@media (max-width:480px){.water-samples-header{grid-template-columns:repeat(2,1fr)}.parameter-row{grid-template-columns:100px repeat(2,1fr)}}.water-samples-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.water-samples-section h2{color:#333;font-size:1.5em;margin-bottom:20px}.water-samples-table{border-collapse:collapse;width:100%}.water-samples-table td,.water-samples-table th{border:1px solid #ddd;padding:10px;text-align:center}.water-samples-table th{background-color:#f9f9f9;font-weight:500}.water-samples-table input[type=number],.water-samples-table input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px;width:80%}.water-samples-table input:disabled{background-color:#f5f5f5;cursor:not-allowed}.update-concentration{margin:0 auto;max-width:800px;padding:20px}.concentration-form{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.error-message{margin-bottom:10px}.concentration-table{border-collapse:collapse;margin-top:20px;width:100%}.concentration-table td,.concentration-table th{border:1px solid #ddd;padding:8px;text-align:left}.concentration-table th{background-color:#f2f2f2}button{border-radius:4px}.update-control-parameters{margin:0 auto;max-width:1200px;padding:20px}button{border-radius:5px;margin-bottom:1px;padding:10px 20px}button:disabled{background-color:#ccc;cursor:not-allowed}.success-message{color:green;margin-top:10px}.error-message{color:red;margin-top:10px}.key-value-container{margin-top:20px}.project-section{background-color:#f9f9f9;border-radius:2px;box-shadow:0 2px 4px #0000001a;margin-bottom:5px;margin-top:1px;padding:1px}.project-title{color:#333;font-size:.8em;margin-bottom:3px;margin-top:3px;padding-top:0}.water-item-section{margin-bottom:5px}.water-item-title{color:#555;font-size:.6em;margin-bottom:1px}.parameter-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.parameter-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:2px;display:flex;font-size:.8em;padding:1px}.parameter-key{color:#333;font-weight:700;margin-right:5px}.parameter-value{color:#666}body{background-color:#f4f4f9;color:#333;font-family:Arial,sans-serif;margin:0}a{color:inherit;text-decoration:none}button{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;padding:10px 100px}button:hover{background-color:#0056b3}.container{margin:0 auto;max-width:1200px;padding:15px}@media (max-width:768px){.container{padding:10px}}
/*# sourceMappingURL=main.538c1ae0.css.map*/