@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Poppins:wght@600;700&display=swap";
:root{--bg-base:#f0f2f5;--bg-surface:#fff;--bg-elevated:#f9fafb;--bg-hover:#f3f4ff;--border:#e5e7eb;--border-focus:#6c63ff;--border-card:#e8eaf0;--text-primary:#1a1a2e;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-faint:#d1d5db;--purple:#6c63ff;--purple-light:#f0efff;--purple-hover:#5a52e8;--purple-shadow:#6c63ff2e;--green:#22c55e;--green-bg:#f0fdf4;--green-border:#bbf7d0;--amber:#f59e0b;--amber-bg:#fffbeb;--amber-border:#fde68a;--red:#ef4444;--red-bg:#fff5f5;--red-border:#fecaca;--blue:#3b82f6;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000012,0 2px 4px #0000000a;--shadow-lg:0 8px 32px #00000014;--shadow-purple:0 4px 14px #6c63ff40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Nunito,sans-serif;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.card{background:var(--bg-surface);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.section-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px;font-size:11px;font-weight:700}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:var(--shadow-purple)}.btn-primary:hover:not(:disabled){background:var(--purple-hover);box-shadow:0 6px 20px #6c63ff59}.btn-outline{color:var(--purple);background:#fff;border-color:#d4d8ff}.btn-outline:hover:not(:disabled){background:var(--purple-light);border-color:var(--purple)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.btn-danger:hover:not(:disabled){background:#fee2e2}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.input{background:var(--bg-elevated);border:1.5px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:9px 12px;font-family:Nunito,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px #6c63ff1a}.input::placeholder{color:var(--text-muted)}.status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-green{background:var(--green-bg);color:#16a34a;border:1px solid var(--green-border)}.status-amber{background:var(--amber-bg);color:#d97706;border:1px solid var(--amber-border)}.status-red{background:var(--red-bg);color:#dc2626;border:1px solid var(--red-border)}.status-blue{background:var(--blue-bg);color:#2563eb;border:1px solid var(--blue-border)}.status-purple{background:var(--purple-light);color:var(--purple);border:1px solid #d4d8ff}.status-grey{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb}.animate-in{animation:.3s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kpi-value{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:28px;font-weight:700;line-height:1}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:8px 10px;font-size:10px;font-weight:700}.table td{color:var(--text-secondary);border-bottom:1px solid #f3f4f6;padding:10px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-hover)}.alert{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.alert-red{background:var(--red-bg);border:1px solid var(--red-border);color:#dc2626}.alert-amber{background:var(--amber-bg);border:1px solid var(--amber-border);color:#d97706}.alert-green{background:var(--green-bg);border:1px solid var(--green-border);color:#16a34a}.alert-blue{background:var(--blue-bg);border:1px solid var(--blue-border);color:#2563eb}.alert-purple{background:var(--purple-light);color:var(--purple);border:1px solid #d4d8ff}.modal-overlay{z-index:200;background:#1a1a2e73;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);border-radius:16px;max-height:90vh;padding:28px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s}.recharts-tooltip-wrapper .recharts-default-tooltip{border:1px solid var(--border-card)!important;box-shadow:var(--shadow-md)!important;background:#fff!important;border-radius:8px!important;font-family:Nunito,sans-serif!important;font-size:12px!important}.grid-kpi{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.worker-section-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.modal-input-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-input-grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.feed-bag-grid,.feed-session-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mobile-nav{display:none}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.page-content{padding:24px}@media (max-width:768px){.grid-kpi{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2,.grid-3{grid-template-columns:1fr}.page-content{padding:16px}.desktop-sidebar{display:none!important}.shell-main{width:100%!important}.shell-topbar{padding:0 16px!important}.shell-topbar-search{display:none!important}.shell-topbar-farm-name{font-size:13px!important}.mobile-nav{border-top:1px solid var(--border-card);z-index:200;background:#fff;align-items:stretch;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}.mobile-nav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-family:Nunito,sans-serif;font-size:9px;font-weight:700;text-decoration:none;transition:color .15s;display:flex;position:relative}.mobile-nav-item.active{color:var(--purple)}.mobile-nav-item .nav-icon{font-size:20px;line-height:1}.mobile-nav-item .nav-badge{background:var(--red);color:#fff;border:1.5px solid #fff;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 16px)}.shell-page-main{padding-bottom:76px!important}.card{padding:14px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;padding:20px 16px 32px!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-footer-stack{flex-direction:column!important;gap:8px!important}.modal-footer-stack .btn{justify-content:center;width:100%}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.page-header-actions{width:100%}.page-header-actions .btn{justify-content:center;width:100%}.filter-bar{flex-wrap:wrap!important;gap:6px!important}.kpi-value{font-size:22px}.hide-mobile{display:none!important}.section-grid-2col{grid-template-columns:1fr!important}.card{min-width:0!important;overflow:hidden!important}.worker-section-grid{grid-template-columns:1fr!important;gap:10px!important}.modal-input-grid-2,.modal-input-grid-3,.feed-bag-grid,.feed-session-grid{grid-template-columns:1fr!important}.dash-modal-overlay{align-items:flex-end!important;padding:0!important}.dash-modal-inner{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important}.yesterday-toggle{min-height:44px!important;padding:10px 16px!important}.weight-add-btn{min-height:48px!important;padding:12px 20px!important;font-size:15px!important}.checklist-row{min-height:48px!important;padding:10px!important}.summary-submit-btn{justify-content:center!important;width:100%!important;min-height:48px!important;font-size:14px!important}}@media (max-width:480px){.grid-kpi{grid-template-columns:1fr 1fr;gap:8px}.page-content{padding:12px}.card{padding:12px!important}}