:root{--green:#2e7d32;--light:#66bb6a;--ink:#263238;--muted:#718088;--bg:#f6f8f6;--line:#e8ede8;--white:#fff;--danger:#df5b5b;--shadow:0 8px 24px rgba(27,62,35,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:13px}.material-symbols-rounded{font-size:20px;vertical-align:middle}.hidden{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:0}.login-view{min-height:100vh;display:grid;grid-template-columns:55% 45%}.login-art{background:linear-gradient(145deg,#1d5729,#347c3a);color:white;position:relative;overflow:hidden;padding:46px 8%;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-1px;color:var(--green)}.brand span span{color:var(--light)}.brand.white{color:white}.brand.white span span{color:#b9e9b9}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)}.white .brand-mark{background:#fff;color:var(--green)}.art-content{max-width:570px;margin:auto 0 110px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#c1eac4}.art-content h1{font-size:46px;line-height:1.15;letter-spacing:-2.5px;margin:17px 0}.art-content em{font-style:normal;color:#b9eb9e}.art-content p{max-width:410px;font-size:16px;line-height:1.65;color:#d2e8d3}.garden{position:absolute;bottom:0;left:0;width:100%;height:245px;opacity:.72}.sun{width:100px;height:100px;border-radius:50%;background:#d8f58d;position:absolute;right:15%;top:4px;box-shadow:0 0 70px #d8f58d}.hill{position:absolute;border-radius:50% 50% 0 0}.h1{background:#174c2e;width:110%;height:150px;bottom:-60px;left:-25%}.h2{background:#256535;width:100%;height:130px;bottom:-55px;right:-30%}.plants{position:absolute;bottom:37px;left:8%;right:8%;height:110px;background:repeating-linear-gradient(90deg,transparent 0 42px,#9cd66d 43px 45px,transparent 46px 85px);clip-path:polygon(0 100%,3% 30%,6% 100%,10% 5%,13% 100%,20% 20%,24% 100%,30% 0,34% 100%,40% 20%,44% 100%,52% 0,56% 100%,64% 20%,68% 100%,76% 0,80% 100%,88% 20%,92% 100%,100% 5%,100% 100%)}.login-art small{position:relative;z-index:2;color:#cbe1cb}.login-panel{display:grid;place-items:center;background:#fff}.login-box{width:min(390px,80%)}.welcome{margin:55px 0 32px}.welcome h2{font-size:27px;letter-spacing:-1px;margin:0 0 9px}.welcome p{color:var(--muted);margin:0}form label{display:block;font-weight:600;font-size:12px;margin:15px 0 8px}input,select{width:100%;border:1px solid #dfe5df;border-radius:9px;padding:12px;color:var(--ink);outline-color:var(--light);background:#fff}.password{position:relative}.password input{padding-right:42px}.password .icon-btn{position:absolute;right:5px;top:5px}.icon-btn{width:34px;height:34px;background:transparent;border-radius:9px;color:#65736c;display:inline-grid;place-items:center}.icon-btn:hover{background:#f0f4f0;color:var(--green)}.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 22px}.form-row a{color:var(--green);font-weight:600;text-decoration:none;font-size:12px}.check{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:12px!important;color:#68756d;font-weight:500!important}.check input{width:14px;height:14px;accent-color:var(--green)}.primary{background:var(--green);color:white;border-radius:10px;padding:12px 18px;font-weight:700;display:flex;gap:9px;align-items:center;justify-content:center;box-shadow:0 6px 12px #2e7d3230}.full{width:100%}.visitor{margin-top:13px;width:100%;padding:11px;background:#f4f8f4;border-radius:10px;color:var(--green);font-weight:600}.visitor span{margin-right:7px}.version{text-align:center;color:#9aa59f;font-size:11px;margin-top:37px}.app{min-height:100vh}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:256px;background:#fff;border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;transition:.25s}.side-top{padding:2px 10px 17px;display:flex;align-items:center;justify-content:space-between}.mobile-close{display:none}nav{overflow:auto}.nav-label{font-size:10px;font-weight:700;color:#a0aca4;letter-spacing:.8px;margin:17px 12px 8px}.nav-item{color:#5f6c65;display:flex;align-items:center;gap:12px;border-radius:9px;padding:10px 12px;text-decoration:none;margin:2px 0;cursor:pointer}.nav-item b{font-size:12px;font-weight:600}.nav-item.active{background:#e9f5ea;color:var(--green)}.nav-item i{font-size:10px;font-weight:700;color:#fff;font-style:normal;background:#e65656;width:17px;height:17px;border-radius:9px;display:grid;place-items:center;margin-left:auto}.chev{margin-left:auto;font-size:17px}.subnav{padding:1px 0 3px 46px}.subnav a{display:block;padding:7px 0;color:#7d8983;cursor:pointer;font-size:12px}.subnav a:hover{color:var(--green)}.side-user{border-top:1px solid var(--line);padding:15px 9px 0;margin-top:auto;display:flex;align-items:center;gap:9px}.avatar{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#d9eddb;color:var(--green);font-size:10px;font-weight:800}.side-user b{font-size:11px;display:block}.side-user small{font-size:10px;color:var(--muted)}.side-user>span{margin-left:auto;color:#9da8a2}main{margin-left:256px}.topbar{height:66px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);position:sticky;z-index:5;top:0;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:17px}.global-search{width:350px;background:#f4f7f4;border-radius:8px;padding:0 10px;color:#94a099;display:flex;align-items:center;gap:7px}.global-search input{border:0;background:transparent;padding:9px 0;font-size:12px}.global-search kbd{font-size:10px;background:#fff;color:#a0aaa4;padding:2px 4px;border-radius:3px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.notification{position:relative}.notification i{width:6px;height:6px;background:#ec5d5d;border-radius:50%;position:absolute;right:7px;top:6px}.user-mini{display:flex;gap:4px;align-items:center;margin-left:8px;background:transparent}.content{padding:27px 30px 45px;max-width:1680px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.breadcrumbs{color:#97a39c;font-size:11px;margin-bottom:7px}.page-head h1{font-size:23px;letter-spacing:-1px;margin:0}.page-head p{margin:7px 0 0;color:var(--muted);font-size:12px}.date-select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:#68756e;font-size:11px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border-radius:11px;padding:16px;box-shadow:var(--shadow);min-height:108px;position:relative}.stat .stat-icon{height:32px;width:32px;border-radius:9px;display:grid;place-items:center;background:#e8f4e9;color:var(--green);float:right}.stat.orange .stat-icon{background:#fff0e1;color:#e78a36}.stat.red .stat-icon{background:#ffeaeb;color:#df5b5b}.stat small{display:block;color:var(--muted);font-size:10px;font-weight:600}.stat strong{font-size:22px;letter-spacing:-1px;display:block;margin:14px 0 3px}.stat span{font-size:10px;color:#71a876;font-weight:600}.stat.red span{color:#d66565}.grid{display:grid;gap:17px}.two-one{grid-template-columns:2fr 1fr}.equal{grid-template-columns:1fr 1fr}.card{background:#fff;border-radius:11px;box-shadow:var(--shadow);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card h3{font-size:13px;margin:0}.card-head span,.more{color:#8d9a92}.chart{height:218px;position:relative}.chart-legend{display:flex;gap:13px;font-size:10px;color:#8a9690}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:4px}.dot.lime{background:#a6dca8}.line-chart{width:100%;height:190px}.bar-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;padding:18px 4px 25px;border-bottom:1px solid #eef1ee;background:repeating-linear-gradient(to bottom,transparent 0 45px,#f1f4f1 46px 47px)}.bar{width:32px;border-radius:5px 5px 0 0;background:linear-gradient(#77c77b,#2e7d32);position:relative}.bar:after{content:attr(data-month);position:absolute;top:calc(100% + 7px);font-size:9px;color:#89958e;left:50%;transform:translateX(-50%)}.donut-wrap{display:flex;align-items:center;justify-content:space-around;min-height:190px}.donut{height:135px;width:135px;border-radius:50%;background:conic-gradient(#2e7d32 0 42%,#76bc78 42% 68%,#c8e8c9 68% 84%,#f0c76c 84% 100%);position:relative}.donut:after{content:'1.248\A kg';white-space:pre;position:absolute;inset:19px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font-weight:800;font-size:16px;line-height:1.1}.legend-list{font-size:11px;color:#66746c;line-height:2.2}.legend-list b{color:var(--ink);float:right;margin-left:25px}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#96a29b;font-weight:600;font-size:10px;padding:0 8px 10px;border-bottom:1px solid var(--line)}td{padding:11px 8px;border-bottom:1px solid #f0f2f0;color:#526057}tr:last-child td{border:0}.plant-name{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.crop-dot{width:25px;height:25px;border-radius:7px;background:#eef7e9;display:grid;place-items:center;font-size:15px}.badge{padding:4px 7px;border-radius:12px;font-size:9px;font-weight:700}.badge.green{color:#24772b;background:#e5f5e5}.badge.orange{color:#be7128;background:#fff0dd}.badge.red{color:#bf4d4d;background:#ffe7e7}.activity{display:flex;gap:10px;margin:13px 0;align-items:flex-start}.activity .bullet{width:8px;height:8px;background:var(--green);border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #e8f5e9}.activity b{font-size:11px;display:block}.activity p{font-size:10px;color:var(--muted);margin:4px 0}.activity time{font-size:10px;color:#98a49c;margin-left:auto}.calendar-mini{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.cal-title{font-weight:700;font-size:12px;margin-bottom:11px}.event{border-left:3px solid var(--green);padding:5px 8px;background:#f4faf4;margin:7px 0;border-radius:0 6px 6px 0;font-size:10px}.event.orange{border-color:#e8a34f;background:#fff8ee}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:17px}.toolbar .global-search{background:#fff;border:1px solid var(--line);width:280px}.new-btn{margin-left:auto}.filter{background:#fff;border:1px solid var(--line);padding:9px;border-radius:8px;color:#647168}.table-card{padding:17px}.beds{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.bed-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.bed-image{height:105px;background:linear-gradient(135deg,#7ebd61,#2b6d38);padding:13px;color:#fff;position:relative}.bed-image:after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 46%,#9bc46766 47% 52%,transparent 53%);background-size:44px 44px}.bed-image b{position:relative;z-index:1;font-size:20px}.bed-info{padding:14px}.bed-info h3{margin:0 0 7px;font-size:14px}.bed-info p{font-size:11px;color:var(--muted);margin:5px 0}.bed-footer{border-top:1px solid var(--line);padding:10px 14px;font-size:10px;color:#758178;display:flex;justify-content:space-between}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs a{padding:0 2px 11px;color:#758178;font-size:12px;font-weight:600;cursor:pointer}.tabs a.active{color:var(--green);border-bottom:2px solid var(--green)}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.checkitem{padding:13px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px}.checkitem input{width:17px;height:17px;accent-color:var(--green)}.checkitem span{font-size:12px;font-weight:600}.empty{padding:40px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;z-index:20;background:#17341b66;display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(580px,100%);background:#fff;border-radius:15px;padding:25px;box-shadow:0 20px 60px #132a1660}.close-modal{position:absolute;right:15px;top:15px}.modal-card h2{margin:0 0 7px}.modal-card p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.form-grid label{font-size:11px;font-weight:600}.form-grid input,.form-grid select{margin-top:6px}.toast{position:fixed;bottom:22px;right:22px;background:#225e2b;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;z-index:40}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.two-one{grid-template-columns:1fr}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #17341b20}.mobile-close{display:inline-grid}main{margin-left:0}.topbar{padding:0 16px}.login-view{grid-template-columns:48% 52%}}@media(max-width:700px){.login-view{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:35px 0}.content{padding:20px 15px}.global-search{display:none}.top-actions .icon-btn:first-child,.top-actions .icon-btn:nth-child(3){display:none}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{min-height:95px;padding:13px}.equal,.checklist{grid-template-columns:1fr}.page-head{align-items:flex-end}.page-head h1{font-size:20px}.date-select{font-size:10px}.toolbar{flex-wrap:wrap}.toolbar .global-search{display:flex;width:100%;order:2}.beds{grid-template-columns:1fr}.table-card{overflow:auto}.topbar{height:59px}.art-content h1{font-size:36px}.form-grid{grid-template-columns:1fr}}