@media (width<=768px){.navbar{flex-direction:column;gap:20px}.navbar div{flex-wrap:wrap;justify-content:center}.hero h1{font-size:45px}.hero p{width:90%;font-size:18px}.form,.monitor-box{width:90%}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4fff4;font-family:Arial,Helvetica,sans-serif}.navbar{z-index:1000;background:#1b5e20;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.navbar h2{color:#fff;font-size:35px}.navbar div{gap:25px;display:flex}.navbar a{color:#fff;font-size:20px;text-decoration:none;transition:all .3s}.navbar a:hover{color:#ff0}.hero{color:#fff;text-align:center;background-image:url(https://images.unsplash.com/photo-1500937386664-56d1dfef3854);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;height:90vh;display:flex}.hero h1{margin-bottom:20px;font-size:70px}.hero p{width:70%;font-size:25px;line-height:1.6}.container{padding:40px}.card img{object-fit:cover;border-radius:10px;width:100%;height:220px}.page-title{color:#1b5e20;text-align:center;margin-bottom:20px;font-size:50px}.form{background:#fff;border-radius:15px;width:400px;margin:80px auto;padding:40px;box-shadow:0 4px 15px #0003}.form h1{text-align:center;color:#1b5e20;margin-bottom:30px}.form input{border:1px solid gray;border-radius:10px;width:100%;margin-bottom:20px;padding:15px;font-size:16px}.form button{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;width:100%;padding:15px;font-size:18px}.form button:hover{background:green}.weather-card{background:#fff;border-radius:15px;margin-top:40px;padding:30px;box-shadow:0 4px 15px #0003}.weather-card h2{color:#1b5e20;margin-bottom:20px}.weather-card p{margin-bottom:10px;font-size:20px}.monitor-box{background:#fff;border-radius:15px;width:500px;margin:auto;padding:30px;box-shadow:0 4px 15px #0003}.monitor-box select{border-radius:10px;width:100%;margin-bottom:20px;padding:15px}.monitor-result{background:#e8f5e9;border-radius:10px;margin-top:20px;padding:20px}.footer{color:#fff;text-align:center;background:#1b5e20;margin-top:60px;padding:30px}@media (width<=768px){.navbar{flex-direction:column;gap:20px}.navbar div{flex-wrap:wrap;justify-content:center}.hero h1{font-size:45px}.hero p{width:90%;font-size:18px}.form,.monitor-box{width:90%}}.search-box{border:none;border-radius:10px;width:100%;margin-bottom:30px;padding:15px;font-size:18px;box-shadow:0 4px 10px #0003}.filter-container{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.filter-container select{border:none;border-radius:10px;width:250px;padding:15px;font-size:16px;box-shadow:0 4px 10px #0003}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.card{background:#fff;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 5px 20px #0003}.card img{object-fit:cover;width:100%;height:220px}.card h2{color:#1b5e20;margin:20px}.card p{margin-bottom:15px;margin-left:20px;margin-right:20px;line-height:1.6}.recommend-box{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:50px;display:flex}.input-group{flex-direction:column;gap:10px;display:flex}.input-group label{color:#1b5e20;font-size:18px;font-weight:700}.input-group select{border:none;border-radius:10px;width:250px;padding:15px;font-size:16px;box-shadow:0 4px 10px #0003}.select-message{text-align:center;color:#1b5e20;width:100%;margin-top:40px}.irrigation-note{text-align:center;background:#fff;border-radius:20px;margin-top:50px;padding:30px;box-shadow:0 5px 20px #00000026}.irrigation-note h2{color:#1b5e20;margin-bottom:15px}.irrigation-note p{font-size:18px;line-height:1.8}.details-btn{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;width:100%;margin-top:15px;padding:12px;font-size:16px}.details-btn:hover{background:#388e3c}.details-box{background:#fff;border-radius:20px;margin-top:60px;padding:40px;box-shadow:0 5px 20px #0003}.details-box img{object-fit:cover;border-radius:15px;width:100%;max-height:400px;margin:25px 0}.details-box h1{color:#1b5e20;margin-bottom:20px}.details-box p{margin-bottom:20px;font-size:18px;line-height:1.8}.details-page{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0003}.details-page img{object-fit:cover;border-radius:20px;width:100%;height:400px;margin-bottom:30px}.details-page h1{color:#1b5e20;margin-bottom:20px}.details-page p{margin-bottom:20px;font-size:18px;line-height:1.8}.details-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 15px #0003}.details-image{object-fit:cover;border-radius:15px;width:100%;height:450px;margin-bottom:30px}.details-card h1{color:#1b5e20;margin-bottom:20px}.details-card h3{color:#1b5e20;margin-top:25px}.details-card p{font-size:18px;line-height:1.8}.back-btn{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;margin-bottom:25px;padding:12px 28px;font-size:18px;font-weight:700;display:block}.report-card{background:#e8f5e9;border-radius:12px;margin-top:30px;padding:25px}.report-card h2{color:#1b5e20;margin-bottom:20px}.report-card p{margin-bottom:12px;font-size:18px}.weather-monitor-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 15px #0003}.weather-box{text-align:center;background:#e8f5e9;border-radius:15px;padding:25px;transition:all .3s}.weather-suggestion{background:#f1f8e9;border-radius:15px;margin-top:40px;padding:30px}.weather-suggestion h2{color:#1b5e20;margin-bottom:15px}.weather-suggestion p{font-size:20px;line-height:1.6}.crop-monitor-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.crop-monitor-card{background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 4px 15px #00000026}.crop-monitor-card:hover{transform:translateY(-8px)}.crop-monitor-card h2{color:#1b5e20;margin-bottom:20px}.crop-monitor-card p{font-size:17px;line-height:1.8}.hero{text-align:center;color:#fff;background-image:url(https://images.unsplash.com/photo-1500937386664-56d1dfef3854);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;height:90vh;display:flex;position:relative}.hero:before{content:"";background:#00000080;width:100%;height:100%;position:absolute}.hero h1{z-index:1;font-size:70px}.hero p{z-index:1;width:70%;margin-top:20px;font-size:24px;line-height:1.6}.hero button{color:#fff;cursor:pointer;z-index:1;background:#1b5e20;border:none;border-radius:10px;margin-top:30px;padding:15px 35px;font-size:18px}.hero button:hover{background:green}.page-title{text-align:center;color:#1b5e20;margin-bottom:40px;font-size:55px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px;display:grid}.card{background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 4px 15px #00000026}.card:hover{transform:translateY(-8px)}.card h2{color:#1b5e20;margin-bottom:20px}.card p{font-size:18px;line-height:1.8}@media (width<=768px){.hero h1{font-size:45px}.hero p{width:90%;font-size:18px}}.soil-card{margin-top:50px}@media (width<=768px){.hero h1{font-size:45px}.hero p{width:90%;font-size:18px}}.hero-content{z-index:2;text-align:center}.hero-content button{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;margin-top:30px;padding:15px 35px;font-size:18px}.hero-content button:hover{background:green}.crop-monitor-section{margin-top:70px}.crop-monitor-report{background:#e8f5e9;border-radius:15px;margin-top:40px;padding:30px}.crop-monitor-report p{font-size:18px;line-height:1.8}.soil-card{background:#fff;border-radius:20px;margin-top:40px;padding:30px;box-shadow:0 4px 15px #00000026}.soil-card h2{color:#1b5e20;margin-bottom:25px;font-size:38px}.soil-details{flex-wrap:wrap;gap:40px;display:flex}.soil-details p{background:#f4fff4;border-radius:12px;padding:18px 25px;font-size:20px;font-weight:700}.monitor-box{background:#fff;border-radius:20px;max-width:700px;margin:auto;padding:40px;box-shadow:0 4px 15px #00000026}.monitor-box label{color:#1b5e20;margin-top:20px;margin-bottom:10px;font-size:18px;font-weight:700;display:block}.monitor-box select{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px;font-size:16px}.report-btn{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;width:100%;margin-top:30px;padding:15px;font-size:18px}.report-box{background:#e8f5e9;border-radius:15px;margin-top:35px;padding:30px}.report-box h2{color:#1b5e20;margin-bottom:20px}.report-box p{margin-bottom:15px;font-size:18px;line-height:1.6}.filter-box{background:#fff;border-radius:20px;margin-bottom:40px;padding:30px;box-shadow:0 4px 15px #00000026}.filter-group{margin-bottom:25px}.filter-group label{color:#1b5e20;margin-bottom:10px;font-size:18px;font-weight:700;display:block}.filter-group select{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px;font-size:16px}button{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;padding:15px 25px;font-size:17px;font-weight:700;transition:all .3s}button:hover{background:#2e7d32;transform:scale(1.03)}.logout-btn{background:#c62828}.logout-btn:hover{background:#8e0000}.irrigation-details{background:#fff;border-radius:20px;max-width:900px;margin:40px auto;padding:30px;box-shadow:0 4px 15px #00000026}.irrigation-details img{object-fit:cover;border-radius:15px;width:100%;height:350px;margin-bottom:25px}.irrigation-details h1{color:#1b5e20;margin-bottom:20px;font-size:40px}.irrigation-details h2{color:#1b5e20;margin-top:25px;margin-bottom:15px}.irrigation-details p{margin-bottom:15px;font-size:17px;line-height:1.8}.irrigation-details ul{margin-bottom:20px;margin-left:25px}.irrigation-details li{margin-bottom:10px;font-size:16px}.back-btn{background:#1565c0;margin-bottom:25px}.back-btn:hover{background:#0d47a1}.tabs{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.tabs button{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:12px;padding:14px 28px;font-size:17px;transition:all .3s}.tabs button:hover{background:#388e3c}.weather-box{text-align:center;background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 4px 15px #00000026}.weather-box:hover{transform:translateY(-8px)}.weather-box h3{color:#1b5e20;margin-bottom:15px;font-size:24px}.alerts-box h2{color:#c62828;margin-bottom:20px}.alert-card{color:#c62828;background:#ffebee;border-radius:12px;margin-bottom:15px;padding:18px;font-size:18px;font-weight:700;box-shadow:0 4px 10px #0000001a}@media (width<=768px){.weather-box p{font-size:28px}}.progress-bar{background:#e0e0e0;border-radius:10px;width:100%;height:12px;margin-top:15px;overflow:hidden}.progress-fill{background:#1b5e20;border-radius:10px;height:100%;transition:all 1s}.safe{border-left:8px solid #2e7d32}.warning{border-left:8px solid #f9a825}.danger{border-left:8px solid #c62828}.system-status{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px;display:grid}.status-card{text-align:center;background:#fff;border-radius:18px;padding:25px;box-shadow:0 4px 15px #00000026}.status-card h3{color:#1b5e20;margin-bottom:15px}.status-card p{font-size:22px;font-weight:700}.field-selector{background:#fff;border-radius:18px;margin-bottom:35px;padding:25px;box-shadow:0 4px 15px #00000026}.field-selector label{color:#1b5e20;margin-bottom:12px;font-size:18px;font-weight:700;display:block}.field-selector select{border:1px solid #ccc;border-radius:10px;width:100%;padding:15px;font-size:16px}.history-table{border-collapse:collapse;width:100%;margin-top:30px}.history-table th{color:#fff;background:#1b5e20;padding:15px}.history-table td{text-align:center;border:1px solid #ddd;padding:15px}.history-table tr:nth-child(2n){background:#f5f5f5}.health-circle{background:conic-gradient(#2e7d32 calc(var(--health) * 1%), #e0e0e0 0);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:20px auto;display:flex}.health-inner{color:#1b5e20;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:24px;font-weight:700;display:flex}.crop-monitor-form{background:#fff;border-radius:20px;max-width:600px;margin:40px auto;padding:35px;box-shadow:0 4px 15px #00000026}.crop-monitor-form h1{text-align:center;color:#1b5e20;margin-bottom:25px}.crop-monitor-form label{color:#1b5e20;margin-top:20px;margin-bottom:10px;font-size:18px;font-weight:700;display:block}.crop-monitor-form input,.crop-monitor-form select{border:1px solid #ccc;border-radius:10px;outline:none;width:100%;margin-bottom:20px;padding:15px;font-size:16px}.crop-monitor-form input:focus,.crop-monitor-form select:focus{border-color:#1b5e20}.report-btn{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;width:100%;margin-top:30px;padding:15px;font-size:18px;transition:all .3s}.report-btn:hover{background:#388e3c}.weather-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:30px;display:grid}.weather-box{text-align:center;background:#fff;border-radius:18px;padding:25px;box-shadow:0 4px 15px #00000026}.weather-box h3{color:#1b5e20;margin-bottom:15px}.weather-box p{font-size:28px;font-weight:700}.crop-monitor-report{background:#fff;border-radius:20px;margin-top:40px;padding:30px;box-shadow:0 4px 15px #00000026}.crop-monitor-report h2{color:#1b5e20;margin-bottom:20px}.crop-monitor-report p{margin-bottom:15px;font-size:18px;line-height:1.7}.alerts-box{margin-top:40px}.alert-card{color:#c62828;background:#ffebee;border-radius:12px;margin-bottom:15px;padding:18px;font-weight:700;box-shadow:0 4px 10px #0000001a}@media (width<=768px){.weather-box p{font-size:22px}}.login-container{background:#edf5ed;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.login-box{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:40px;box-shadow:0 4px 20px #00000026}.login-box h1{text-align:center;color:#1b5e20;margin-bottom:30px;font-size:40px}.login-box form{flex-direction:column;display:flex}.login-box label{color:#1b5e20;margin-top:15px;margin-bottom:10px;font-size:18px;font-weight:700}.login-box input{border:1px solid #ccc;border-radius:10px;outline:none;width:100%;padding:15px;font-size:16px;transition:all .3s}.login-box input:focus{border-color:#1b5e20;box-shadow:0 0 5px #1b5e204d}.field-error{color:#d32f2f;margin-top:10px;margin-bottom:10px;font-size:14px;display:block}.form-options{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.checkbox-label{color:#1b5e20;align-items:center;gap:10px;font-size:15px;display:flex}.login-box input[type=checkbox]{width:auto;height:auto}.password-toggle{color:#1b5e20;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px;font-weight:700;transition:all .2s}.password-toggle:hover{background:#1b5e2014}.login-box button{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:10px;width:100%;margin-top:30px;padding:15px;font-size:20px;font-weight:700;transition:all .3s}.login-box button:hover{background:#388e3c;transform:translateY(-2px)}@media (width<=768px){.login-box{padding:25px}.login-box h1{font-size:30px}}