:root{--g950:#0f2413;--g900:#16301b;--g800:#1d4025;--g700:#2a5b34;--g600:#2f6b3a;--g500:#3d8a4c;--g300:#8fd19e;--g100:#e5f3e8;--g50:#f2f8f3;--bg:#f3f6f3;--card:#fff;--text:#1b281d;--muted:#66756a;--soft:#93a197;--border:#e0e7e1;--row:#f8fbf8;--blue:#2a78d6;--teal:#1baf7a;--amber:#eda100;--orange:#eb6834;--red:#c8403a;--violet:#4a3aa7;--pink:#e87ba4;--shadow:0 1px 2px #16301b0d, 0 6px 18px #16301b0d;--panel:#fff;--primary:#2f6b3a;--primary-dark:#234f2b;--danger:#c8403a;--warning:#8a5b00;--series-1:#2a78d6;--series-2:#1baf7a;--series-3:#eda100;--series-4:#4a3aa7;--series-5:#e34948;--series-6:#e87ba4;--series-7:#eb6834;--series-8:#2f6b3a;--chart-grid:#e6ece7;--chart-axis:#93a197;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Nunito,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Nunito,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.45}#root{width:100%;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}svg{flex-shrink:0}.sidebar{color:#c4d6c7;z-index:300;background:linear-gradient(#1b3820 0%,#122716 100%);flex-direction:column;width:248px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{align-items:center;gap:10px;padding:18px 18px 12px;display:flex}.logo .mk{background:linear-gradient(135deg,#8fd19e,#3d8a4c);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;display:flex}.logo b{color:#fff;letter-spacing:.2px;font-size:18px}.logo small{color:var(--g300);letter-spacing:2.2px;margin-top:-2px;font-size:10px;font-weight:800;display:block}.prof{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin:4px 14px 10px;padding:11px;display:flex}.prof .av{color:#0e1f11;background:linear-gradient(135deg,#8fd19e,#2f6b3a);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.prof b{color:#fff;font-size:13px;display:block}.prof span{color:#a8c2ac;font-size:11px}nav.menu{flex:1;padding:2px 10px 16px;overflow-y:auto}nav.menu .sec{letter-spacing:1.2px;color:#7ea184;text-transform:uppercase;padding:13px 10px 6px;font-size:10.5px;font-weight:800}nav.menu a{color:#d3e4d6;cursor:pointer;border-radius:9px;align-items:center;gap:10px;margin:1px 0;padding:9px 11px;font-size:13.5px;font-weight:700;text-decoration:none;display:flex}nav.menu a:hover{color:#fff;background:#ffffff12}nav.menu a.on{color:#fff;background:linear-gradient(135deg,#3d8a4c,#2f6b3a);box-shadow:0 2px 8px #00000040}nav.menu a .ic{text-align:center;width:18px}nav.menu a .cnt{background:var(--orange);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.side-foot{color:#7ea184;border-top:1px solid #ffffff14;padding:12px 16px;font-size:11.5px}main{min-height:100vh;margin-left:248px}.topbar{border-bottom:1px solid var(--border);z-index:200;background:#fff;align-items:center;gap:12px;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:18px;font-weight:800}.topbar .sub{color:var(--muted);font-size:12.5px}.topbar .sp{flex:1}.sel{border:1px solid var(--border);background:#fff;border-radius:9px;max-width:290px;padding:7px 10px;font-size:13px;font-weight:700}.menu-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 9px;display:none}.content{text-align:left;max-width:1500px;padding:22px 24px 56px}.user-info{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;padding:18px 20px}.card h3{margin:0 0 4px;font-size:15px;font-weight:800}.card .hint{color:var(--muted);margin-bottom:12px;font-size:12.5px}.grid{gap:16px;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g21{grid-template-columns:2fr 1fr}.kpi{align-items:center;gap:14px;margin:0;padding:16px 18px;display:flex}.kpi .ico{background:linear-gradient(135deg,#3d8a4c,#2f6b3a);border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.kpi .v{font-size:25px;font-weight:800;line-height:1.1}.kpi .l{color:var(--muted);font-size:12.5px}.kpi .tr{margin-top:2px;font-size:12px;font-weight:800}.up{color:var(--g600)}.down{color:var(--red)}.page-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h2{margin:0;font-size:21px;font-weight:800}.page-head .sp{flex:1}.section-title{margin:6px 0 10px;font-size:16px;font-weight:800}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 10px;font-size:11px;font-weight:800}td{vertical-align:middle;border-bottom:1px solid #eef2ee;padding:10px}tr:hover td{background:var(--row)}tr.click,tr.clickable-row{cursor:pointer}td.num,th.num{text-align:right}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d8a4c,#2f6b3a);border:0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:800}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:default}.btn.sec{color:var(--g700);background:#fff;border:1px solid #c9d8cb}.btn.sm{border-radius:8px;padding:5px 10px;font-size:12px}.btn.danger{background:linear-gradient(135deg,#d8584f,#c8403a)}.inp{border:1px solid var(--border);background:#fff;border-radius:9px;width:100%;padding:8px 10px}.inp:focus,.sel:focus{border-color:var(--g500);outline:2px solid #3d8a4c59}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:800}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.b-green{color:#1f6b33;background:#e3f4e7}.b-amber{color:#8a5b00;background:#fdf1d4}.b-red{color:#a52a24;background:#fbe3e1}.b-gray{color:#566358;background:#edf0ed}.b-blue{color:#1d57a5;background:#e1ecfa}.b-violet{color:#3a2d86;background:#e9e5f7}.bar{background:#e8eee9;border-radius:99px;min-width:70px;height:8px;overflow:hidden}.bar i{border-radius:99px;height:100%;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.empty{color:var(--soft);text-align:center;padding:18px}.unit-head{border-bottom:2px solid var(--g100);align-items:center;gap:12px;margin:26px 0 12px;padding-bottom:10px;display:flex}.unit-head h2{margin:0;font-size:19px}.unit-head .sp{flex:1}.alert-row{border-bottom:1px solid #eef2ee;align-items:center;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.alert-row:last-child{border:0}.alert-row .dot{border-radius:50%;flex:none;width:9px;height:9px}.timeline{padding-left:18px;position:relative}.timeline:before{content:"";background:var(--g100);width:2px;position:absolute;top:4px;bottom:4px;left:5px}.timeline .ev{padding:5px 0 9px;position:relative}.timeline .ev:before{content:"";background:var(--g500);width:10px;height:10px;box-shadow:0 0 0 1px var(--g500);border:2px solid #fff;border-radius:50%;position:absolute;top:11px;left:-17px}.timeline .ev small{color:var(--soft);display:block}.modal-bg{z-index:500;background:#0a180d80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:88vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal.wide{max-width:780px}.modal-h{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px;display:flex}.modal-h b{font-size:16px}.modal-h .sp{flex:1}.modal-h button{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:22px}.modal-b{padding:16px 20px 20px}.toast{background:var(--g900);color:#fff;z-index:600;border-radius:11px;padding:11px 16px;font-weight:700;animation:.25s tin;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #0000004d}@keyframes tin{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=1100px){.g4,.g3{grid-template-columns:repeat(2,1fr)}.g21{grid-template-columns:1fr}}@media (width<=900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:none}main{margin-left:0}.menu-btn{display:block}.g2,.g3,.g4{grid-template-columns:1fr}.content{padding:16px 14px 48px}}.page-title{margin:0 0 16px;font-size:21px;font-weight:800}.error-text{color:var(--red);margin-top:8px;font-size:13px}.btn-primary,.btn-secondary{cursor:pointer;border:0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:800}.btn-primary{color:#fff;background:linear-gradient(135deg,#3d8a4c,#2f6b3a)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{color:var(--g700);background:#fff;border:1px solid #c9d8cb}.btn-secondary:hover{background:var(--g50)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px;display:grid}.form-field{flex-direction:column;gap:4px;display:flex}.form-field label{color:var(--muted);font-size:12px;font-weight:800}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:#fff;border-radius:9px;padding:8px 10px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--g500);outline:2px solid #3d8a4c59}.badge-green{color:#1f6b33;background:#e3f4e7}.badge-orange{color:#8a5b00;background:#fdf1d4}.badge-red{color:#a52a24;background:#fbe3e1}.badge-gray{color:#566358;background:#edf0ed}.farm-select{border:1px solid var(--border);background:#fff;border-radius:9px;max-width:290px;padding:7px 10px;font-size:13px;font-weight:700}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.kpi-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.kpi-box .value{color:var(--g700);font-size:25px;font-weight:800}.kpi-box .label{color:var(--muted);margin-top:4px;font-size:12.5px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-icon{background:linear-gradient(135deg,#3d8a4c,#2f6b3a);border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.stat-body{min-width:0}.stat-value{font-size:25px;font-weight:800;line-height:1.1}.stat-label{color:var(--muted);font-size:12.5px}.stat-trend{margin-top:2px;font-size:12px;font-weight:800}.stat-trend.up{color:var(--g600)}.stat-trend.down{color:var(--red)}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:16px;display:grid}.chart-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:18px 20px 8px}.chart-card-title{font-size:15px;font-weight:800}.chart-card-subtitle{color:var(--muted);margin-bottom:12px;font-size:12.5px}.chart-empty{color:var(--muted);text-align:center;padding:40px 0;font-size:13px}.modal-backdrop{z-index:500;background:#0a180d80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header .close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:22px}.modal-body{padding:4px 0 12px}.modal-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:14px 20px 6px;font-size:12px;font-weight:800}.modal-row{border-bottom:1px solid #eef2ee;justify-content:space-between;gap:12px;padding:6px 20px;font-size:13.5px;display:flex}.modal-row .k{color:var(--muted)}.modal-row .v{text-align:right;font-weight:800}.audit-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.audit-filters input,.audit-filters select{border:1px solid var(--border);background:#fff;border-radius:9px;padding:8px 10px}.audit-filters label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.login-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border:1px solid var(--border);width:360px;box-shadow:var(--shadow);border-radius:16px;padding:32px}