:root{color-scheme:light;--mb-bg: #f5f7f4;--mb-surface: #ffffff;--mb-surface-subtle: #eef3ee;--mb-text: #17211a;--mb-muted: #617065;--mb-border: #dce5dd;--mb-brand: #177245;--mb-brand-strong: #0f5b35;--mb-accent: #1b9de0;--mb-info: #2563eb;--mb-success: #15803d;--mb-attention: #a16207;--mb-urgent: #b42318;--mb-danger: #ef6b63;--mb-danger: #b42318;--mb-radius-sm: 8px;--mb-radius-md: 12px;--mb-radius-lg: 18px;--mb-shadow: 0 8px 28px rgb(23 33 26 / 8%);--mb-font: Inter, "Segoe UI", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--mb-bg: #08110c;--mb-surface: #101a14;--mb-surface-subtle: #16231a;--mb-text: #edf5ef;--mb-muted: #a9b8ad;--mb-border: #29382d;--mb-brand: #55c889;--mb-brand-strong: #78d9a1;--mb-shadow: 0 12px 36px rgb(0 0 0 / 28%)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--mb-bg);color:var(--mb-text);font-family:var(--mb-font);line-height:1.5}button,input,select,textarea{font:inherit}button,.button{min-height:42px;border:1px solid transparent;border-radius:var(--mb-radius-sm);padding:.65rem 1rem;background:var(--mb-brand);color:#fff;font-weight:650;cursor:pointer}button:hover,.button:hover{background:var(--mb-brand-strong)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--mb-accent) 55%,transparent);outline-offset:2px}.button--secondary{background:var(--mb-surface);color:var(--mb-text);border-color:var(--mb-border)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.75rem}.page-header h1{margin:.2rem 0;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.035em}.page-header p,.metric p,.metric small,.empty-state p{color:var(--mb-muted)}.eyebrow{color:var(--mb-brand);font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.page-actions{display:flex;flex-wrap:wrap;gap:.6rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));border:1px solid var(--mb-border);border-radius:var(--mb-radius-md);overflow:hidden;background:var(--mb-surface)}.metric{min-width:0;padding:1.2rem}.metric+.metric{border-left:1px solid var(--mb-border)}.metric p,.metric small{margin:0}.metric strong{display:block;margin:.3rem 0;font-size:1.8rem;letter-spacing:-.04em}.status-badge{display:inline-flex;align-items:center;min-height:28px;max-width:100%;border-radius:999px;padding:.2rem .65rem;background:var(--mb-surface-subtle);color:var(--mb-muted);font-size:.8rem;font-weight:650;white-space:normal}.status-badge--info{color:var(--mb-info);background:color-mix(in srgb,var(--mb-info) 12%,transparent)}.status-badge--success{color:var(--mb-success);background:color-mix(in srgb,var(--mb-success) 12%,transparent)}.status-badge--attention{color:var(--mb-attention);background:color-mix(in srgb,var(--mb-attention) 12%,transparent)}.status-badge--urgent{color:var(--mb-urgent);background:color-mix(in srgb,var(--mb-urgent) 12%,transparent)}.empty-state{padding:3rem 1.5rem;border:1px dashed var(--mb-border);border-radius:var(--mb-radius-md);background:var(--mb-surface);text-align:center}@media(max-width:700px){.page-header{align-items:stretch;flex-direction:column}.page-actions>*{flex:1}.metric+.metric{border-left:0;border-top:1px solid var(--mb-border)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:1rem;padding:1.25rem 1rem;border-right:1px solid var(--mb-border);background:var(--mb-surface)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--mb-text);text-decoration:none}.brand span:last-child{display:grid}.brand small{color:var(--mb-muted)}.brand-mark{display:inline-grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:var(--mb-brand);color:#fff;font-size:1.2rem;font-weight:800}.farm-picker{display:grid;gap:.35rem;margin:.5rem 0;color:var(--mb-text);font-size:.8rem;font-weight:700}.farm-picker select{width:100%;min-height:44px;border:2px solid var(--mb-brand);border-radius:var(--mb-radius-sm);padding:0 .75rem;background:var(--mb-surface-subtle);color:var(--mb-text);font-size:.95rem;font-weight:700}.auth-panel input{width:100%;min-height:44px;border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm);padding:0 .75rem;background:var(--mb-bg);color:var(--mb-text)}.sidebar nav{display:grid;gap:.15rem;overflow-y:auto}.nav-heading{display:block;margin:.85rem 0 .25rem;color:var(--mb-muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mobile-topbar,.mobile-tabbar,.nav-backdrop,.menu-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.nav-link,.sign-out,.text-button{display:flex;align-items:center;justify-content:flex-start;gap:.7rem;min-height:42px;border:0;padding:0 .75rem;background:transparent;color:var(--mb-muted);font-weight:600;text-align:left}.nav-link:hover,.nav-link.active{border-radius:var(--mb-radius-sm);background:var(--mb-surface-subtle);color:var(--mb-brand)}.nav-badge{min-width:1.4rem;margin-left:auto;border-radius:999px;padding:.1rem .4rem;background:var(--mb-urgent);color:#fff;font-size:.75rem;line-height:1.2;text-align:center}.sign-out{margin-top:auto}.team-action-form{margin-block:1rem;border:2px solid var(--mb-brand)}.content{min-width:0;max-width:1500px;padding:clamp(1.25rem,4vw,3.5rem)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:1rem;margin-top:1rem}.panel{min-width:0;border:1px solid var(--mb-border);border-radius:var(--mb-radius-md);padding:1.25rem;background:var(--mb-surface)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel h2{margin:.2rem 0 0;font-size:1.15rem}.activity-list,.attention-list{margin:0;padding:0;list-style:none}.activity-list li{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:.75rem;padding:.75rem 0}.activity-list li:not(:last-child):before{content:"";position:absolute;top:1.4rem;bottom:-.75rem;left:4px;width:1px;background:var(--mb-border)}.activity-dot{z-index:1;width:9px;height:9px;margin-top:.45rem;border-radius:50%;background:var(--mb-brand)}.activity-list strong,.activity-list small,.attention-list strong,.attention-list small{display:block}.activity-list small,.attention-list small{margin-top:.2rem;color:var(--mb-muted)}.attention-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--mb-border)}.attention-list li:last-child{border-bottom:0}.callout{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm);padding:.9rem 1rem;background:var(--mb-surface)}.callout button{margin-left:auto}.callout--warning{border-color:color-mix(in srgb,var(--mb-attention) 35%,transparent);background:color-mix(in srgb,var(--mb-attention) 8%,var(--mb-surface))}.callout--error{border-color:color-mix(in srgb,var(--mb-urgent) 35%,transparent);color:var(--mb-urgent)}.loading-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;border:1px solid var(--mb-border);border-radius:var(--mb-radius-md);background:var(--mb-border)}.loading-grid span{min-height:110px;background:linear-gradient(90deg,var(--mb-surface),var(--mb-surface-subtle),var(--mb-surface));background-size:200% 100%;animation:loading 1.3s infinite}.module-loading{min-height:220px;border:1px solid var(--mb-border);border-radius:var(--mb-radius-md);background:linear-gradient(90deg,var(--mb-surface),var(--mb-surface-subtle),var(--mb-surface));background-size:200%;animation:loading 1.3s infinite}.data-panel{overflow:hidden;border:1px solid var(--mb-border);border-radius:var(--mb-radius-md);background:var(--mb-surface)}.data-toolbar{display:flex;justify-content:space-between;padding:1rem 1.2rem}.data-toolbar span{color:var(--mb-muted)}.data-scroll{overflow-x:auto}.data-panel table{width:100%;border-collapse:collapse;white-space:nowrap}.data-panel th,.data-panel td{padding:.85rem 1.1rem;border-top:1px solid var(--mb-border);text-align:left}.data-panel th{color:var(--mb-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}@keyframes loading{to{background-position:-200% 0}}.auth-shell,.splash{display:grid;min-height:100vh;place-items:center;padding:1.25rem}.auth-panel{display:grid;width:min(100%,440px);gap:1rem;border:1px solid var(--mb-border);border-radius:var(--mb-radius-lg);padding:clamp(1.5rem,5vw,2.5rem);background:var(--mb-surface);box-shadow:var(--mb-shadow)}.auth-panel h1{margin:0;font-size:clamp(1.7rem,4vw,2.25rem);line-height:1.15}.auth-intro{color:var(--mb-muted)}.auth-panel label{display:grid;gap:.4rem;font-weight:650}.password-field{position:relative;display:block}.password-field input{padding-right:4.5rem}.password-field .password-toggle{position:absolute;top:50%;right:.35rem;width:auto;min-height:36px;padding:0 .65rem;transform:translateY(-50%);border:0;background:transparent;color:var(--mb-brand);font-size:.8rem;font-weight:750}.auth-panel .text-button{justify-content:center}.danger-text{color:var(--mb-danger)}.splash{align-content:center;gap:1rem;color:var(--mb-muted)}.mobile-farm-picker{display:none}@media(max-width:980px){.app-shell{display:block;padding-top:72px;padding-bottom:72px}.mobile-topbar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .75rem;border-bottom:1px solid var(--mb-border);background:var(--mb-surface)}.mobile-topbar .farm-picker{margin:0}.menu-toggle{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .75rem;background:var(--mb-surface-subtle);color:var(--mb-text);border:2px solid var(--mb-brand)}.sidebar{position:fixed;z-index:30;top:0;bottom:0;left:0;width:min(320px,92vw);height:100vh;padding:1rem;transform:translate(-110%);box-shadow:var(--mb-shadow)}.sidebar.open{transform:translate(0)}.desktop-only{display:none}.nav-backdrop{display:block;position:fixed;inset:0;z-index:25;border:0;background:#00000073}.mobile-tabbar{position:fixed;z-index:20;right:0;bottom:0;left:0;display:flex;gap:.25rem;padding:.35rem .45rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--mb-border);background:var(--mb-surface)}.mobile-tabbar .nav-link{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:.15rem;min-height:56px;padding:.25rem;font-size:.72rem;color:var(--mb-text)}.overview-grid{grid-template-columns:1fr}}@media(max-width:620px){.metrics{grid-template-columns:1fr 1fr}.metric+.metric{border-top:1px solid var(--mb-border)}}.auth-panel--wide{max-width:560px}.auth-grid{display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.section-picker{border:1px solid var(--mb-border);border-radius:12px;padding:.85rem;margin:.5rem 0}.section-picker__grid{display:flex;flex-wrap:wrap;gap:.55rem}.chip-check{display:inline-flex;align-items:center;gap:.4rem;margin:0;border:1px solid var(--mb-border);border-radius:999px;padding:.5rem .7rem;background:var(--mb-surface-subtle);cursor:pointer;font-size:.88rem}.chip-check input[type=checkbox]{width:18px;min-height:18px;flex:0 0 18px;appearance:none;border:2px solid var(--mb-muted);border-radius:5px;padding:0;background:var(--mb-surface)}.chip-check input[type=checkbox]:checked{border-color:var(--mb-brand);background-color:var(--mb-brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.team-panel,.team-form{display:grid;gap:1rem}.team-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.team-tabs button{width:auto;min-width:max-content;background:var(--mb-surface-subtle);color:var(--mb-text)}.team-tabs button.active{background:var(--mb-brand);color:#fff}.team-form{padding:1rem;border:1px solid var(--mb-border);border-radius:14px;background:color-mix(in srgb,var(--mb-surface) 88%,transparent)}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.muted{color:var(--mb-muted, #667);font-size:.85rem}.button--danger{color:#b42318}@media(max-width:720px){.auth-grid{grid-template-columns:1fr}}
