.reading-card{border:1px solid #eee;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;background-color:#fcfbf9;box-shadow:0 2px 6px #0000000a}.reading-title{display:flex;flex-wrap:wrap;justify-content:space-between;font-weight:600;font-size:1.1rem;margin-bottom:1rem;color:#333}.reading-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem;margin-bottom:1rem}.reading-field{display:flex;flex-direction:column}.reading-field label{font-size:.9rem;color:#555;margin-bottom:.3rem}.reading-field input,.reading-field select{padding:.6rem .8rem;border:1px solid #ddd;border-radius:6px;background-color:#f8f6f3;font-size:.95rem}.reading-field input:focus,.reading-field select:focus{outline:none;border-color:#3b6e22;background-color:#fff}.unit-field{color:#3b6e22;font-weight:500}.trash-button{color:#242424;font-size:1rem;cursor:pointer;align-self:flex-end}.add-reading-btn,.submit-btn{padding:1rem;border-radius:6px;font-weight:600;background-color:#f8f6f3;border:none;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer;margin-top:20px;transition:background .2s ease;width:100%}.add-reading-btn:hover{background-color:#e4e3dd}.submit-btn{background-color:#3b6e22;color:#fefdfb}.submit-btn:hover{background-color:#3b9e55}@media (max-width: 768px){.reading-grid{grid-template-columns:1fr}}.method-toggle{display:flex;margin-bottom:1.5rem;gap:1rem}.method-toggle button{background-color:#fff;color:#3b6e22;font-weight:700;border:2px solid #3B6E22;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.method-toggle button:hover{background-color:#e6f5de;color:#3b6e22}.method-toggle .active{background-color:#3b6e22;color:#fff}.json-upload textarea,.json-upload input[type=file]{width:100%;margin-bottom:1rem}.navbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#3b6e22;color:#fff;padding:1rem 2rem}.nav-links{display:flex;flex-wrap:wrap;gap:.75rem}.nav-links .active{background-color:#f5f5f5;color:#3b6e22}.nav-links a{margin-left:1rem;padding:.5rem 1rem;background:#3b6e22;border:none;color:#f5f5f5;font-weight:700;border-radius:5px;text-decoration:none;transition:background-color .2s ease}.nav-links a:hover{background-color:#e7f9d5;color:#3b6e22}@media (max-width: 600px){.navbar{flex-direction:column;align-items:flex-start}.nav-links{margin-top:1rem;flex-direction:column;align-items:stretch;width:100%}.nav-links a{width:auto;text-align:center}}body{margin:0;font-family:sans-serif;background-color:#f7f7f7}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#3b6e22;color:#fff;padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:700}.nav-buttons button{margin-left:1rem;padding:.5rem 1rem;background:#fff;border:none;color:#3b6e22;font-weight:700;border-radius:5px;cursor:pointer}.nav-buttons .active{background-color:#c0f5b0}.page{padding:2rem}.nav-buttons button:hover{background-color:#e7f9d5}body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background-color:#fefdfb;color:#333}a{color:inherit;text-decoration:none}h2{margin-bottom:1rem}.container{padding:2rem;max-width:1200px;margin:auto}canvas{max-width:100%!important;height:auto!important}.chart-container{background-color:#f8f6f3;border:1px solid #dddddd;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.chart-grid{display:grid;grid-template-columns:1fr;gap:2rem}.chart-card{background-color:#f8f6f3;padding:1.5rem;border-radius:12px;border:1px solid #dddddd;box-shadow:0 2px 8px #0000000d}@media (min-width: 768px){.chart-grid{grid-template-columns:1fr 1fr}}