:root{--ink:#172a21;--muted:#718077;--green:#237d4b;--green-dark:#125c36;--green-soft:#edf7ef;--border:#e3e9e4;--bg:#f5f8f5;--surface:#fff;--danger:#b24639;--shadow:0 8px 32px #19342609;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px #237d4b18}a{color:var(--green)}.hide,[hidden]{display:none!important}.boot{min-height:85vh;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--muted);font-size:13px}.spinner{width:26px;height:26px;border:3px solid #dceade;border-top-color:var(--green);border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:650;color:var(--ink);white-space:nowrap}.button:hover:not(:disabled){filter:brightness(.975)}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.danger{color:var(--danger);border-color:#f0d4d0}.button.secondary{color:var(--green);border-color:#d1e4d5;background:#f5faf5}.button.mini{padding:7px 10px}.label{display:block;font-size:11px;color:var(--muted);font-weight:650;margin:0 0 6px}.field{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 11px;background:#fff;font-size:13px;min-height:40px}.field:disabled{background:#f2f5f2}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:12px}.notice{font-size:12px;border-radius:10px;padding:12px 13px;background:var(--green-soft);border:1px solid #d2e8d6;line-height:1.45}.notice.warning{background:#fff8eb;border-color:#f1dfb9;color:#87612b}.notice.error{background:#fff2f0;border-color:#edcfca;color:#8f3b32}.login-bg{min-height:100vh;display:grid;grid-template-columns: minmax(280px,1fr) minmax(340px,1fr);background:#fff}.login-visual{background:linear-gradient(135deg,#1d6240e6,#123b2eeb),url('assets/aerea-01.svg') center/cover;min-height:100vh;display:flex;align-items:center;padding:clamp(30px,7vw,100px);color:#fff}.login-visual h1{font-weight:780;line-height:1.09;letter-spacing:-2px;font-size:clamp(34px,4.6vw,62px);max-width:550px;margin:15px 0}.login-visual p{color:#dae8dc;max-width:420px;line-height:1.65}.logo-leaf{width:47px;height:47px;border-radius:12px;display:grid;place-items:center;background:#dff4e6;color:#177143;font-size:28px;font-weight:800}.login-box{padding:30px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:370px}.login-card h2{font-size:24px;margin:15px 0 7px;letter-spacing:-.5px}.login-card .intro{color:var(--muted);font-size:13px;margin:0 0 25px;line-height:1.5}.form-stack{display:grid;gap:16px}.login-card .button{width:100%;padding:13px}.login-footer{font-size:11px;color:var(--muted);margin-top:20px}.link-button{padding:0;border:0;color:var(--green);background:none;font-size:12px}.shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#174c33;color:#fff;display:flex;flex-direction:column;padding:25px 15px}.side-brand{display:flex;gap:10px;align-items:center;padding:0 9px 27px}.side-brand .logo-leaf{width:38px;height:38px;border-radius:9px;font-size:23px}.side-brand strong{font-size:13px;color:#fff;line-height:1.1}.side-brand small{display:block;font-size:10px;color:#c4d9c9;margin-top:5px}.side-title{font-size:10px;letter-spacing:1.3px;color:#a9c6b3;font-weight:750;margin:13px 11px 10px}.nav{display:grid;gap:5px}.nav button{text-align:left;border:0;border-radius:9px;padding:12px 11px;background:transparent;color:#dbece0;display:flex;align-items:center;gap:10px;font-size:12px;width:100%}.nav button:hover,.nav button.active{background:#ffffff1b;color:#fff}.nav-icon{font-size:17px;width:21px;text-align:center}.side-footer{margin-top:auto;padding:13px 9px 0;border-top:1px solid #ffffff25;color:#c6dbce;font-size:11px}.workspace{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);padding:0 clamp(17px,3vw,38px);display:flex;align-items:center;justify-content:space-between;gap:10px}.crumb{font-size:12px;color:var(--muted)}.top-user{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;background:#e9f4eb;color:var(--green);font-weight:750}.content{max-width:1210px;margin:0 auto;padding:30px clamp(17px,3vw,38px) 70px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.heading h1{font-size:25px;letter-spacing:-.9px;margin:0 0 6px}.heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.stat small{font-size:11px;color:var(--muted)}.stat strong{display:block;font-size:26px;letter-spacing:-.6px;margin:7px 0}.stat span{font-size:11px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.panel-title{font-size:15px;font-weight:740;margin:0 0 13px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.filterbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filterbar .field{min-width:130px}.filterbar .search{flex:2;min-width:220px}.filterbar select{flex:0 1 185px;width:auto}.filterbar .search{width:auto}.plant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.plant-card{display:block;position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:0;padding:0;background:#5d7b4f;text-align:left;cursor:pointer;box-shadow:var(--shadow)}.plant-card:hover{box-shadow:0 9px 24px #223d2533;transform:translateY(-1px)}.plant-image{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center}.plant-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#13241b4d,transparent 60%);pointer-events:none}.plant-info{position:absolute;top:10px;left:10px;z-index:1;display:flex;flex-direction:column;gap:3px;align-items:flex-start;max-width:132px;background:#10241cdb;border:1px solid #ffffff2a;border-radius:7px;padding:8px 9px;backdrop-filter:blur(4px);color:#fff}.plant-info strong{font-size:14px;font-weight:790;color:#fff;line-height:1.12}.plant-info span{font-size:10px;color:#f1f5f0;line-height:1.2}.plant-info .status-off{color:#eed6ad}.plant-info .status-on{color:#b4ecb8}.image-warning{position:absolute;bottom:8px;right:8px;background:#172920b8;color:#f4f6ef;border-radius:5px;padding:4px 6px;font-size:9px;z-index:2}.empty{border:1px dashed #cbd8cd;background:#fff;border-radius:12px;padding:39px 18px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:7px}.back{border:0;background:none;padding:0;color:var(--green);font-size:12px;font-weight:650;margin-bottom:15px}.hero{height:240px;border-radius:13px;background-size:cover;background-position:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#122b1fba,transparent 60%)}.hero .plant-info{top:15px;left:15px;max-width:215px;padding:13px 15px;gap:6px}.hero .plant-info strong{font-size:23px}.hero .plant-info span{font-size:12px}.hero .image-warning{font-size:11px}.tabs{border-bottom:1px solid var(--border);display:flex;gap:6px;margin:20px 0 17px;overflow-x:auto}.tab{border:0;background:transparent;padding:10px 13px;font-size:12px;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}.tab.active{border-bottom-color:var(--green);color:var(--ink);font-weight:750}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fieldpair small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.fieldpair strong{font-size:13px;font-weight:650;overflow-wrap:anywhere}.related{border:1px solid var(--border);border-radius:9px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px}.timeline{border-left:2px solid #c9decf;margin-left:9px;padding-left:19px}.event{position:relative;margin-bottom:23px}.event:before{content:"";position:absolute;left:-25px;top:3px;height:10px;width:10px;background:var(--green);border:2px solid #fff;border-radius:50%}.event small{color:var(--muted);display:block;margin-bottom:5px}.event strong{display:block;font-size:13px}.event p{font-size:11px;color:var(--muted);margin:5px 0}.modal-layer{position:fixed;inset:0;z-index:15;background:#071c14a8;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;width:min(100%,560px);max-height:95vh;overflow:auto;border-radius:15px;padding:25px;box-shadow:0 20px 65px #0004}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:17px}.modal-head strong{font-size:19px}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.modal-grid .full{grid-column:1/-1}.modal-grid textarea{resize:vertical;min-height:78px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.icon-close{font-size:22px;background:none;border:0;color:var(--muted)}.toast{position:fixed;bottom:25px;right:25px;max-width:400px;background:#194d35;color:#fff;padding:13px 16px;font-size:12px;line-height:1.5;border-radius:9px;box-shadow:0 10px 27px #0003;z-index:50}.toast.error{background:#913d33}.tile-tag{font-size:10px;border-radius:5px;background:#e8f4ec;padding:4px 7px;color:#247646;font-weight:700}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature{border:1px solid var(--border);padding:16px;border-radius:10px;font-size:12px}.feature strong{display:block;margin-bottom:7px}.feature p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.smallprint{font-size:11px;color:var(--muted);line-height:1.5}.errorpage{max-width:580px;margin:90px auto;padding:25px;background:#fff;border-radius:15px;border:1px solid var(--border)}
@media(max-width:1000px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:20px 10px}.plant-grid{gap:10px}.plant-info{top:8px;left:8px}}
@media(max-width:730px){.shell{display:block}.sidebar{position:sticky;top:0;z-index:5;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 15px}.side-brand{padding:0}.side-title,.side-footer{display:none}.nav{display:flex;gap:3px}.nav button{padding:9px;width:auto}.nav button .nav-text{display:none}.nav-icon{font-size:19px}.topbar{height:52px}.content{padding-top:22px}.login-bg{grid-template-columns:1fr}.login-visual{min-height:170px;padding:25px}.login-visual h1{font-size:28px;letter-spacing:-.8px}.login-visual p{display:none}.login-box{padding:35px 20px}.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading h1{font-size:22px}.feature-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:410px){.plant-grid{gap:7px}.plant-info{padding:6px 7px;max-width:116px}.plant-info strong{font-size:12px}.plant-info span{font-size:9px}.heading{flex-direction:column}.heading-actions{justify-content:flex-start}.stats{gap:6px}.stat{padding:11px}.stat strong{font-size:21px}.fields,.modal-grid{grid-template-columns:1fr}.modal-grid .full{grid-column:auto}.modal{padding:18px}.hero{height:195px}.hero .plant-info strong{font-size:19px}}