:root{--cream: #F5F1E8;--ink: #1A1A1A;--ink-muted: #4A4A4A;--pasture: #2D5A2E;--pasture-dim: #234923;--barn: #B23B2A;--barn-dim: #8E2D1F;--corral: #C9A876;--corral-dim: #A8895C;--waypoint: #4FC3F7;--waypoint-glow: rgba(79, 195, 247, .35);--duo-green: #4F9C20;--duo-green-dim: #3A7818;--duo-green-pale: #E2EBD3;--sky: #2596C7;--sky-dim: #1E7BA5;--sky-pale: #DBEDF6;--ohio-navy: #0F2C5C;--ohio-navy-dim: #081C3E;--ohio-wheat: #C49538;--ohio-cream: #F4EEDC;--danger: #C9483F;--danger-dim: #9A3329;--earth-brown: #8B6F47;--earth-brown-pale: #ECE2CE;--font-display: "DM Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-hand: "Caveat", "Marker Felt", cursive;--fs-xs: 16px;--fs-base: 18px;--fs-lg: 22px;--fs-xl: 28px;--fs-2xl: 36px;--fs-3xl: 48px;--fs-4xl: 56px;--fw-regular: 500;--fw-bold: 700;--fw-heavy: 800;--tap-h: 64px;--tap-w-min: 240px;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 48px;--sp-6: 64px;--shadow: 0 2px 0 rgba(26,26,26,.08);--radius: 12px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:1.5}h1,h2,h3,h4{margin:0 0 var(--sp-2) 0;font-family:var(--font-display);font-weight:var(--fw-heavy);letter-spacing:-.015em;line-height:1.15}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}a{color:var(--pasture);font-weight:var(--fw-bold);text-decoration:underline;text-underline-offset:4px}a:hover{color:var(--pasture-dim)}button,.btn{min-height:var(--tap-h);min-width:var(--tap-w-min);padding:var(--sp-2) var(--sp-3);background:var(--pasture);color:var(--cream);border:none;border-radius:var(--radius);font:var(--fw-bold) var(--fs-lg)/1 var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2)}button:hover,.btn:hover{background:var(--pasture-dim)}button.danger{background:var(--barn)}button.danger:hover{background:var(--barn-dim)}button.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)}button.secondary:hover{background:var(--ink);color:var(--cream)}.container{max-width:1400px;margin:0 auto;padding:var(--sp-4) var(--sp-3)}.muted{color:var(--ink-muted)}.bold{font-weight:var(--fw-bold)}.heavy{font-weight:var(--fw-heavy)}.status-healthy{color:var(--pasture)}.status-suspicious{color:var(--ohio-wheat)}.status-sick{color:var(--danger)}.status-very_sick{color:var(--danger-dim)}.bg-healthy{background:var(--duo-green);color:#fff}.bg-suspicious{background:var(--ohio-wheat);color:var(--ink)}.bg-sick{background:var(--danger);color:#fff}.bg-very_sick{background:var(--danger-dim);color:#fff}.topbar{border-bottom:1px solid rgba(15,44,92,.08);background:var(--cream)}.topbar-inner{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3);min-height:88px}.brand{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:var(--ink)}.brand-mark{width:36px;height:36px;background:var(--duo-green);border-radius:50%;box-shadow:inset 0 -10px 0 var(--duo-green-dim)}.brand-text{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;letter-spacing:.08em}.topnav{display:flex;gap:var(--sp-2);margin-left:var(--sp-3)}.navlink{display:inline-flex;align-items:center;gap:10px;padding:var(--sp-2) var(--sp-3);font-family:var(--font-body);font-size:var(--fs-lg);font-weight:700;color:var(--ink);text-decoration:none;border-radius:12px;min-height:56px;transition:background .18s ease-out,color .18s ease-out}.navlink i[data-lucide]{width:22px;height:22px;stroke-width:2.25}.navlink:hover{background:var(--duo-green-pale);color:var(--pasture)}.navlink.active{background:var(--ohio-navy);color:#fff}.ranch-name{margin-left:auto;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--ink-muted)}main.container{padding-top:var(--sp-4);padding-bottom:var(--sp-5);min-height:60vh}.footer{display:flex;justify-content:space-between;padding-top:var(--sp-3);padding-bottom:var(--sp-3);font-size:var(--fs-base);font-weight:600;border-top:1px solid rgba(15,44,92,.08)}.live-strip{display:inline-flex;align-items:center;gap:10px}i[data-lucide]{display:inline-flex;vertical-align:middle;width:20px;height:20px;stroke-width:2.25}.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--duo-green);box-shadow:0 0 #58cc02b3;animation:live-pulse 2.2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #58cc028c}70%{box-shadow:0 0 0 9px #58cc0200}to{box-shadow:0 0 #58cc0200}}.card-duo{background:#fff;border-radius:20px;border:1px solid rgba(15,44,92,.08);box-shadow:0 2px 8px #0f2c5c0f,0 18px 36px -20px #0f2c5c26;transition:transform .18s ease-out,box-shadow .18s ease-out}.card-duo.lift:hover{transform:translateY(-3px);box-shadow:0 4px 0 var(--duo-green-pale),0 22px 40px -16px #0f2c5c2e}.cf-chip{display:inline-flex;align-items:center;gap:8px;background:var(--sky-pale);color:var(--sky-dim);padding:8px 14px;border-radius:999px;font-family:var(--font-body);font-weight:700;font-size:14px;letter-spacing:.02em;font-feature-settings:"tnum" 1}.cf-chip i[data-lucide]{width:16px;height:16px}.cf-chip.sky{background:var(--sky-pale);color:var(--sky-dim)}.cf-chip.wheat{background:#c495382e;color:#7e5d24}.cf-chip.brown{background:var(--earth-brown-pale);color:var(--earth-brown)}.cf-chip.navy{background:#0f2c5c1a;color:var(--ohio-navy)}.cf-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--sp-3)}.btn-push{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--duo-green);color:#fff;border:none;border-radius:16px;padding:16px 28px;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.02em;text-decoration:none;cursor:pointer;min-height:64px;min-width:200px;box-shadow:0 3px 0 var(--duo-green-dim);transform:translateY(0);transition:transform .08s ease-out,box-shadow .08s ease-out,background .18s;user-select:none}.btn-push:hover{background:var(--duo-green);transform:translateY(-1px);box-shadow:0 4px 0 var(--duo-green-dim)}.btn-push:active{transform:translateY(2px);box-shadow:0 1px 0 var(--duo-green-dim)}.btn-push:disabled{background:#0f2c5c2e;color:#ffffffd9;cursor:not-allowed;box-shadow:0 3px #0f2c5c26}.btn-push i[data-lucide]{width:20px;height:20px}.btn-push.sm{min-height:48px;min-width:0;padding:10px 18px;font-size:15px;border-radius:12px;box-shadow:0 3px 0 var(--duo-green-dim)}.btn-push.sm:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--duo-green-dim)}.btn-push.sm:active{transform:translateY(2px);box-shadow:0 1px 0 var(--duo-green-dim)}.btn-push.sky{background:var(--sky);box-shadow:0 3px 0 var(--sky-dim)}.btn-push.sky:hover{box-shadow:0 4px 0 var(--sky-dim)}.btn-push.sky:active{box-shadow:0 1px 0 var(--sky-dim)}.btn-push.ghost{background:#fff;color:var(--ohio-navy);border:2px solid var(--ohio-navy);box-shadow:0 3px 0 var(--ohio-navy)}.btn-push.ghost:hover{background:var(--ohio-cream, #FAF7EF);box-shadow:0 4px 0 var(--ohio-navy)}.btn-push.ghost:active{box-shadow:0 1px 0 var(--ohio-navy)}.btn-push.danger{background:var(--danger);box-shadow:0 3px 0 var(--danger-dim)}.btn-push.danger:hover{box-shadow:0 4px 0 var(--danger-dim)}.btn-push.danger:active{box-shadow:0 1px 0 var(--danger-dim)}button,.btn:not(.btn-push){min-height:var(--tap-h);min-width:var(--tap-w-min);padding:var(--sp-2) var(--sp-3);background:var(--duo-green);color:#fff;border:none;border-radius:14px;font:800 var(--fs-lg)/1 var(--font-display);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);box-shadow:0 3px 0 var(--duo-green-dim)}button:hover,.btn:not(.btn-push):hover{background:var(--duo-green)}button.danger,.btn.danger{background:var(--danger);box-shadow:0 3px 0 var(--danger-dim)}button.secondary,.btn.secondary{background:#fff;color:var(--ohio-navy);border:2px solid var(--ohio-navy);box-shadow:0 3px 0 var(--ohio-navy)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.page-head h1{margin:0}.page-head .actions{display:flex;gap:10px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid rgba(15,44,92,.08);border-radius:20px;padding:var(--sp-3);min-height:200px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 8px #0f2c5c0f,0 18px 36px -20px #0f2c5c1f;transition:transform .18s ease-out,box-shadow .18s ease-out}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px #0f2c5c0f,0 22px 40px -16px #0f2c5c24}.stat-card.alert{border-top:4px solid var(--danger)}.stat-card.warn{border-top:4px solid var(--ohio-wheat)}.stat-card.ok{border-top:4px solid var(--duo-green)}.stat-card.brown{border-top:4px solid var(--earth-brown)}.stat-head{display:flex;align-items:center;gap:12px;color:var(--ink-muted)}.stat-icon[data-lucide]{width:26px;height:26px;stroke-width:2.25}.stat-card.alert .stat-icon{color:var(--danger)}.stat-card.warn .stat-icon{color:var(--ohio-wheat)}.stat-card.ok .stat-icon{color:var(--duo-green)}.stat-card.brown .stat-icon{color:var(--earth-brown)}.stat-label{font-family:var(--font-body);font-size:var(--fs-base);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.stat-value{font-family:var(--font-display);font-size:96px;line-height:1;font-weight:900;font-feature-settings:"tnum" 1;margin:var(--sp-2) 0;color:var(--ohio-navy)}.stat-card.alert .stat-value{color:var(--danger)}.stat-card.warn .stat-value{color:var(--ohio-wheat)}.stat-card.ok .stat-value{color:var(--duo-green)}.stat-card.brown .stat-value{color:var(--earth-brown)}.stat-sub{font-size:var(--fs-base);font-weight:700;color:var(--ink-muted)}.section-h{display:flex;align-items:baseline;justify-content:space-between;margin:var(--sp-4) 0 var(--sp-3);flex-wrap:wrap;gap:var(--sp-2)}.section-h h2,.section-h h1{color:var(--ohio-navy)}.alerts{display:flex;flex-direction:column;gap:10px}.alert-row{background:#fff;border:1px solid rgba(15,44,92,.08);border-left:6px solid var(--ink);padding:14px 18px;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:var(--sp-2);box-shadow:0 1px 4px #0f2c5c0a;transition:transform .18s ease-out,box-shadow .18s ease-out}.alert-row:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f2c5c14}.alert-row.critical{border-left-color:var(--danger)}.alert-row.warning{border-left-color:var(--ohio-wheat)}.alert-row.info{border-left-color:var(--sky)}.alert-msg{font-size:17px;font-weight:700;color:var(--ohio-navy);line-height:1.35}.alert-meta{font-size:14px;color:var(--ink-muted);margin-top:4px;font-weight:600}.alert-actions{display:flex;gap:8px;align-self:center}.alert-row .pill{font-size:11px;padding:3px 10px}table.data{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0f2c5c0d}table.data th,table.data td{padding:var(--sp-2) var(--sp-3);text-align:left;font-size:var(--fs-base);font-weight:500}table.data th{background:var(--ohio-navy);color:var(--ohio-cream);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:13px}table.data tr+tr td{border-top:1px solid rgba(15,44,92,.06)}table.data tbody tr:hover td{background:var(--duo-green-pale);cursor:pointer}table.data .bold{font-family:var(--font-display);font-weight:800;color:var(--ohio-navy)}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-family:var(--font-body);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.map-wrap{background:#0d1f17;border:1px solid rgba(15,44,92,.1);border-radius:20px;position:relative;height:640px;overflow:hidden;box-shadow:0 2px 8px #0f2c5c14,0 22px 50px -22px #0f2c5c40}.map-canvas{width:100%;height:100%;min-height:600px;display:block;position:relative;z-index:0}.map-legend{position:absolute;bottom:var(--sp-3);left:var(--sp-3);background:#fffffff7;border:1px solid rgba(15,44,92,.1);border-radius:14px;padding:10px 16px;display:flex;gap:var(--sp-3);font-family:var(--font-body);font-size:var(--fs-base);font-weight:700;z-index:500;box-shadow:0 6px 18px #0f2c5c2e}.legend-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px;vertical-align:middle}.legend-dot.waypoint-dot{background:var(--waypoint);box-shadow:0 0 0 3px #4fc3f740,0 0 8px var(--waypoint)}.leaflet-container{background:#0d1f17;font-family:var(--font-body)}.leaflet-control-attribution{font-size:11px;font-weight:500;background:#ffffffd9!important}.leaflet-control-zoom a{font-family:var(--font-display)!important;font-weight:900!important;font-size:22px!important;color:var(--ohio-navy)!important;width:40px!important;height:40px!important;line-height:38px!important;border-radius:10px!important}.leaflet-overlay-pane path.wp-halo{animation:wp-pulse 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.leaflet-overlay-pane path.wp-dot{filter:drop-shadow(0 0 6px rgba(79,195,247,.55))}@keyframes wp-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.5);opacity:.15}}.paddock-label{text-align:center;pointer-events:none}.paddock-name{font-family:var(--font-display);font-size:18px;font-weight:900;letter-spacing:.1em;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.9)}.paddock-meta{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.05em;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.85);margin-top:2px}.drone-marker{text-align:center;pointer-events:none}.drone-triangle{width:0;height:0;margin:0 auto;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid #FFFFFF;filter:drop-shadow(0 0 3px rgba(0,0,0,.9))}.drone-triangle.flying{border-bottom-color:#ffe066}.drone-chip{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:3px 8px;background:#0f2c5cc7;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-family:var(--font-body);white-space:nowrap;box-shadow:0 2px 6px #00000059}.drone-chip-name{color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.drone-chip-batt{color:#ffffffb3;font-size:10px;font-weight:700;font-feature-settings:"tnum" 1}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media (max-width: 900px){.ops-grid{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid rgba(15,44,92,.08);border-radius:20px;padding:var(--sp-3);box-shadow:0 2px 8px #0f2c5c0d,0 18px 36px -20px #0f2c5c1a}.panel h3{margin-bottom:var(--sp-3);color:var(--ohio-navy)}.row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-top:1px solid rgba(15,44,92,.08);gap:var(--sp-2)}.row:first-of-type{border-top:0}.row .name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;color:var(--ohio-navy)}.row .sub{color:var(--ink-muted);font-weight:600}.bar{width:200px;height:22px;background:#0f2c5c14;border-radius:999px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:var(--sp-2)}.bar>span{display:block;height:100%;border-radius:999px;background:var(--duo-green);transition:width .6s ease-out}.bar.low>span{background:var(--danger)}.bar.warn>span{background:var(--ohio-wheat)}.drawer-backdrop{position:fixed;inset:0;background:#0f2c5c73;display:none}.drawer-backdrop.open{display:block}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:#fff;border-left:1px solid rgba(15,44,92,.1);padding:var(--sp-4);overflow-y:auto;transform:translate(100%);transition:transform .2s ease-out;box-shadow:-20px 0 40px -20px #0f2c5c40}.drawer.open{transform:translate(0)}.drawer h2{color:var(--ohio-navy)}.drawer .close{background:transparent;color:var(--ohio-navy);border:2px solid var(--ohio-navy);min-width:0;min-height:0;padding:8px 16px;font-family:var(--font-display);font-size:var(--fs-base);font-weight:700;border-radius:10px;box-shadow:none}.sparkline{width:100%;height:120px;background:var(--ohio-cream);border:1px solid rgba(15,44,92,.08);border-radius:14px}.cow-skeleton .sk-line,.cow-skeleton .sk-block,.cow-skeleton .sk-btn{background:linear-gradient(90deg,#0f2c5c0f,#0f2c5c1f,#0f2c5c0f);background-size:200% 100%;border-radius:8px;animation:sk-shimmer 1.4s ease-in-out infinite}.cow-skeleton .sk-line{height:18px;margin-bottom:10px;width:100%}.cow-skeleton .sk-line.short{width:35%;height:12px;margin-bottom:8px}.cow-skeleton .sk-line.large{height:28px;width:70%;margin-bottom:0}.cow-skeleton .sk-block{height:120px;margin-bottom:12px;border-radius:14px}.cow-skeleton .sk-btn{height:64px;width:220px;border-radius:16px}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.stat-card,.alert-row,.card-duo,.btn-push,.navlink,.live-dot,.bar>span,.waypoint-marker .wp-glow{animation:none!important;transition:none!important}}