:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-h1:clamp(1.75rem,5vw + 1rem,2.5rem);--font-h2:clamp(1.5rem,4vw + 1rem,2rem);--font-h3:clamp(1.25rem,3vw + 1rem,1.75rem);--font-body:clamp(0.9375rem,0.5vw + 0.8rem,1rem);--font-small:0.875rem;--font-caption:0.75rem;--font-label:0.6875rem;--lh-tight:1.2;--lh-base:1.5;--lh-relaxed:1.625;--color-primary:#2a7f62;--color-primary-dark:#1e5c47;--color-primary-light:#d4e5df;--color-primary-container:#a0f3d0;--color-secondary:#3498db;--color-secondary-light:#cce5ff;--color-accent:#f1c40f;--color-accent-dark:#e67e22;--color-earth:#a6836b;--color-white:#fff;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-variant:#f1f5f9;--color-surface-dim:#e8e8e8;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--text-on-primary:#fff;--text-on-dark:#f1f5f9;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-0:none;--shadow-1:0 1px 2px 0 #0000000d;--shadow-2:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-3:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-4:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--shadow-card:0 4px 20px #00000008;--shadow-card-hover:0 8px 30px #00000014;--touch-min:44px;--touch-comfortable:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--ease-out:cubic-bezier(0.33,1,0.68,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.25,0.46,0.45,0.94);--z-base:1;--z-sticky:100;--z-topbar:200;--z-sidebar:300;--z-bottom-nav:400;--z-drawer:500;--z-overlay:600;--z-modal:700;--z-toast:800;--sidebar-width:260px;--topbar-height-mobile:48px;--topbar-height-desktop:64px;--bottom-nav-height:64px;--content-max-width:1200px}@media (min-width:1024px){:root{--sidebar-width:280px}}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-variant:#334155;--color-border:#334155;--color-border-strong:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b}.truncate-line{white-space:nowrap}.truncate-2,.truncate-line{overflow:hidden;text-overflow:ellipsis}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-word}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:639px){.hide-mobile{display:none!important}.truncate-mobile{max-width:min(180px,45vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (min-width:768px){.hide-desktop{display:none!important}}:focus-visible{outline:2px solid #2a7f62;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}#root,.App,body,html{margin:0;min-height:100%;padding:0;width:100%}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:var(--color-bg);color:var(--text-primary);font-size:var(--font-body);line-height:var(--lh-base);overflow-wrap:break-word}.display-font,body,h1,h2{font-family:Outfit,sans-serif}.display-font,h1,h2{font-weight:800}h1{font-size:var(--font-h1)}h1,h2{line-height:var(--lh-tight)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3);line-height:var(--lh-tight)}.uppercase-label,label{color:var(--text-muted);font-size:var(--font-caption);font-weight:600;letter-spacing:.08em;text-transform:uppercase}input,select,textarea{border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;font-family:Outfit,sans-serif!important;font-size:var(--font-body);max-width:100%;min-width:0;outline:none!important;padding:var(--space-3)!important;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease!important;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #2a7f621a!important}.card,.cycle-investment-card,.farm-overview-card,.financial-stat-card,.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card:hover,.cycle-investment-card:hover,.metric-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}a,button{transition:all var(--duration-fast) ease}button:active{transform:scale(.98)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.modal-content{-webkit-overflow-scrolling:touch;animation:modalSlideUp .3s var(--ease-out);background-color:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-4);max-height:85vh;overflow-y:auto;padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom, 0px));width:100%}@media (min-width:768px){.modal-overlay{align-items:center}.modal-content{animation:modalFadeIn .3s ease-out;border-radius:var(--radius-lg);max-width:500px;padding:30px;width:90%}}.modal-content h3{color:var(--color-primary);font-family:Outfit,sans-serif;font-size:var(--font-h3);margin-top:0}.modal-form{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.modal-form .input-group{display:flex;flex-direction:column;gap:var(--space-2)}.modal-form label{color:var(--text-secondary);font-size:var(--font-caption);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.modal-form input,.modal-form select,.modal-form textarea{width:100%}.modal-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:480px){.modal-actions{flex-direction:row;justify-content:flex-end}}.modal-actions button{border-radius:var(--radius-sm);cursor:pointer;font-family:Outfit,sans-serif;font-weight:700;min-height:var(--touch-min);padding:var(--space-3) var(--space-6)}.btn-cancel{background-color:var(--color-surface-variant);border:none;color:var(--text-muted)}.btn-cancel:hover{background-color:var(--color-surface-dim);color:var(--text-primary)}.btn-confirm{background-color:var(--color-primary);border:none;color:var(--text-on-primary)}.btn-confirm:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #2a7f6233;transform:translateY(-2px)}.zebra-list li:nth-child(2n){background-color:rgba(0,0,0,.015)}.app-container{background-color:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}@media (min-width:768px){.app-container{flex-direction:row}}.main-content{flex-grow:1;min-width:0;transition:margin-left var(--duration-normal) ease}@media (min-width:768px){.main-content{margin-left:var(--sidebar-width)}}.page-content{min-width:0;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-4))}@media (min-width:768px){.page-content{padding:var(--space-6);padding-bottom:var(--space-6)}}@media (min-width:1024px){.page-content{padding:var(--space-8)}}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:var(--font-body);font-weight:700;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-3) var(--space-5);transition:all var(--duration-fast) ease}.btn-primary{background-color:var(--color-primary);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #2a7f6233;transform:translateY(-2px)}.load-more-btn{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:block;font-size:var(--font-body);font-weight:600;margin:var(--space-5) auto;max-width:300px;min-height:var(--touch-min);padding:var(--space-3) var(--space-6);transition:all var(--duration-fast) ease;width:100%}.load-more-btn:hover{background:var(--color-primary);color:var(--text-on-primary)}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}.farm-missing-banner{background-color:var(--color-warning);box-shadow:var(--shadow-2);color:var(--text-primary);font-size:var(--font-small);font-weight:600;padding:var(--space-3) var(--space-4);position:sticky;text-align:center;top:var(--topbar-height-mobile);z-index:var(--z-sticky)}@media (min-width:768px){.farm-missing-banner{top:var(--topbar-height-desktop)}}.farm-missing-banner a{color:var(--text-primary);margin-left:var(--space-2);text-decoration:underline}.summary-cards-container{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}@media (min-width:768px){.summary-cards-container{grid-template-columns:repeat(4,1fr)}}.farm-overview-card,.summary-cards-container>div{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}@media (min-width:768px){.farm-overview-card{padding:var(--space-6)}}.loading-screen{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-h3);justify-content:center;min-height:100vh}.sidebar{display:none}@media (min-width:768px){.sidebar{background-color:#1e293b;color:var(--text-on-dark);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:var(--z-sidebar)}}.sidebar-header{flex-shrink:0;padding:var(--space-6) var(--space-5)}.logo-container,.sidebar-header{align-items:center;display:flex;justify-content:center}.logo-container{min-width:0;width:100%}.logo-text-block{align-items:center;display:flex;flex-direction:column;gap:2px}.logo-headline{color:#e2e8f0;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:.01em;line-height:1.2;white-space:nowrap}.logo-subtitle{color:#94a3b8;font-family:Outfit,sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.12em;line-height:1.3;text-align:center;text-transform:uppercase}.sidebar-nav{flex:1 1;list-style:none;margin:0;padding:var(--space-3)}.sidebar-nav li{margin-bottom:var(--space-1)}.sidebar-nav a{align-items:center;border-radius:var(--radius-sm);color:var(--text-light);display:flex;font-size:var(--font-small);font-weight:500;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--duration-fast) ease}.sidebar-nav a:hover{background-color:#ffffff0f;color:var(--text-on-dark)}.sidebar-nav a.active{background-color:var(--color-primary);box-shadow:0 2px 8px #2a7f624d;color:var(--text-on-primary);transform:translateX(4px)}.nav-icon{flex-shrink:0;opacity:.7}.sidebar-nav a.active .nav-icon{opacity:1}.sidebar-close-btn{background:none;border:none;color:var(--text-on-dark);cursor:pointer;display:none;min-height:var(--touch-min);min-width:var(--touch-min)}.topbar{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-2);height:var(--topbar-height-mobile);justify-content:space-between;padding:0 var(--space-3);position:sticky;top:0;z-index:var(--z-topbar)}@media (min-width:768px){.topbar{background:linear-gradient(135deg,#1a2332,#1e293b 50%,#1a2332);border-bottom:1px solid #2a7f6233;box-shadow:0 2px 12px #00000026;height:var(--topbar-height-desktop);padding:0 var(--space-5)}}.topbar-left{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.topbar-farm-name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.topbar-farm-name{color:#fff;font-size:1.2rem;letter-spacing:.01em}}.role-badge{background-color:var(--color-primary);background-color:var(--role-color,var(--color-primary));border-radius:var(--radius-full);color:#fff;display:none;flex-shrink:0;font-size:.45rem;font-weight:700;letter-spacing:.06em;opacity:.8;padding:1px 5px;text-transform:uppercase;white-space:nowrap}@media (min-width:480px){.role-badge{display:inline}}@media (min-width:768px){.role-badge{border:1px solid #ffffff26;font-size:.5rem;opacity:.7;padding:2px 7px}}.topbar-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}@media (min-width:768px){.topbar-right{gap:var(--space-3)}}.topbar-admin-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.7rem;font-weight:700;gap:4px;padding:4px;transition:all .15s ease}.topbar-admin-btn:hover{transform:scale(1.1)}.topbar-admin-label{display:none}@media (min-width:640px){.topbar-admin-label{display:inline}}.topbar-user{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}@media (min-width:768px){.topbar-user{background:#ffffff12;border:1px solid #ffffff14;border-radius:var(--radius-full);gap:var(--space-3);padding:4px 4px 4px var(--space-3)}}.user-info-desktop{display:none}@media (min-width:768px){.user-info-desktop{align-items:flex-end;display:flex;flex-direction:column;line-height:1.2}}.user-display-name{color:#fff;font-size:var(--font-small);font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-text{color:#ffffff73;font-size:.6rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#34d399 100%);border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 6px #2a7f624d;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;height:30px;justify-content:center;width:30px}@media (min-width:768px){.user-avatar{font-size:.8rem;height:34px;width:34px}}.logout-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-caption);font-weight:600;justify-content:center;padding:6px;transition:all .15s ease}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}@media (min-width:768px){.logout-btn{background:#ffffff0f;border:1px solid #ffffff1a;color:#fff9;gap:6px;padding:6px 14px}.logout-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}}.logout-label{display:none}@media (min-width:1024px){.logout-label{display:inline}}.hamburger-btn{display:none}.bottom-nav{align-items:center;background-color:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;justify-content:space-around;left:0;min-height:var(--bottom-nav-height);padding-bottom:var(--safe-bottom);position:fixed;transform:translateZ(0);width:100%;will-change:transform;z-index:var(--z-bottom-nav)}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav__item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--radius-md);color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:var(--touch-min);min-width:56px;padding:4px 8px;text-decoration:none;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__item.active{background-color:#2a7f6214;color:var(--color-primary)}.bottom-nav__icon{flex-shrink:0;margin-bottom:2px}.bottom-nav__label{font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap}.bottom-nav__more-wrap{position:relative}.bottom-nav__more-btn{background:none;border:none;cursor:pointer;font-family:inherit}.bottom-nav__backdrop{background:#0000004d;inset:0;position:fixed;z-index:calc(var(--z-bottom-nav) + 1)}.bottom-nav__more-menu{grid-gap:var(--space-1);animation:slide-up .2s ease-out;background:var(--color-surface);border-radius:16px 16px 0 0;border-radius:var(--radius-lg,16px) var(--radius-lg,16px) 0 0;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));box-shadow:0 -4px 24px #0000001f;display:grid;gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));left:var(--space-3);padding:var(--space-3) var(--space-2);position:fixed;right:var(--space-3);z-index:calc(var(--z-bottom-nav) + 2)}.bottom-nav__more-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;justify-content:center;min-height:var(--touch-min);padding:var(--space-2) var(--space-1);text-decoration:none;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}.bottom-nav__more-item:active{transform:scale(.95)}.bottom-nav__more-item.active{background-color:#2a7f6214;color:var(--color-primary)}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.skeleton-header{min-height:36px;width:200px}.skeleton-header,.skeleton-line{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-border);border-radius:var(--radius-sm)}.skeleton-line--title{margin-bottom:var(--space-3);min-height:20px;width:60%}.skeleton-line--text{min-height:14px;width:90%}.skeleton-line--short{width:50%}.skeleton-cards-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-surface-variant);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.skeleton-card--tall{min-height:250px}.skeleton-card--wide{margin-top:var(--space-3);min-height:150px}.skeleton-detail-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (min-width:768px){.skeleton-cards-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skeleton-detail-grid{grid-template-columns:1fr 2fr}}.auth-container{background-image:linear-gradient(#0006,#0003),var(--auth-bg-image);background-position:50%;background-size:cover;height:100dvh;left:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:0;width:100dvw}.auth-container,.auth-sidebar{display:flex;flex-direction:column}.auth-sidebar{align-items:center;color:var(--text-on-dark);height:auto;min-height:auto;padding:var(--space-5) var(--space-4) var(--space-2);text-align:center;z-index:var(--z-base)}.auth-logo-wrapper{margin-bottom:var(--space-2)}.auth-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));height:auto;width:80px}.auth-sidebar-quote{color:#ffffffd9;display:block;font-size:.85rem;font-weight:600;letter-spacing:.12em;margin:0;text-shadow:0 2px 8px #00000080;text-transform:uppercase}.auth-main{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-left:none;display:flex;height:auto;justify-content:center;min-height:auto;overflow-y:visible;padding:0 var(--space-5) var(--space-5)}.auth-form-container{animation:slide-up .8s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;max-height:65dvh;max-width:320px;overflow-y:auto;padding:var(--space-4) var(--space-4);width:100%}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.auth-form-container h2{color:#fff;font-size:var(--font-h3);font-weight:800;letter-spacing:-.01em;text-align:center;text-shadow:0 1px 4px #0000004d}.auth-form .input-group,.auth-form-container h2{margin-bottom:var(--space-3)}.auth-form label{color:#fffc;display:block;font-size:var(--font-small);font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.auth-form input{background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:var(--radius-md);box-sizing:border-box;color:#fff!important;font-size:var(--font-body);min-height:40px;padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) var(--ease-out);width:100%}.auth-form input::placeholder{color:#ffffff73}.auth-form input:focus{background:#fff3!important;border-color:#4ade5099!important;box-shadow:0 0 0 3px #4ade5026;outline:none}.auth-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;color:var(--text-on-primary);cursor:pointer;font-size:var(--font-body);font-weight:800;margin-top:var(--space-3);min-height:40px;padding:var(--space-3);transition:all var(--duration-normal) var(--ease-spring);width:100%}.auth-button:hover{background-color:var(--color-primary-dark);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.auth-switch-link{color:#fff9;font-size:var(--font-small);margin-top:var(--space-3);text-align:center}.auth-switch-link a{color:#4ade50;font-weight:800;margin-left:var(--space-2);text-decoration:none}.forgot-password-container{display:flex;justify-content:flex-end;margin-bottom:var(--space-4);margin-top:calc(var(--space-2)*-1)}.forgot-password-link{background:none;border:none;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:var(--font-small);font-weight:700;padding:0;transition:all var(--duration-fast) var(--ease-out)}.forgot-password-link:hover{color:#4ade50;text-decoration:underline}.terms-checkbox{align-items:flex-start;color:#ffffffb3;cursor:pointer;display:flex;font-size:var(--font-small);gap:var(--space-3);line-height:var(--lh-normal);margin-bottom:var(--space-4)}.terms-checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:18px;margin-top:3px;width:18px}.terms-checkbox a{color:#4ade50;font-weight:700;text-decoration:underline}.auth-message{background-color:#4ade5026;border:1px solid #4ade504d;border-radius:var(--radius-md);color:#4ade50;font-size:var(--font-small);text-align:center}.auth-error,.auth-message{margin-bottom:var(--space-3);padding:var(--space-3)}.auth-error{background-color:#e53e3e26;border:1px solid #e53e3e4d;border-radius:var(--radius-md);color:#fca5a5}@media (min-width:768px){.auth-container{flex-direction:row;overflow:hidden}.auth-sidebar{align-items:flex-start;flex:1.1 1;height:100%;justify-content:space-between;padding:5rem 4rem;text-align:left}.auth-logo-wrapper{margin-bottom:var(--space-8)}.auth-logo{width:280px}.auth-sidebar-quote{color:var(--text-on-dark);font-size:clamp(2rem,4vw,3.5rem);font-weight:900;letter-spacing:-.02em;line-height:var(--lh-tight);max-width:85%;text-shadow:0 4px 20px #0009;text-transform:none}.auth-main{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-left:1px solid #fff3;flex:0.9 1;height:100%;overflow-y:hidden;padding:var(--space-8)}.auth-form-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffffa;border:none;box-shadow:var(--shadow-4);max-height:90dvh;max-width:420px;padding:3.5rem 3rem}.auth-form-container h2{color:var(--text-primary);font-size:var(--font-h2);margin-bottom:2.5rem;text-shadow:none}.auth-form label{color:var(--text-secondary);margin-bottom:var(--space-2)}.auth-form .input-group{margin-bottom:var(--space-5)}.auth-form input{background:#f8fafc!important;border:2px solid #e2e8f0!important;color:#1e293b!important;min-height:var(--touch-comfortable);padding:var(--space-4) var(--space-5)}.auth-form input::placeholder{color:#94a3b8}.auth-form input:focus{background:#fff!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #2a7f6226}.auth-button{box-shadow:var(--shadow-2);margin-top:var(--space-4);min-height:var(--touch-comfortable);padding:var(--space-4)}.forgot-password-container{margin-bottom:var(--space-5)}.forgot-password-link{color:var(--color-primary)}.forgot-password-link:hover{color:var(--color-primary-dark)}.auth-switch-link{color:var(--text-muted);font-size:var(--font-body);margin-top:var(--space-8)}.auth-switch-link a{color:var(--color-primary)}.terms-checkbox{color:var(--text-secondary)}.terms-checkbox a{color:var(--color-primary)}.auth-message{background-color:#f0fff4;border-color:#c6f6d5;color:var(--color-success)}.auth-error{background-color:#fff5f5;border-color:#feb2b2;color:var(--color-error)}}.onb-overlay{background:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;inset:0;overflow:hidden;position:fixed;z-index:600;z-index:var(--z-modal,600)}.onb-progress-bar{background:#fff;border-bottom:1px solid var(--color-border);gap:var(--space-6);justify-content:center;padding:var(--space-4) var(--space-4);z-index:2}.onb-progress-bar,.onb-progress-step{align-items:center;display:flex;position:relative}.onb-progress-step{flex-direction:column;gap:4px;z-index:1}.onb-progress-dot{align-items:center;background:#f1f5f9;background:var(--color-bg,#f1f5f9);border:2px solid var(--color-border);border-radius:50%;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.onb-progress-step.active .onb-progress-dot{background:#dcfce7;border-color:var(--color-primary);color:var(--color-primary)}.onb-progress-step.current .onb-progress-dot{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #2a7f6226}.onb-progress-label{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.onb-progress-step.active .onb-progress-label{color:var(--color-primary)}.onb-progress-track{background:var(--color-border);height:2px;left:15%;position:absolute;right:15%;top:50%;transform:translateY(-8px);z-index:0}.onb-progress-fill{background:var(--color-primary);border-radius:1px;height:100%;transition:width .4s ease}@media (max-width:400px){.onb-progress-label{display:none}.onb-progress-bar{gap:var(--space-4)}.onb-progress-dot{font-size:14px;height:32px;width:32px}}.onb-step{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;overflow-y:auto;padding:var(--space-4)}.onb-card{background:#fff;border-radius:var(--radius-xl);max-width:420px;padding:var(--space-6);width:100%}.onb-card-header{margin-bottom:var(--space-5);text-align:center}.onb-card-header h2{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;margin:0 0 var(--space-2)}.onb-card-header p{color:var(--text-muted);font-size:var(--font-body);margin:0}.onb-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:var(--radius-md);color:#e53e3e;color:var(--color-error,#e53e3e);font-size:var(--font-small);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.onb-image-section{display:flex;justify-content:center;margin-bottom:var(--space-5)}.onb-image-picker{align-items:center;border:3px dashed #d1d5db;border-radius:50%;cursor:pointer;display:flex;height:110px;justify-content:center;overflow:hidden;transition:border-color .2s ease;width:110px}.onb-image-picker:hover{border-color:var(--color-primary)}.onb-image-preview{height:100%;object-fit:cover;width:100%}.onb-image-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:var(--font-small);gap:2px}.onb-optional{color:silver;font-size:10px}.onb-field{margin-bottom:var(--space-4)}.onb-field label{color:var(--text-secondary);display:block;font-size:var(--font-small);font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.onb-field input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--font-body);padding:var(--space-3) var(--space-4);transition:all .15s ease;width:100%}.onb-field input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2a7f621f;outline:none}.onb-hint{color:#94a3b8;display:block;font-size:.7rem;font-style:italic;margin-top:4px}.onb-area-badge{background:#f0fdf4;border-radius:var(--radius-full);color:#166534;font-size:var(--font-small);gap:6px;margin-bottom:var(--space-5);padding:6px 14px}.onb-area-badge,.onb-btn-primary{align-items:center;display:inline-flex;font-weight:700}.onb-btn-primary{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--font-body);gap:var(--space-2);justify-content:center;min-height:44px;padding:var(--space-3) var(--space-5);transition:all .2s ease;width:100%}.onb-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #2a7f624d;transform:translateY(-1px)}.onb-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.onb-btn-secondary{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-small);font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.onb-btn-secondary:hover{color:var(--text-secondary)}.onb-btn-launch{max-width:280px}.onb-btn-launch,.onb-nav{margin-top:var(--space-5)}.onb-nav{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.onb-nav .onb-btn-primary{flex:1 1;max-width:220px;width:auto}.onb-step-map{align-items:stretch!important;flex:none!important;height:calc(100dvh - 70px);height:calc(100vh - 70px);justify-content:flex-start!important;overflow:hidden!important;padding:0!important}.onb-map-instructions{align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #86efac;color:#166534;display:flex;flex-shrink:0;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.onb-map-instructions strong{display:block;font-size:var(--font-body);margin-bottom:2px}.onb-map-instructions p{color:#15803d;font-size:var(--font-small);line-height:1.4;margin:0}.onb-map-container{flex:1 1;height:calc(100dvh - 186px);height:calc(100vh - 186px);min-height:250px;position:relative;width:100%}.onb-map-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-body);height:100%;justify-content:center}.onb-map-controls{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:20}.onb-map-btn{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#475569;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:700;gap:6px;padding:10px 18px}.onb-map-btn.primary{background:#2a7f62;background:var(--color-primary,#2a7f62);box-shadow:0 4px 12px #2a7f624d;color:#fff}.onb-step-map .onb-nav{background:#fff;border-top:1px solid var(--color-border);flex-shrink:0;margin-top:0;padding:var(--space-3) var(--space-4)}.onb-step-done{justify-content:center}.onb-card-done{max-width:400px;text-align:center}.onb-saving{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0}.onb-saving h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}.onb-saving p{color:var(--text-muted);font-size:var(--font-small);margin:0}.onb-saving .spin{color:var(--color-primary)}.onb-success{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) 0}.onb-success-check{align-items:center;background:linear-gradient(135deg,#059669,var(--color-primary));border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:var(--space-3);width:80px}.onb-success h2{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;margin:0}.onb-success p{color:var(--text-muted);font-size:var(--font-body);line-height:1.5;margin:0;max-width:300px}.onb-card-wide{max-width:520px}.onb-inventory-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);margin-top:var(--space-4);padding-top:var(--space-4)}.onb-inventory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.onb-inventory-title{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-small);font-weight:700;gap:var(--space-2);letter-spacing:.05em;text-transform:uppercase}.onb-inventory-row{align-items:center;display:flex;gap:6px;margin-bottom:8px}.onb-inv-name{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-md);color:var(--text-primary);flex:2 1;font-family:inherit;font-size:.85rem;min-width:0;padding:8px 10px}.onb-inv-name:focus{background:#fff;border-color:var(--color-primary);outline:none}.onb-inv-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.8rem;min-width:0;padding:8px 4px}.onb-inv-select:focus{border-color:var(--color-primary);outline:none}.onb-inv-qty{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-md);color:var(--text-primary);flex-shrink:0;font-family:inherit;font-size:.85rem;padding:8px 6px;text-align:center;width:60px}.onb-inv-qty:focus{background:#fff;border-color:var(--color-primary);outline:none}.onb-inv-remove{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s;width:30px}.onb-inv-remove:hover{background:#fee2e2;color:#dc2626}.onb-inv-add{align-items:center;background:none;border:2px dashed #d1d5db;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-small);font-weight:600;gap:6px;margin-top:4px;padding:8px 14px;transition:all .15s}.onb-inv-add:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:520px){.onb-inventory-row{flex-wrap:wrap}.onb-inv-name{flex:1 1 100%}.onb-inv-select{flex-basis:calc(40% - 3px);flex-grow:1;flex-shrink:1}.onb-inv-qty{flex-basis:calc(20% - 3px);flex-grow:1;flex-shrink:1;width:auto}}.onb-step-plan{justify-content:flex-start;padding-top:var(--space-3)}.onb-card-plan{max-width:640px}.onb-plan-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-4)}.onb-plan-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;padding:var(--space-3) var(--space-2);position:relative;text-align:center;transition:all .2s ease}.onb-plan-card.selected,.onb-plan-card:hover:not(:disabled){border-color:var(--color-primary)}.onb-plan-card.selected{background:#f0fdf4;box-shadow:0 0 0 3px #2a7f621f}.onb-plan-card.popular{border-color:#86efac}.onb-plan-card:disabled{cursor:default;opacity:.6}.onb-plan-popular{align-items:center;background:#2a7f6214;border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:.6rem;font-weight:700;gap:3px;letter-spacing:.04em;padding:1px 8px;text-transform:uppercase}.onb-plan-name{color:var(--text-primary);font-size:1rem;font-weight:800}.onb-plan-price{color:var(--color-primary);font-size:1.4rem;font-weight:800}.onb-plan-period{color:var(--text-muted);font-size:.7rem;font-weight:500}.onb-plan-features{color:var(--text-secondary);font-size:.7rem;list-style:none;margin:var(--space-2) 0 0;padding:0;text-align:left;width:100%}.onb-plan-features li{align-items:center;display:flex;gap:4px;line-height:1.3;padding:2px 0}.onb-plan-features li svg{color:#059669;color:var(--color-success,#059669);flex-shrink:0}.onb-plan-selected-badge{align-items:center;background:#dcfce7;border-radius:var(--radius-full);color:#059669;display:inline-flex;font-size:.65rem;font-weight:700;gap:4px;margin-top:var(--space-1);padding:2px 10px}.onb-cedula-section{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-3)}.onb-cedula-header{align-items:flex-start;color:#92400e;display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.onb-cedula-header strong{display:block;font-size:var(--font-small)}.onb-cedula-header p{color:#a16207;font-size:.75rem;margin:0}.onb-cedula-upload{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-small);font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.onb-cedula-upload:hover{border-color:var(--color-primary);color:var(--color-primary)}.onb-cedula-success{background:#dcfce7;border-radius:var(--radius-md);color:#166534;font-weight:600}.onb-cedula-loading,.onb-cedula-success{align-items:center;display:flex;font-size:var(--font-small);gap:6px;padding:8px 12px}.onb-cedula-loading{color:var(--text-muted)}.onb-cedula-fail{color:#991b1b;font-size:.75rem;margin-top:var(--space-2)}@media (max-width:520px){.onb-plan-grid{gap:var(--space-2);grid-template-columns:1fr}.onb-plan-card{flex-direction:row;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);text-align:left}.onb-plan-name{flex:1 1}.onb-plan-price{font-size:1.1rem}.onb-plan-features{margin-top:0}.onb-plan-popular{position:absolute;right:12px;top:-8px}.onb-card-plan{padding:var(--space-3)}}.spin{animation:onb-spin 1s linear infinite}@keyframes onb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.onb-card{padding:var(--space-4)}.onb-card-header h2{font-size:1.3rem}.onb-map-instructions{padding:var(--space-2) var(--space-3)}}@media (min-width:768px){.onb-step-config,.onb-step-done,.onb-step-farm,.onb-step-plan{background:linear-gradient(135deg,#f0fdf4,#f8fafc 50%,#ecfdf5)}.onb-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-4)}}
/*# sourceMappingURL=main.06fe6634.css.map*/