@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body,html,#root{font-family:Poppins,sans-serif;background:#2fbf71;transition:background .3s ease}.dark body,.dark #root{background:#0f1e14!important}.home-container{width:100%;min-height:calc(80vh - 110px);padding-top:40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding-bottom:60px;transition:color .3s ease}.tagline{font-family:Montserrat,sans-serif;font-size:30px;font-weight:800;letter-spacing:2px;color:#fff;margin-bottom:40px;text-align:center;display:inline-block}.dark .tagline{color:#eaffea}.burst-letter{display:inline-block;opacity:0;transform:translateY(20px) scale(.8);animation:burstLetter .55s ease-out forwards}@keyframes burstLetter{0%{opacity:0;transform:translateY(20px) scale(.7)}50%{opacity:1;transform:translateY(-18px) scale(1.15)}80%{transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.image-wrapper{position:relative;width:min(60vw,450px);height:min(60vw,450px);min-width:260px;min-height:260px;display:flex;justify-content:center;align-items:center;animation:fadeInScale 1.4s ease forwards}.glow-circle{position:absolute;width:100%;height:100%;border-radius:50%;background:#ffffff26;box-shadow:0 0 80px #fff9,0 0 200px #ffffff4d,0 0 300px #fff3;animation:rotateGlow 12s linear infinite,pulseGlow 3s ease-in-out infinite;z-index:1}.dark .glow-circle{background:#b4ffb41f;box-shadow:0 0 60px #78ff7866,0 0 140px #78ff7840}.farmer-image{width:70%;height:auto;object-fit:contain;z-index:2;opacity:0;transform:translateY(20px) scale(.9);animation:imageEnter 1.3s ease-out forwards .3s}.dark .farmer-image{filter:drop-shadow(0 0 4px rgba(120,255,120,.4))}.welcome-text{font-size:clamp(28px,6vw,60px);font-weight:900;margin-top:35px;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px white;background:linear-gradient(90deg,white 50%,transparent 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:textFill 3s linear infinite,textSlideUp 1s ease-out forwards .8s}.dark .welcome-text{-webkit-text-stroke:2px #bfffba;background:linear-gradient(90deg,#bfffba 50%,transparent 50%);background-size:200% 100%}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes imageEnter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes textFill{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:100% 0}}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{font-family:Poppins,sans-serif;scroll-behavior:smooth}:root{--page-bg: #f8f9fa;--text-main: #333;--card-bg: #ffffff;--card-text: #154b2c;--card-desc: #555;--sensor-card-bg: #ffffff;--sensor-card-text: #154b2c;--why-bg: #d4f3e2;--why-text: #154b2c}.dark{--page-bg: linear-gradient(135deg, #021f12, #063d22, #0a6b3a);--text-main: #eaffea;--card-bg: #0d1f16;--card-text: #4ade80;--card-desc: #c6ffcf;--sensor-card-bg: #0f221a;--sensor-card-text: #4ade80;--why-bg: #0f221a;--why-text: #e5ffe9}body.dark{background:var(--page-bg)}.about-section{width:100%;padding:60px 20px;display:flex;flex-direction:column;gap:50px;text-align:center;background:var(--page-bg);transition:.4s ease}.about-card{max-width:1100px;margin:auto;background:var(--card-bg);padding:50px 30px;border-radius:25px;box-shadow:0 15px 50px #00000073;transition:.4s ease}.about-card:hover{background:#12281d;box-shadow:0 25px 60px #0009}.about-title{font-size:46px;font-weight:900;color:var(--card-text);margin-bottom:20px}.about-desc{max-width:780px;margin:auto;font-size:19px;color:var(--card-desc);line-height:1.8}.sensor-section{max-width:1200px;margin:auto;text-align:center}.sub-heading{font-size:36px;font-weight:800;color:var(--sensor-card-text);margin-bottom:40px}.sensor-grid{display:flex;justify-content:flex-start;gap:30px;overflow-x:auto;padding:15px}.sensor-card{background:var(--sensor-card-bg);color:var(--sensor-card-text);padding:35px 20px;border-radius:28px;min-width:230px;box-shadow:0 12px 35px #00000073;transition:.35s ease}.sensor-card:hover{transform:translateY(-8px);background:#153728;box-shadow:0 18px 45px #000000a6}.sensor-card .icon{font-size:46px;color:var(--sensor-card-text);margin-bottom:15px}.sensor-card h4{font-size:22px;font-weight:700;color:var(--sensor-card-text);margin-bottom:12px}.sensor-card p{font-size:16px;color:var(--card-desc);line-height:1.6}.why-section{width:100%;padding:80px 40px;background:var(--page-bg);text-align:center}.why-section .sub-heading{font-size:44px;font-weight:900;color:var(--sensor-card-text);margin-bottom:60px}.why-list{list-style:none;max-width:1000px;margin:auto;display:flex;flex-direction:column;gap:25px}.why-list li{display:flex;align-items:center;gap:20px;background:var(--why-bg);padding:25px 30px;border-radius:22px;font-size:20px;font-weight:600;color:var(--why-text);box-shadow:0 15px 35px #00000073;transition:.3s ease}.why-list li:hover{transform:translateY(-5px);background:#153728}.check-icon{font-size:28px;color:#4ade80;width:45px;height:45px;background:#32c87840;border-radius:50%;display:flex;align-items:center;justify-content:center}.fade-in{opacity:0;animation:fadeUp .9s ease forwards}@media(max-width:768px){.about-title{font-size:36px}.sub-heading{font-size:30px}.why-section{padding:50px 20px}.sensor-grid{gap:20px}}.why-list li:hover{color:#fff!important}.why-list li:hover .check-icon{color:#4ade80!important;background:#32c87840}.sensor-card:hover .icon,.sensor-card:hover h4{color:#4ade80!important}.sensor-card:hover p{color:#fff!important}.about-card:hover .about-title{color:#39a560!important}.about-card:hover .about-desc{color:#fff!important}:root{--green: #0b7027;--bg: #f4fff4;--card: #ffffff;--text: #073b18;--muted: rgba(7,59,24,.6)}.monitor.dark-mode{--bg: #07160f;--card: #0b2316;--text: #dfffe1;--muted: rgba(223,255,225,.6)}.monitor{background:var(--bg);color:var(--text);min-height:100vh;padding:24px 28px;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.monitor-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.monitor-header h1{margin:0;font-size:22px}.subtitle{color:var(--muted);font-size:13px;margin-top:6px}.header-actions{display:flex;gap:8px;align-items:center}.mode-btn{background:var(--green);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.alerts-section{margin-top:16px}.alerts-table-wrap{background:var(--card);padding:10px;border-radius:10px;box-shadow:0 8px 20px #031e0c0a;border-left:5px solid var(--green)}.alerts-table{width:100%;border-collapse:collapse}.alerts-table th{background:var(--green);color:#fff;padding:8px;text-align:left}.alerts-table td{padding:8px;border-bottom:1px solid #eee}.top-cards{margin-top:18px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card.compact{background:var(--card);border-radius:12px;padding:12px;text-align:left;box-shadow:0 8px 18px #031e0c0a;border:1px solid rgba(11,112,39,.06);cursor:pointer}.card.compact .card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.card.compact .icon{color:var(--green);font-size:18px}.card-value{font-weight:700;font-size:18px;margin-top:4px}.card-status{margin-top:6px;font-size:13px;color:var(--muted)}.card-status.low{color:#c02;font-weight:700}.card-status.high{color:#d18f00;font-weight:700}.card-status.normal{color:var(--green);font-weight:700}.graphs-wrapper{margin-top:26px;display:flex;flex-direction:column;gap:30px}.graph-section{display:flex;flex-direction:column;gap:14px}.graph-card-summary{display:flex;gap:14px;align-items:center;background:var(--card);padding:12px;border-radius:12px;box-shadow:0 8px 18px #031e0c0a;border-left:6px solid var(--green)}.icon-large{font-size:28px;color:var(--green)}.graph-card-summary h3{margin:0 0 6px}.big{font-size:28px;font-weight:800;margin-top:4px}.small-status{color:var(--muted);margin-top:6px;font-weight:600}.suggest{margin-top:8px;color:var(--muted);font-size:13px}.chart-area{background:var(--card);padding:12px;border-radius:12px;box-shadow:0 8px 18px #031e0c0a}@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.cards-grid{grid-template-columns:repeat(2,1fr)}.graph-card-summary{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.cards-grid{grid-template-columns:1fr}}.auth-container{min-height:100vh;background:linear-gradient(135deg,#c8f9d8,#7ce4a3);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:.3s ease}:root[data-theme=dark] .auth-container{background:linear-gradient(135deg,#0a2714,#06451d)}.shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5}.shape1{width:220px;height:220px;background:#5ad082;top:12%;left:8%}.shape2{width:300px;height:300px;background:#9df0b8;bottom:10%;right:10%}.auth-box{width:410px;padding:40px 35px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 15px 45px #00000026;text-align:center;position:relative;z-index:2;transition:.3s ease}:root[data-theme=dark] .auth-box{background:#00000073;box-shadow:0 15px 45px #0006}.title{font-size:34px;font-weight:900;color:#0b6b37;transition:.3s ease}.subtitle{color:#444;margin-bottom:28px;font-size:16px;transition:.3s ease}:root[data-theme=dark] .title{color:#8cffb0}:root[data-theme=dark] .subtitle{color:#d0ffd6}form{text-align:left}label{font-weight:600;font-size:15px;margin-bottom:6px;display:block;color:#111!important}input{width:100%;padding:12px;border:2px solid #bfeccc;border-radius:10px;margin-bottom:18px;font-size:15px;transition:.3s ease;background:#fff;color:#000}:root[data-theme=dark] input{background:#153021;border:2px solid #2f7a4f;color:#e8ffe8}input:focus{border-color:#33c16d;outline:none}.btn{width:100%;padding:13px;background:#2fbf71;color:#fff;font-weight:700;border-radius:10px;border:none;font-size:17px;cursor:pointer;transition:.3s ease}.btn:hover{background:#249c5c}:root[data-theme=dark] .btn{background:#1f8b52}:root[data-theme=dark] .btn:hover{background:#166b3d}.switch-text{text-align:center;margin-top:15px;color:#333;font-size:14px}:root[data-theme=dark] .switch-text{color:#d7ffd7}.switch-text a:hover{text-decoration:underline}.fade-in{animation:fadeUp .9s ease forwards;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.auth-container{min-height:100vh;background:linear-gradient(135deg,#bff7d6,#66d98c);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:.4s ease}:root[data-theme=dark] .auth-container{background:linear-gradient(135deg,#062b16,#094821)}.shapeA{position:absolute;width:250px;height:250px;background:#7fe8ac;top:15%;left:7%;border-radius:50%;filter:blur(35px);transition:.4s ease}.shapeB{position:absolute;width:320px;height:320px;background:#c2fbd7;bottom:12%;right:12%;border-radius:50%;filter:blur(40px);transition:.4s ease}:root[data-theme=dark] .shapeA{background:#0b5e2c}:root[data-theme=dark] .shapeB{background:#0a3f23}.auth-box{width:420px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:40px 35px;border-radius:22px;box-shadow:0 15px 50px #00000026;z-index:2;text-align:center;transition:.4s ease}:root[data-theme=dark] .auth-box{background:#00000080;box-shadow:0 15px 50px #00000080}.title{font-size:32px;font-weight:900;color:#0a5730;transition:.4s ease}:root[data-theme=dark] .title{color:#9fffc8}.subtitle{font-size:15px;color:#444;margin-bottom:25px;transition:.4s ease}:root[data-theme=dark] .subtitle{color:#dfffdb}label{font-weight:600;display:block;margin-bottom:6px;color:#000!important}input{width:100%;padding:12px;border-radius:10px;border:2px solid #b7e9cb;margin-bottom:18px;font-size:15px;background:#fff;color:#000;transition:.3s ease}input:focus{border-color:#28b463;outline:none}:root[data-theme=dark] input{background:#153221;border-color:#1b8f57;color:#e8ffe8}.btn{width:100%;background:#28b463;padding:13px;border-radius:10px;border:none;font-size:17px;color:#fff;font-weight:700;cursor:pointer;transition:.3s ease}.btn:hover{background:#1f9d54}:root[data-theme=dark] .btn{background:#1d8a4f}:root[data-theme=dark] .btn:hover{background:#166c3c}.switch-text{margin-top:12px;font-size:14px;color:#333}.switch-text a{color:#005bbb;font-weight:700}:root[data-theme=dark] .switch-text{color:#d8ffd8}.slide-up{opacity:0;animation:slideUp .9s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}label{color:#000!important}:root[data-theme=dark] label{color:#fff!important}.navbar{display:flex;justify-content:space-between;align-items:center;background:var(--navbar-bg);color:var(--navbar-text);padding:18px 40px;transition:.3s ease;font-family:Inter,sans-serif}.logo{color:var(--navbar-text);font-size:28px;font-weight:700}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:var(--navbar-text);font-size:17px;font-weight:600;padding:6px 12px;border-radius:10px;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease}.nav-links a.active{background:#0f8f3d;color:#fff!important;box-shadow:0 3px 6px #0f8f3d4d}.nav-links a:hover{background:#0f8f3d;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0f8f3d40}.nav-links a:active{transform:translateY(1px);box-shadow:0 2px 4px #0f8f3d33}.nav-links a:not(:hover):not(.active){background:transparent!important;box-shadow:none!important;transform:none!important}.mode-toggle-wrapper{display:flex;align-items:center;gap:10px}.mode-label{font-size:14px;font-weight:600;color:var(--navbar-text)}.switch{position:relative;width:52px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#bfbfbf;border-radius:30px;transition:.3s ease;box-shadow:inset 0 0 4px #0003}.slider:before{content:"";position:absolute;height:22px;width:22px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:.3s ease;box-shadow:0 2px 4px #0003}.switch input:checked+.slider{background:#0f8f3d}.switch input:checked+.slider:before{transform:translate(26px)}.menu-btn{display:none;color:var(--navbar-text);font-size:30px;cursor:pointer}@media(max-width:768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;gap:15px}.menu-btn{display:block}}:root{--navbar-bg: #c2c2c2;--navbar-text: #222}.profile-bar{width:100%;background:var(--card-bg);display:flex;align-items:center;justify-content:space-between;padding:10px 25px;box-shadow:0 4px 12px #0000001a;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border-color);transition:background .3s ease,color .3s ease}.profile-name{font-size:15px;font-weight:600;margin-right:15px;color:var(--text-color);background:var(--profile-pill-bg);padding:8px 14px;border-radius:25px;border:1px solid var(--profile-pill-border);transition:.3s ease}.logout-btn{padding:8px 16px;background:#ff4d4d;color:#fff;border:none;border-radius:25px;font-size:14px;cursor:pointer;font-weight:700;transition:.25s ease}.logout-btn:hover{background:#d93636;transform:scale(1.05)}:root[data-theme=light]{--card-bg: #b5b5b5;--text-color: #222;--border-color: #9e9e9e;--profile-pill-bg: #dcdcdc;--profile-pill-border: #bcbcbc}:root[data-theme=dark]{--card-bg: #1b1f1b;--text-color: #e6ffe6;--border-color: #2d4b2d;--profile-pill-bg: #263a26;--profile-pill-border: #3f5d3f}@media(max-width:600px){.profile-bar{justify-content:center;flex-direction:column;gap:10px;padding:12px}.profile-name{font-size:14px;padding:7px 12px}.logout-btn{font-size:13px;padding:6px 14px}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9}main{padding:0}:root[data-theme=light]{--bg-color: #ffffff;--text-color: #222;--card-bg: #f5f5f5;--nav-bg: white;--nav-text: #333}:root[data-theme=dark]{--bg-color: #121212;--text-color: #f0f0f0;--card-bg: #1f1f1f;--nav-bg: #1c1c1c;--nav-text: #e0e0e0}body{background:var(--bg-color);color:var(--text-color);transition:.3s ease}:root[data-theme=light]{--navbar-bg: #ffffff;--navbar-text: #000000}:root[data-theme=dark]{--navbar-bg: #0c0c0c;--navbar-text: #ffffff}