:root{--ocean-blue:#05668d;--steel-blue:#427aa1;--grass-green:#679436;--cloud-white:#ebf2fa;--positive:#679436;--warning:#d97706;--critical:#b91c1c;--sage-100:#f8f9f8;--sage-200:#e0e3e0;--sage-300:#c2c9c2;--sage-800:#2d332d;--bg-color:#f0f2f5;--surface-color:#ffffff;--text-primary:#171717;--text-secondary:#4a5568;--font-base:"Segoe UI",-apple-system,BlinkMacSystemFont,"Segoe UI Web (West European)",sans-serif;--radius-sm:4px;--radius-md:6px;--grid-unit:8px;--bounce-curve:cubic-bezier(0.4,1.4,0.55,1);--transition-fast:200ms linear;--transition-slow:600ms var(--bounce-curve)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-color);font-size:12px;font-weight:500;line-height:1.5}.h1,body,h1{color:var(--text-primary)}.h1,h1{font-size:20px}.h1,.h2,h1,h2{font-weight:700}.h2,h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em}.dashboard-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--sage-800);color:var(--cloud-white);transition:width var(--transition-slow);display:flex;flex-direction:column}.sidebar.collapsed{width:60px}.sidebar-header{height:60px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.topnav{height:60px;background-color:var(--surface-color);border-bottom:1px solid var(--sage-200);display:flex;align-items:center;padding:0 24px;justify-content:space-between;position:sticky;top:0;z-index:40;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:calc(var(--grid-unit) * 2);padding:calc(var(--grid-unit) * 3)}.card{background:var(--surface-color);border-radius:var(--radius-sm);padding:calc(var(--grid-unit) * 2);box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid var(--sage-200);display:flex;flex-direction:column;gap:calc(var(--grid-unit) * 1.5)}.card.accent-ocean{border-left-color:var(--ocean-blue)}.card.accent-steel{border-left-color:var(--steel-blue)}.card.accent-grass{border-left-color:var(--grass-green)}.card.accent-warning{border-left-color:var(--warning)}.card.accent-critical{border-left-color:var(--critical)}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:12px;text-transform:uppercase;font-weight:600;color:var(--text-secondary)}.card-icon{width:16px;height:16px;color:var(--steel-blue)}.card-value{font-size:24px;font-weight:700}.card-unit{font-size:14px;font-weight:400;color:var(--text-secondary)}.card-body{display:flex;flex-direction:column;gap:8px}.text-positive{color:var(--positive)}.text-warning{color:var(--warning)}.text-critical{color:var(--critical)}.text-secondary{color:var(--text-secondary)}.progress-bar{height:6px;background-color:var(--sage-200);border-radius:3px;overflow:hidden;margin:4px 0}.progress-fill{height:100%;background-color:var(--ocean-blue)}.progress-fill.grass{background-color:var(--grass-green)}.progress-fill.warning{background-color:var(--warning)}.btn{padding:calc(var(--grid-unit)) calc(var(--grid-unit) * 2);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--ocean-blue);color:var(--cloud-white)}.btn-primary:hover{background-color:#045271}.btn-outline{border-color:var(--sage-300);background-color:var(--surface-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--sage-100)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-4{gap:16px}.ml-auto{margin-left:auto}.svg-icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--sage-300);background-color:var(--sage-100);font-family:inherit;font-size:12px;color:var(--text-primary);font-weight:500;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--ocean-blue);background-color:var(--surface-color)}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>*{flex:1 1 140px;min-width:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sage-100)}::-webkit-scrollbar-thumb{background:var(--sage-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sage-800)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:var(--radius-sm);display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;animation:spin .85s linear infinite;display:inline-block}.btn-outline .spinner{border-color:rgba(5,102,141,.2)}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.login-illustration-panel{display:none!important}.login-mobile-header{display:block!important}}@media (min-width:769px){.login-mobile-header{display:none!important}}@media (max-width:768px){.dashboard-layout{flex-direction:column;height:100vh;height:100dvh}.sidebar{display:none!important}.main-content{width:100%!important;padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))!important;overflow-x:hidden}.mobile-bottom-nav{display:flex!important}.topnav{padding:env(safe-area-inset-top,0) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))!important;height:calc(56px + env(safe-area-inset-top, 0px))!important}.hide-on-mobile{display:none!important}.farm-branch-badge{margin-left:0!important}.user-status-dot{display:none!important}.card{padding:12px 14px!important;border-radius:8px!important;gap:10px!important}.accordion-card.accordion-closed{padding-bottom:12px!important}.dashboard-layout [style*="minmax(360px"]{grid-template-columns:1fr!important;gap:14px!important}.accordion-content table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (max-width:640px){.accordion-toggle-text{display:none!important}}@media (min-width:769px){.mobile-bottom-nav{display:none!important}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background-color:var(--sage-800);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -4px 18px rgba(0,0,0,.35);z-index:1000;align-items:center;justify-content:space-around}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:transparent;border:none;cursor:pointer;padding:4px 2px calc(4px + env(safe-area-inset-bottom, 0px));color:var(--sage-300);transition:color .15s ease,transform .1s ease;position:relative;-webkit-tap-highlight-color:transparent}.mobile-tab-btn:hover{color:var(--cloud-white)}.mobile-tab-btn:active{transform:scale(.95)}.mobile-tab-btn.active{color:var(--cloud-white);font-weight:700}.mobile-tab-btn.active:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:3px;background-color:#38bdf8;border-radius:0 0 3px 3px;box-shadow:0 0 8px rgba(56,189,248,.6)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes accordionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-more-drawer{animation:slideUp .22s cubic-bezier(.16,1,.3,1)}.accordion-header:hover{opacity:.92}.accordion-header:active{opacity:.8}.dashboard-page-container{padding:24px;display:flex;flex-direction:column;gap:24px}.dashboard-mobile-tabs{display:none;width:100%}.dashboard-filter-form{display:flex;align-items:center;gap:14px;background:var(--surface-color);padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--sage-200);box-shadow:0 1px 4px rgba(0,0,0,.04);max-width:100%}@media (max-width:768px){.dashboard-page-container{padding:12px 16px 24px!important;gap:16px!important}.dashboard-mobile-tabs{display:block!important}.dashboard-analytics-section.mobile-hidden,.dashboard-quick-actions-section.mobile-hidden{display:none!important}.dashboard-analytics-section.mobile-active,.dashboard-quick-actions-section.mobile-active{display:flex!important;flex-direction:column;gap:16px;width:100%}.dashboard-filter-form{flex-direction:column;align-items:stretch;padding:12px;gap:10px;width:100%}.dashboard-filter-inputs{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;width:100%}.dashboard-filter-btn{width:100%;justify-content:center}}@media (min-width:769px){.dashboard-mobile-tabs{display:none!important}.dashboard-analytics-section{display:flex!important;flex-direction:column;gap:24px;order:1}.dashboard-quick-actions-section{display:block!important;order:2;margin-top:8px}}@media (min-width:769px) and (max-width:1024px){.topnav{padding:0 20px!important}}.brief-actions-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brief-btn-whatsapp{background-color:#059669;color:#ffffff;border:none;font-weight:600;font-size:12px;padding:7px 14px;height:34px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 3px rgba(5,150,105,.25);transition:all .15s ease}.brief-btn-whatsapp:hover{background-color:#047857}.brief-btn-whatsapp:active{transform:translateY(1px)}.brief-btn-whatsapp.copied{background-color:#15803d}@media (max-width:640px){.brief-actions-toolbar{width:100%!important;display:flex!important;gap:6px!important}.brief-actions-toolbar>button{flex:1 1 0!important;justify-content:center!important;padding:7px 6px!important;font-size:11px!important;white-space:nowrap!important}}.qa-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;background-color:var(--surface-color,#ffffff);border-radius:12px;cursor:pointer;text-align:left;border:1px solid var(--sage-200,#e2e8f0);box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px -2px rgba(0,0,0,.03);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),border-color .18s ease;user-select:none;-webkit-tap-highlight-color:transparent;width:100%}.qa-card:hover{transform:translateY(-2px)}.qa-card:active{transform:translateY(0) scale(.985)}.qa-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.qa-card-egg{border-color:rgba(16,185,129,.3);background:linear-gradient(135deg,rgba(240,253,244,.5),#ffffff 65%);box-shadow:0 2px 4px rgba(16,185,129,.04),0 6px 16px -2px rgba(16,185,129,.08)}.qa-card-egg:hover{border-color:rgba(16,185,129,.6);box-shadow:0 4px 8px rgba(16,185,129,.08),0 12px 24px -4px rgba(16,185,129,.16)}.qa-card-egg:active{box-shadow:0 2px 6px rgba(16,185,129,.12)}.qa-card-sale{border-color:rgba(37,99,235,.25);background:linear-gradient(135deg,rgba(239,246,255,.5),#ffffff 65%);box-shadow:0 2px 4px rgba(37,99,235,.04),0 6px 16px -2px rgba(37,99,235,.08)}.qa-card-sale:hover{border-color:rgba(37,99,235,.55);box-shadow:0 4px 8px rgba(37,99,235,.08),0 12px 24px -4px rgba(37,99,235,.16)}.qa-card-sale:active{box-shadow:0 2px 6px rgba(37,99,235,.12)}.qa-card-chores{border-color:rgba(217,119,6,.25);background:linear-gradient(135deg,rgba(255,251,235,.55),#ffffff 65%);box-shadow:0 2px 4px rgba(217,119,6,.04),0 6px 16px -2px rgba(217,119,6,.08)}.qa-card-chores:hover{border-color:rgba(217,119,6,.55);box-shadow:0 4px 8px rgba(217,119,6,.08),0 12px 24px -4px rgba(217,119,6,.16)}.qa-card-chores:active{box-shadow:0 2px 6px rgba(217,119,6,.12)}.qa-card-chevron{margin-left:auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease,color .18s ease;color:#94a3b8;background-color:transparent}.qa-card:hover .qa-card-chevron{transform:translateX(3px)}.qa-card-egg:hover .qa-card-chevron{color:#059669;background-color:#ecfdf5}.qa-card-sale:hover .qa-card-chevron{color:#2563eb;background-color:#eff6ff}.qa-card-chores:hover .qa-card-chevron{color:#d97706;background-color:#fffbeb}