@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#2d4a3e;--color-primary-mid:#3d5a4f;--color-accent:#c9a227;--color-accent-light:#e8c157;--color-teal:#4ec9c0;--color-bg:#f5f6f7;--color-card:#fff;--green-900:#1b2d27;--green-800:#2d4a3e;--green-700:#2d4a3e;--green-600:#3d5a4f;--green-500:#4ec9c0;--green-100:#e2e5e9;--green-50:#f5f6f7;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#4f46e5;--indigo-100:#eef2ff;--indigo-600:#4f46e5;--red-100:#fee2e2;--red-800:#e05252;--orange-100:#fff7ed;--orange-500:#f97316;--purple-100:#f3e8ff;--purple-600:#9333ea;--sidebar-width:240px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 2px 12px #0000000f;--shadow-card-hover:0 6px 24px #2d4a3e24;--shadow-sidebar:4px 0 24px #2d4a3e2e;--transition:.2s ease;--text-primary:#1b2d27;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#9ca3af}[data-theme=dark]{--color-bg:#0f172a;--color-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);min-height:100vh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-primary);z-index:100;min-height:100vh;box-shadow:var(--shadow-sidebar);flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:20px 16px 16px;display:flex}.sidebar-logo-placeholder{background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sidebar-brand-text{flex-direction:column;display:flex;overflow:hidden}.sidebar-farm-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-app-name{color:#ffffff8c;margin-top:1px;font-size:10px;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar-nav-label{letter-spacing:.8px;color:#ffffff59;text-transform:uppercase;padding:8px 8px 4px;font-size:10px;font-weight:600}.sidebar-item{color:#ffffffb3;cursor:pointer;text-align:left;width:100%;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff14}.sidebar-item.active{background:var(--color-accent);color:#fff;font-weight:600}.sidebar-item.active:hover{background:var(--color-accent-light)}.sidebar-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sidebar-divider{background:#ffffff1a;height:1px;margin:8px}.sidebar-cal{border-top:1px solid #ffffff1a;padding:10px 14px 8px}.sidebar-cal-title{letter-spacing:.6px;color:#fff6;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.sidebar-cal-row{gap:3px;margin-bottom:3px;display:flex}.sidebar-cal-day{cursor:default;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:500;display:flex}.sidebar-cal-legend{color:#fff6;margin-top:4px;font-size:9px}.sidebar-footer{border-top:1px solid #ffffff1f;padding:10px 14px 14px}.sidebar-user-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sidebar-avatar{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.sidebar-username{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.sidebar-saving{color:var(--color-accent-light);margin-bottom:4px;font-size:10px;animation:1s infinite pulse;display:block}.sidebar-btn-row{gap:6px;display:flex}.sidebar-icon-btn{color:#fffc;cursor:pointer;transition:background var(--transition);background:#ffffff14;border:1px solid #fff3;border-radius:8px;flex:1;padding:7px;font-size:14px}.sidebar-icon-btn:hover{color:#fff;background:#ffffff2e}.main-content{margin-left:var(--sidebar-width);background:var(--color-bg);min-height:100vh;max-width:calc(100% - var(--sidebar-width));box-sizing:border-box;flex:1;padding:16px 20px}.main-content-inner{max-width:1200px;margin:0 auto;overflow-x:hidden}.mobile-hamburger{z-index:200;background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:20px;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #0003}.sidebar-overlay{z-index:99;background:#0006;display:none;position:fixed;inset:0}.nav-bar{background:var(--color-primary);border-radius:10px;align-items:center;gap:2px;margin-bottom:10px;padding:4px;display:flex}.nav-tab{cursor:pointer;color:#ffffffb3;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.nav-tab:hover{color:#fff;background:#ffffff1a}.nav-tab.active{background:var(--color-accent);color:#fff;box-shadow:0 1px 4px #0003}.nav-tab.back-btn{color:#ffffffd9;border-right:1px solid #fff3;flex-shrink:0;min-width:72px;margin-right:4px;padding-right:16px}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition);margin-bottom:12px;padding:16px 20px}.card:hover{box-shadow:var(--shadow-card-hover)}.card-title{color:var(--color-primary);border-bottom:2px solid #e5e7eb;margin-bottom:10px;padding-bottom:6px;font-size:15px;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;min-height:36px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-light)}.btn-secondary{border:1.5px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-success{background:var(--color-accent);color:#fff;border-radius:10px;padding:9px 22px;font-size:14px}.btn-success:hover:not(:disabled){background:var(--color-accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #c9a2274d}.btn-small{min-height:unset;border-radius:6px;padding:3px 7px;font-size:11px}.btn-danger{color:var(--red-800);border:1.5px solid var(--red-800);background:0 0}.btn-danger:hover:not(:disabled){background:#e0525214}.buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:11px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:8px;padding:5px 7px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2d4a3e1f}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px;display:grid}.kpi-card{color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px 16px}.kpi-card.blue{background:var(--color-primary)}.kpi-card.green{background:#3d8a5f}.kpi-card.orange{background:var(--color-accent)}.kpi-card.red{background:var(--red-800)}.kpi-card.teal{background:var(--color-teal)}.kpi-label{opacity:.8;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:500}.kpi-value{font-family:tabular-nums,monospace;font-size:28px;font-weight:700;line-height:1}table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}th{text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f3f4f6;border-bottom:2px solid #e5e7eb;padding:6px 10px;font-size:11px;font-weight:700;position:sticky;top:0}td{border-bottom:1px solid #f3f4f6;padding:5px 10px}tr:hover{background:#f9fafb}.table-container{border:1px solid #e5e7eb;border-radius:10px;max-height:560px;overflow:auto}.alert{border-radius:8px;margin-bottom:10px;padding:10px 14px;font-size:13px}.alert-success{color:#1e4d1e;background:#c5dec2;border-left:3px solid #6b9c6a}.alert-error{color:#991b1b;background:#fee2e2;border-left:3px solid #ef4444}.alert-warning{background:var(--orange-100);color:#9a3412;border-left:3px solid var(--orange-500)}.alert-info{background:var(--indigo-100);color:#3730a3;border-left:3px solid var(--indigo-600)}.prod-summary-grid{grid-template-columns:repeat(auto-fill,minmax(60px,80px));gap:8px;display:grid}.prod-input-group{flex-direction:column;display:flex}.prod-input-group label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;margin-bottom:3px;font-size:10px;font-weight:700}.prod-input-group input,.prod-input-group select{text-align:center;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:5px 6px;font-family:tabular-nums,monospace;font-size:13px;font-weight:600}.prod-input-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2d4a3e1f}.prod-popup-wrap{position:relative}.prod-popup{border:1.5px solid var(--color-primary);z-index:999;background:#fff;border-radius:10px;flex-direction:column;gap:8px;min-width:170px;padding:10px 12px;display:flex;position:absolute;top:0;left:0;box-shadow:0 6px 24px #00000026}.prod-popup-title{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:800}.prod-popup-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:14px;position:absolute;top:6px;right:8px}.worker-header{color:#ffffffd9;background:var(--color-primary);text-transform:uppercase;letter-spacing:.3px;border-radius:8px;gap:3px;margin-bottom:4px;padding:6px 8px;font-size:10px;font-weight:700;line-height:1.2;display:grid}.worker-header div{text-align:center}.worker-row{background:#f8fbfa;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:3px;margin-bottom:3px;padding:5px 8px;font-size:12px;transition:background .12s;display:grid}.worker-row:hover{background:#f5f6f7}.worker-row.warning,.worker-row.provisional{border-left-color:var(--indigo-600);background:var(--indigo-100)}.worker-row.valid{border-left-color:var(--color-primary);background:var(--green-50)}.worker-row.error{border-left-color:var(--red-800);background:var(--red-100)}.worker-row input,.worker-row select{border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:3px 5px;font-size:12px}.worker-row input[type=number]{text-align:center;font-family:tabular-nums,monospace}.worker-row input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--color-primary)}.worker-row input::placeholder{font-style:italic;color:#c0c8d0!important}.worker-row select option[value=""]{color:#9ca3af}.scroll-x-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.predictive-input{border:2px dashed var(--color-accent)!important;background:#fffbeb!important}.leftover-input label{color:#ea580c!important}.entry-exists-warn{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.cost-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:6px 10px;display:flex}.cost-row:last-child{background:#f9fafb;border-bottom:none;border-radius:6px;margin-top:4px;font-weight:700}.cost-value{color:var(--color-primary);font-family:tabular-nums,monospace;font-weight:600}.toast{z-index:9999;border-radius:var(--radius-md);color:#fff;max-width:400px;padding:12px 20px;font-size:13px;font-weight:600;animation:.2s fadeIn;position:fixed;top:16px;right:16px;box-shadow:0 4px 20px #0003}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.warning{background:var(--warning)}.toast.info{background:var(--info)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-lg);background:#fff;width:90%;max-width:440px;padding:24px;animation:.2s slideIn;box-shadow:0 20px 60px #0000004d}.modal-box h3{color:var(--color-primary);margin-bottom:12px;font-size:16px;font-weight:700}.modal-box p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.tag{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-success{color:#166534;background:#dcfce7}.tag-warning{color:#92400e;background:#fef3c7}.tag-danger{color:#991b1b;background:#fee2e2}.tag-info{background:var(--indigo-100);color:#3730a3}.tag-purple{background:var(--purple-100);color:var(--purple-600)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state-icon{opacity:.4;margin-bottom:12px;font-size:48px}.empty-state-text{font-size:14px;font-weight:500}.toggle{cursor:pointer;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:#cbd5e1;border-radius:12px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--success)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible,.mobile-hamburger{display:block}.main-content{max-width:100%;margin-left:0;padding:56px 12px 12px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-value{font-size:22px}.nav-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-container{max-height:400px}.card{padding:12px 14px}.modal-box{width:95%;max-width:unset;margin:0 10px}}@media (width<=480px){.kpi-grid,.grid{grid-template-columns:1fr}.buttons{flex-direction:column}.btn{justify-content:center;width:100%}}