@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg:#f7f9f8;--bg-white:#fff;--green:#2da87a;--green-dark:#1e7a58;--green-light:#6bc4a0;--green-bg:#2da87a14;--red:#c45b3c;--red-bg:#c45b3c14;--amber:#e5a030;--amber-bg:#e5a03014;--text:#1a2b23;--text-sec:#4a5e54;--text-muted:#8fa498;--border:#dae5df;--shadow:0 1px 3px #0000000a, 0 4px 16px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,sans-serif}::selection{background:var(--green);color:#fff}.app{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;width:220px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 20px 20px;display:flex}.sidebar-logo img{height:24px}.sidebar-logo span{color:var(--green);font-size:16px;font-weight:800}.sidebar-nav{flex-direction:column;gap:2px;padding:12px 10px;display:flex}.nav-item{color:var(--text-sec);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;transition:background .1s;display:flex}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--green);color:#fff}.main{min-height:100vh;margin-left:220px;padding:24px 28px}.page-title{margin-bottom:20px;font-size:22px;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.card-value{color:var(--green);font-size:26px;font-weight:700}.card-value.red{color:var(--red)}.card-value.amber{color:var(--amber)}.card-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.chart-card{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.chart-title{margin-bottom:14px;font-size:14px;font-weight:700}.slider-section{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.slider-title{margin-bottom:14px;font-size:14px;font-weight:700}.slider-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.slider-item{flex-direction:column;gap:4px;display:flex}.slider-label{color:var(--text-sec);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.slider-val{color:var(--green);font-weight:700}.slider-val.red{color:var(--red)}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green);cursor:pointer;border-radius:50%;width:14px;height:14px}.approach-tabs{gap:6px;margin-bottom:16px;display:flex}.approach-tab{border:1px solid var(--border);color:var(--text-sec);cursor:pointer;background:#fff;border-radius:4px;padding:6px 16px;font-size:12px;font-weight:700}.approach-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.cost-table{border-collapse:collapse;width:100%}.cost-table th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:10px;font-weight:700}.cost-table td{color:var(--text-sec);border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px;font-weight:500}.cost-table td:last-child{color:var(--text);text-align:right;font-weight:600}.cost-table tr:last-child td{border-bottom:none}.cost-table .total-row td{color:var(--green);border-top:2px solid var(--green);border-bottom:none;font-size:14px;font-weight:800}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.paddock-map{border:1px solid var(--border);background:#e4ede8;border-radius:6px;width:100%;height:380px;position:relative;overflow:hidden}.paddock-fence{width:100%;height:100%;position:absolute;inset:0}.paddock-cow{border:2px solid var(--green);cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:left .15s linear,top .15s linear,transform .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000001a}.paddock-cow:hover{transform:translate(-50%,-50%)scale(1.15)}.paddock-cow.selected{border-width:3px;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 0 3px #2da87a33}.paddock-cow.alert{border-color:var(--amber)}.paddock-cow.critical{border-color:var(--red);animation:2s infinite pulse-red}@keyframes pulse-red{0%,to{box-shadow:0 0 #c45b3c4d}50%{box-shadow:0 0 0 6px #c45b3c00}}.paddock-cow-img{object-fit:contain;width:20px;height:20px}.paddock-cow.alert .paddock-cow-img{filter:invert(58%)sepia(80%)saturate(500%)hue-rotate(5deg)}.paddock-cow.critical .paddock-cow-img{filter:invert(40%)sepia(90%)saturate(600%)hue-rotate(340deg)}.paddock-cow-label{color:var(--text-sec);white-space:nowrap;background:#ffffffe6;border-radius:2px;padding:1px 3px;font-size:8px;font-weight:700;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.cow-metrics{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px;display:grid}.cow-metric{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 4px}.cow-metric-val{font-size:16px;font-weight:700}.cow-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:9px;font-weight:600}.cow-status{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.cow-status.healthy{background:var(--green-bg);color:var(--green)}.cow-status.alert{background:var(--amber-bg);color:var(--amber)}.cow-status.critical{background:var(--red-bg);color:var(--red)}.phase-range-chart{min-height:240px;padding:40px 20px 20px;position:relative}.prc-ticks{border-bottom:1px dashed var(--border);height:12px;position:absolute;top:20px;left:160px;right:20px}.prc-tick{color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:600;position:absolute;top:0;transform:translate(-50%)}.prc-tick:after{content:"";background:var(--border);opacity:.4;width:1px;height:170px;position:absolute;top:100%;left:50%}.prc-row{margin-bottom:16px;padding-left:140px;position:relative}.prc-label{width:130px;color:var(--text);text-align:right;padding-right:10px;font-size:14px;font-weight:800;position:absolute;top:50%;left:0;transform:translateY(-50%)}.prc-track{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;height:36px;position:relative}.prc-bar{background:#c9d5cf;border-radius:6px;justify-content:center;align-items:center;min-width:24px;height:28px;display:flex;position:absolute;top:4px}.prc-bar.active{background:var(--green)}.prc-value{color:var(--text);white-space:nowrap;padding:0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800}.prc-bar.active .prc-value{color:#fff}.dose-section-header{background:var(--green-bg);color:var(--green);letter-spacing:.5px;border:1px solid #2da87a26;border-radius:8px;align-items:center;gap:10px;margin:32px 0 16px;padding:12px 18px;font-size:14px;font-weight:800;display:flex}.dr-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=900px){.dr-grid{grid-template-columns:1fr}}.dr-col{color:#e8f0ec;background:#1a2b23;border-radius:8px;padding:20px}.dr-col-label{letter-spacing:2px;text-transform:uppercase;color:#e8f0ec99;align-items:center;gap:8px;margin-bottom:16px;font-size:10px;font-weight:700;display:flex}.dr-dot{border-radius:50%;width:8px;height:8px}.dr-item{border-bottom:1px solid #ffffff0f;margin-bottom:16px;padding-bottom:16px}.dr-item:last-of-type{border-bottom:none;margin-bottom:0}.dr-item-title{color:#fff;margin-bottom:6px;font-size:14px;font-weight:700}.dr-item-desc{color:#e8f0eca6;font-size:12px;line-height:1.55}.dr-arrow{margin-left:6px;font-size:13px;font-weight:800}.dr-arrow.up{color:var(--green-light)}.dr-arrow.down{color:#fca5a5}.dr-col .slider-section{background:#ffffff0a;border:1px solid #ffffff0f}.dr-col .slider-label{color:#e8f0ecb3}.dr-col .slider-val{color:var(--green-light)}.deliverable-card{background:var(--green-bg);border:1px solid #2da87a33;border-radius:8px;grid-template-columns:240px 1fr;align-items:start;gap:24px;margin-top:20px;padding:20px;display:grid}@media (width<=700px){.deliverable-card{grid-template-columns:1fr}}.deliverable-label{flex-direction:column;gap:8px;display:flex}.deliverable-label>span{letter-spacing:2px;text-transform:uppercase;color:var(--green);font-size:10px;font-weight:700}.deliverable-title{color:var(--text);font-size:15px;font-weight:700;line-height:1.3}.deliverable-list{flex-direction:column;gap:8px;list-style:none;display:flex}.deliverable-list li{color:var(--text-sec);padding-left:18px;font-size:13px;line-height:1.5;position:relative}.deliverable-list li:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.pilot-badge{background:var(--green-bg);color:var(--green);border:1px solid #2da87a26;border-radius:4px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}