:root{--color-primary: #1a6b3c;--color-primary-hover: #155730;--color-primary-active: #0f4224;--color-primary-highlight: #d4ead9;--color-primary-subtle: #f0f7f2;--color-accent: #0066cc;--color-accent-hover: #0052a3;--color-accent-highlight: #cce0ff;--color-bg: #f8f6f0;--color-surface: #faf9f5;--color-surface-2: #ffffff;--color-surface-offset: #f2efe8;--color-surface-dynamic: #e8e4da;--color-divider: #ddd9d0;--color-border: #d0ccc3;--color-text: #1c1a15;--color-text-muted: #6b6860;--color-text-faint: #b0ada6;--color-text-inverse: #f8f6f0;--color-success: #1a6b3c;--color-warning: #c47a1a;--color-error: #c0392b;--color-info: #0066cc;--color-ndvi-high: #1a7a3c;--color-ndvi-mid: #8bc34a;--color-ndvi-low: #ffeb3b;--color-ndvi-stress: #ff5722;--color-ndvi-bare: #795548;--color-water: #1565c0;--font-body: "Inter", "Roboto", "Helvetica", sans-serif;--font-display: "Inter", "Roboto", "Helvetica", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(28, 26, 21, .06), 0 1px 2px rgba(28, 26, 21, .04);--shadow-md: 0 4px 12px rgba(28, 26, 21, .08), 0 2px 4px rgba(28, 26, 21, .05);--shadow-lg: 0 12px 32px rgba(28, 26, 21, .12), 0 4px 8px rgba(28, 26, 21, .06);--shadow-xl: 0 24px 48px rgba(28, 26, 21, .16), 0 8px 16px rgba(28, 26, 21, .08);--transition-fast: .12s cubic-bezier(.16, 1, .3, 1);--transition: .18s cubic-bezier(.16, 1, .3, 1);--transition-slow: .3s cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 960px;--content-wide: 1280px}[data-theme=dark]{--color-bg: #111810;--color-surface: #161d13;--color-surface-2: #1c2418;--color-surface-offset: #1a2116;--color-surface-dynamic: #243020;--color-divider: #2a3525;--color-border: #344430;--color-text: #d4e8d0;--color-text-muted: #7a9472;--color-text-faint: #4a6044;--color-text-inverse: #111810;--color-primary: #4caf70;--color-primary-hover: #3d9a5c;--color-primary-highlight:#1e3a24;--color-primary-subtle: #162014;--color-accent: #4da3ff;--color-accent-hover: #3390ff;--color-accent-highlight: #0d2a4a;--shadow-sm: 0 1px 3px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.35);--shadow-lg: 0 12px 32px rgba(0,0,0,.5)}.planty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition);border:none;text-decoration:none;white-space:nowrap}.planty-btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #1a6b3c4d}.planty-btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #1a6b3c66}.planty-btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.planty-btn-outline:hover{background:var(--color-primary-subtle);transform:translateY(-1px)}.planty-btn-ghost{background:transparent;color:var(--color-text-muted)}.planty-btn-ghost:hover{background:var(--color-surface-offset);color:var(--color-text)}.planty-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition)}.planty-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.planty-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.planty-badge-success{background:var(--color-primary-highlight);color:var(--color-primary)}.planty-badge-warning{background:#fef3c7;color:#92400e}.planty-badge-error{background:#fee2e2;color:#991b1b}.planty-badge-info{background:var(--color-accent-highlight);color:var(--color-accent)}.planty-section{padding:var(--space-20) var(--space-8)}@media(max-width:768px){.planty-section{padding:var(--space-12) var(--space-4)}}@keyframes planty-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes planty-fade-in{0%{opacity:0}to{opacity:1}}@keyframes planty-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes planty-count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes planty-satellite-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.planty-animate-up{animation:planty-fade-up .6s cubic-bezier(.16,1,.3,1) both}.planty-animate-in{animation:planty-fade-in .4s ease both}.planty-animate-scale{animation:planty-scale-in .5s cubic-bezier(.16,1,.3,1) both}.planty-delay-1{animation-delay:.1s}.planty-delay-2{animation-delay:.2s}.planty-delay-3{animation-delay:.3s}.planty-delay-4{animation-delay:.4s}.planty-delay-5{animation-delay:.5s}.planty-stat-number{animation:planty-count-up .8s cubic-bezier(.16,1,.3,1) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-reveal]{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-reveal=pending]{opacity:0;transform:translateY(24px)}[data-reveal=shown]{opacity:1;transform:none;will-change:auto}@media(prefers-reduced-motion:reduce){[data-reveal]{transition:none}[data-reveal=pending]{opacity:1;transform:none}}:root{--z-sticky: 100;--z-nav: 1000;--z-dropdown: 1100;--z-overlay: 1200;--z-modal: 1300}.landing-nav{position:fixed;top:0;inset-inline:0;z-index:var(--z-nav);padding:0 clamp(1rem,5vw,3rem);transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease;border-bottom:1px solid transparent}.landing-nav[data-scrolled=true]{background-color:var(--color-bg);border-bottom-color:var(--color-divider);box-shadow:var(--shadow-sm)}.landing-nav__inner{max-width:var(--content-wide);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:68px}.landing-nav__links{display:flex;align-items:center;gap:var(--space-8)}.landing-nav__link{color:#ffffffeb;text-decoration:none;font-weight:500;font-size:.9rem;white-space:nowrap;border-radius:var(--radius-sm);transition:color .16s ease}.landing-nav[data-scrolled=true] .landing-nav__link{color:var(--color-text)}.landing-nav__link:hover{color:#fff}.landing-nav[data-scrolled=true] .landing-nav__link:hover{color:var(--color-primary)}.landing-nav__actions{display:flex;align-items:center;gap:var(--space-3)}.landing-nav__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);background:#ffffff1a;color:#fff;cursor:pointer}.landing-nav[data-scrolled=true] .landing-nav__toggle{border-color:var(--color-border);background:var(--color-surface-2);color:var(--color-text)}@media(max-width:900px){.landing-nav__links,.landing-nav__actions{display:none}.landing-nav__toggle{display:inline-flex}}.landing-nav__sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--color-bg);display:flex;flex-direction:column;padding:var(--space-6) clamp(1rem,5vw,3rem) var(--space-10);overflow-y:auto;overscroll-behavior:contain}.landing-nav__sheet-head{display:flex;align-items:center;justify-content:space-between;height:68px;margin-bottom:var(--space-6)}.landing-nav__sheet-link{display:block;padding:var(--space-4) 0;font-size:1.25rem;font-weight:600;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-divider)}.landing-nav__sheet-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.landing-nav__sheet-actions .planty-btn{width:100%;justify-content:center}.landing-nav__link:focus-visible,.landing-nav__toggle:focus-visible,.landing-nav__sheet-link:focus-visible,.planty-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.landing-nav:not([data-scrolled=true]) .landing-nav__link:focus-visible,.landing-nav:not([data-scrolled=true]) .landing-nav__toggle:focus-visible{outline-color:#fff}.landing-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.landing-hero-grid{grid-template-columns:1fr;gap:3rem}}.landing-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-bento>[data-span="2"]{grid-column:span 2}@media(max-width:900px){.landing-bento{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.landing-bento{grid-template-columns:1fr}.landing-bento>[data-span="2"]{grid-column:span 1}}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:3rem}@media(max-width:900px){.landing-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:520px){.landing-footer-grid{grid-template-columns:1fr}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#f5f5f5}html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;min-width:320px}#root{height:100%;width:100%}.mapbox-gl-draw_ctrl-bottom-left,.mapbox-gl-draw_ctrl-top-left{margin-left:0;border-radius:0 4px 4px 0}.mapbox-gl-draw_ctrl-top-right,.mapbox-gl-draw_ctrl-bottom-right{margin-right:0;border-radius:4px 0 0 4px}.mapbox-gl-draw_ctrl-draw-btn{border-color:#000000e6;color:#ffffff80;width:30px;height:30px}.mapbox-gl-draw_ctrl-draw-btn.active,.mapbox-gl-draw_ctrl-draw-btn.active:hover{background-color:#0000000d}.mapbox-gl-draw_ctrl-draw-btn{background-repeat:no-repeat;background-position:center}.mapbox-gl-draw_point{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>')}.mapbox-gl-draw_polygon{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>')}.mapbox-gl-draw_line{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>')}.mapbox-gl-draw_trash{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>')}.mapbox-gl-draw_uncombine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>')}.mapbox-gl-draw_combine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>')}.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:pointer}.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive{cursor:crosshair}.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:cell}.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.mapbox-gl-draw_boxselect{pointer-events:none;position:absolute;top:0;left:0;width:0;height:0;background:#0000001a;border:2px dotted #fff;opacity:.5}.mapboxgl-map{width:100%;height:100%}.mapboxgl-canvas{width:100%!important;height:100%!important}.coordinates-box{position:absolute;bottom:40px;left:10px;padding:5px 10px;background:#000000b3;color:#fff;font-size:12px;border-radius:4px;z-index:1;pointer-events:none;font-family:monospace}.mapboxgl-ctrl-group{border-radius:4px;background-color:#fff}.mapboxgl-ctrl-group button{width:30px;height:30px}.mapboxgl-ctrl-group button:focus{box-shadow:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:none;padding:0 5px;color:#333;font-size:12px}.mapbox-gl-draw_ctrl-draw-btn{border:none;cursor:pointer;display:block;width:30px;height:30px;background-repeat:no-repeat;background-position:center}.mapbox-gl-draw_polygon{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 3h18v18H3z"/></svg>')}.mapbox-gl-draw_trash{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>')}:root{--primary: #4CAF50;--primary-dark: #388E3C;--primary-light: #66BB6A;--sidebar-width: 240px;--sidebar-collapsed: 60px;--navbar-height: 64px;--border-radius: 8px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .25s ease-out}.slide-up{animation:slideUp .3s ease-out}.data-source-indicator{pointer-events:none}.data-source-indicator .mapboxgl-popup-content{background:transparent;box-shadow:none;padding:0}.real-data-badge,.mock-data-badge{color:#fff;font-weight:600;padding:4px 8px;border-radius:4px;font-size:11px;text-align:center;box-shadow:0 2px 4px #0000004d;border:1px solid rgba(255,255,255,.5)}.real-data-badge{background-color:#4caf50d9}.mock-data-badge{background-color:#ff9800d9}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media print{.MuiAppBar-root,.MuiDrawer-root{display:none!important}main{margin:0!important;padding:0!important;width:100%!important}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardPopIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulseRing{0%{box-shadow:0 0 #4caf5080}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.page-enter{animation:pageFadeIn .35s cubic-bezier(.22,1,.36,1) both}.card-enter{animation:cardPopIn .4s cubic-bezier(.22,1,.36,1) both}.card-enter:nth-child(1){animation-delay:.05s}.card-enter:nth-child(2){animation-delay:.1s}.card-enter:nth-child(3){animation-delay:.15s}.card-enter:nth-child(4){animation-delay:.2s}.card-enter:nth-child(5){animation-delay:.25s}.card-enter:nth-child(6){animation-delay:.3s}*{scrollbar-width:thin;scrollbar-color:rgba(76,175,80,.3) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#4caf504d;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background-color:#4caf5099}:focus-visible{outline:2px solid #4CAF50;outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}