.app-container{background-color:var(--bg-main);min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.module-container{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px}.page-content{animation:.4s ease-out fadeIn}.page-content,.module-container,.card-premium,.stat-card{min-width:0}.page-content img,.page-content svg,.page-content canvas,.module-container img,.module-container svg,.module-container canvas{max-width:100%}.stat-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--secondary-200);box-shadow:var(--box-shadow);align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.stat-card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.stat-icon{border-radius:var(--border-radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:var(--border-radius-md);box-shadow:0 4px 10px rgba(var(--primary-rgb,34, 197, 94), .3);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{box-shadow:0 6px 15px rgba(var(--primary-rgb,34, 197, 94), .4);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--secondary-700);border-radius:var(--border-radius-md);border:2px solid var(--secondary-200);cursor:pointer;align-items:center;gap:8px;padding:10px 24px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:var(--secondary-50);border-color:var(--secondary-400);box-shadow:var(--box-shadow-sm);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--error), var(--error));color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #ef444440}.btn-danger:hover{background:linear-gradient(135deg, var(--error), var(--error));transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.mobile-only{display:none!important}.mobile-hide{display:flex}.sidebar-overlay{z-index:99;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.active{opacity:1;display:block}@media (max-width:768px){.mobile-only{display:flex!important}.mobile-hide{display:none!important}.sidebar-root{box-shadow:none;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar-root.sidebar-mobile-open{transform:translate(0);box-shadow:4px 0 20px #00000026}.main-content,.sidebar-collapsed .main-content{margin-left:0!important}.module-container{padding:12px!important}.module-container [style*=grid-template-columns],.module-container [style*=gridTemplateColumns],.page-content [style*=grid-template-columns],.page-content [style*=gridTemplateColumns]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.module-container [style*=minmax\(160px],.module-container [style*=minmax\(140px]{grid-template-columns:1fr 1fr!important}table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}thead,tbody,tr{table-layout:auto;width:100%;display:table}th,td{white-space:normal;word-break:break-word;overflow-wrap:anywhere;font-size:.75rem;padding:8px 10px!important}.hidden-on-mobile{display:none!important}.stat-card{padding:12px}h1{font-size:1.25rem!important}h2{font-size:1.1rem!important}h3{font-size:1rem!important}.card-premium{padding:12px!important}.card-premium [style*=flex]{flex-wrap:wrap!important}.card-premium [style*="gap: 20px"]{gap:10px!important}.btn-primary,.btn-secondary,.btn-premium,.btn-danger{width:auto;padding:8px 16px!important;font-size:.8rem!important}.input-base,select,input[type=text],input[type=number],input[type=date]{padding:8px 12px!important;font-size:.85rem!important}.recharts-wrapper{max-width:100%!important}.page-content>*{max-width:100%}.module-container h3[style*="1.75rem"],.module-container [style*="font-size: 1.75rem"]{font-size:1.1rem!important}.module-container [style*="font-size: 1.25rem"]{font-size:1rem!important}}@media (max-width:480px){.module-container{padding:8px!important}.module-container [style*=grid-template-columns],.module-container [style*=gridTemplateColumns],.page-content [style*=grid-template-columns],.page-content [style*=gridTemplateColumns]{grid-template-columns:1fr!important}th,td{font-size:.7rem;padding:6px 8px!important}h1{font-size:1.1rem!important}}@media (max-width:1024px){.module-container{padding:18px}.module-container [style*=minmax\(300px],.module-container [style*=minmax\(320px],.module-container [style*=minmax\(360px],.page-content [style*=minmax\(300px],.page-content [style*=minmax\(320px],.page-content [style*=minmax\(360px]{grid-template-columns:1fr!important}}:root{--sidebar-width:280px;--sidebar-collapsed-width:80px;--header-height:80px;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px}[data-color=balaji]{--primary-50:#f0fdf4;--primary-100:#dcfce7;--primary-200:#bbf7d0;--primary-300:#86efac;--primary-400:#4ade80;--primary-500:#22c55e;--primary-600:#16a34a;--primary-700:#15803d;--primary-800:#166534;--primary-900:#14532d}[data-color=ocean]{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a}[data-color=sunset]{--primary-50:#fff7ed;--primary-100:#ffedd5;--primary-200:#fed7aa;--primary-300:#fdba74;--primary-400:#fb923c;--primary-500:#f97316;--primary-600:#ea580c;--primary-700:#c2410c;--primary-800:#9a3412;--primary-900:#7c2d12}[data-color=sunset] .btn-danger{background:#22c55e;border:1px solid #16a34a;box-shadow:0 4px 15px #22c55e66;color:#fff!important}[data-color=sunset] .btn-danger:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e80}[data-color=royal]{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95}[data-color=teal]{--primary-50:#f0fdfa;--primary-100:#ccfbf1;--primary-200:#99f6e4;--primary-300:#5eead4;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-700:#0f766e;--primary-800:#115e59;--primary-900:#134e4a}[data-color=slate]{--primary-50:#f0f4f8;--primary-100:#d9e2ec;--primary-200:#bcccdc;--primary-300:#9fb3c8;--primary-400:#829ab1;--primary-500:#627d98;--primary-600:#486581;--primary-700:#334e68;--primary-800:#243b53;--primary-900:#102a43}[data-color=crimson]{--primary-50:#fff5f5;--primary-100:#ffe3e3;--primary-200:#ffc9c9;--primary-300:#ffa8a8;--primary-400:#ff8787;--primary-500:#e64545;--primary-600:#c92a2a;--primary-700:#a61e1e;--primary-800:#821717;--primary-900:#5c0f0f}[data-color=forest]{--primary-50:#f3faf3;--primary-100:#ddf0dd;--primary-200:#b5dbb5;--primary-300:#8bc48b;--primary-400:#5fa85f;--primary-500:#3d8b3d;--primary-600:#2d6a2d;--primary-700:#215221;--primary-800:#1a3f1a;--primary-900:#122d12}[data-theme=light]{--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e283b;--secondary-900:#0f172a;--bg-main:var(--secondary-100);--bg-card:#fff;--text-main:var(--secondary-900);--text-muted:var(--secondary-500);--hc-border:1px solid var(--secondary-200);--glass-background:#ffffffb3;--success:#16a34a;--success-50:#f0fdf4;--error:#ef4444;--error-50:#fef2f2;--warning:#f59e0b;--warning-50:#fffbeb;--info:#3b82f6;--info-50:#eff6ff;--bg-metric-1:linear-gradient(to bottom right, #eff6ff, #fff);--bg-metric-2:linear-gradient(to bottom right, #fbf7ff, #fff);--bg-metric-3:linear-gradient(to bottom right, #fff7ed, #fff);--bg-metric-4:linear-gradient(to bottom right, #f0fdf4, #fff)}[data-theme=dark]{--secondary-50:#0f172a;--secondary-100:#1e293b;--secondary-200:#334155;--secondary-300:#475569;--secondary-400:#64748b;--secondary-500:#94a3b8;--secondary-600:#cbd5e1;--secondary-700:#e2e8f0;--secondary-800:#f1f5f9;--secondary-900:#f8fafc;--bg-main:#020617;--bg-card:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--hc-border:1px solid #1e293b;--glass-background:#0f172ab3;--success:#22c55e;--success-50:#22c55e1a;--error:#f87171;--error-50:#f871711a;--warning:#fbbf24;--warning-50:#fbbf241a;--info:#60a5fa;--info-50:#60a5fa1a;--bg-metric-1:linear-gradient(to bottom right, #3b82f61a, #1e293b4d);--bg-metric-2:linear-gradient(to bottom right, #a855f71a, #1e293b4d);--bg-metric-3:linear-gradient(to bottom right, #f973161a, #1e293b4d);--bg-metric-4:linear-gradient(to bottom right, #22c55e1a, #1e293b4d);--primary-50:#16a34a1a;--primary-100:#16a34a33;--primary-200:#16a34a4d}[data-theme=dark][data-color=ocean]{--primary-50:#2563eb1a;--primary-100:#2563eb33}[data-theme=dark][data-color=sunset]{--primary-50:#f973161a;--primary-100:#f9731633}[data-theme=dark][data-color=royal]{--primary-50:#8b5cf61a;--primary-100:#8b5cf633}[data-theme=dark][data-color=teal]{--primary-50:#0d94881a;--primary-100:#0d948833}[data-theme=dark][data-color=slate]{--primary-50:#4865811a;--primary-100:#48658133}[data-theme=dark][data-color=crimson]{--primary-50:#c92a2a1a;--primary-100:#c92a2a33}[data-theme=dark][data-color=forest]{--primary-50:#2d6a2d1a;--primary-100:#2d6a2d33}[data-bg=warm]{--bg-main:#fdf8f0;--secondary-50:#faf5eb;--secondary-100:#f5ede0}[data-bg=cool]{--bg-main:#f0f4f8;--secondary-50:#eaf0f6;--secondary-100:#e0e9f2}[data-bg=lavender]{--bg-main:#f5f0ff;--secondary-50:#eee6ff;--secondary-100:#e8deff}[data-bg=mint]{--bg-main:#f0faf5;--secondary-50:#e6f5ed;--secondary-100:#dcf0e5}[data-bg=peach]{--bg-main:#fff5f0;--secondary-50:#ffeee6;--secondary-100:#ffe5da}[data-theme=dark][data-bg=warm]{--bg-main:#1a1510;--bg-card:#1e1914}[data-theme=dark][data-bg=cool]{--bg-main:#0a1020;--bg-card:#0e1428}[data-theme=dark][data-bg=lavender]{--bg-main:#12091e;--bg-card:#160d24}[data-theme=dark][data-bg=mint]{--bg-main:#091a12;--bg-card:#0d1e16}[data-theme=dark][data-bg=peach]{--bg-main:#1a100a;--bg-card:#1e140e}:root{--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--box-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--box-shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--font-family:"Outfit", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.025em;font-weight:700}button{cursor:pointer;color:var(--text-main);background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.98)}a{color:inherit;text-decoration:none;transition:color .2s}.glass{background:var(--glass-background);-webkit-backdrop-filter:blur(12px);border:var(--hc-border);box-shadow:var(--box-shadow)}.gradient-text{background:linear-gradient(135deg, var(--primary-600), var(--primary-800));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-premium{background:var(--bg-card);border-radius:var(--border-radius-lg);border:var(--hc-border);box-shadow:var(--box-shadow);padding:24px;transition:transform .3s,box-shadow .3s}input,select,textarea{border-radius:var(--border-radius-md);background:var(--bg-card);width:100%;color:var(--text-main);box-sizing:border-box;outline:none;padding:12px;font-family:inherit;transition:all .2s;border:var(--hc-border)!important}input:not([type=checkbox]):not([type=radio]),select{height:46px}textarea{resize:vertical;min-height:100px}input:focus,select:focus,textarea:focus{border-color:var(--primary-500)!important}table{border-collapse:separate;border-spacing:0;border:var(--hc-border);border-radius:var(--border-radius-md);width:100%;overflow:hidden}th,td{border-bottom:1px solid var(--secondary-200);background:var(--bg-card);color:var(--text-main);padding:16px}tr:last-child td{border-bottom:none}.batch-table th.col-group-air,.batch-table td.col-group-air{background-color:var(--info-50)}.batch-table th.col-group-air-end,.batch-table td.col-group-air-end{border-right:2px solid var(--info)}.batch-table th.col-group-bag,.batch-table td.col-group-bag{background-color:var(--warning-50)}.batch-table th.col-group-bag-end,.batch-table td.col-group-bag-end{border-right:2px solid var(--warning)}.batch-table th.col-group-env,.batch-table td.col-group-env{background-color:var(--success-50)}.batch-table th.col-group-env-end,.batch-table td.col-group-env-end{border-right:2px solid var(--success)}[data-theme=dark] .batch-table th.col-group-air,[data-theme=dark] .batch-table td.col-group-air,[data-theme=dark] .batch-table tr:nth-child(2n) td.col-group-air{background-color:#3b82f61a}[data-theme=dark] .batch-table th.col-group-air-end,[data-theme=dark] .batch-table td.col-group-air-end{border-right:2px solid #3b82f680}[data-theme=dark] .batch-table th.col-group-bag,[data-theme=dark] .batch-table td.col-group-bag,[data-theme=dark] .batch-table tr:nth-child(2n) td.col-group-bag{background-color:#fbbf241a}[data-theme=dark] .batch-table th.col-group-bag-end,[data-theme=dark] .batch-table td.col-group-bag-end{border-right:2px solid #fbbf2480}[data-theme=dark] .batch-table th.col-group-env,[data-theme=dark] .batch-table td.col-group-env,[data-theme=dark] .batch-table tr:nth-child(2n) td.col-group-env{background-color:#22c55e1a}[data-theme=dark] .batch-table th.col-group-env-end,[data-theme=dark] .batch-table td.col-group-env-end{border-right:2px solid #22c55e80}.card-premium:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-50)}::-webkit-scrollbar-thumb{background:var(--secondary-200);border:2px solid var(--secondary-50);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-300)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-in{animation:.5s ease-out forwards slideInRight}.btn-premium{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);border-radius:var(--border-radius-md);box-shadow:0 4px 12px var(--primary-500);cursor:pointer;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;color:#fff!important}.btn-premium:hover:not(:disabled){box-shadow:0 6px 16px var(--primary-500);filter:brightness(1.1);transform:translateY(-1px)}.btn-premium:disabled{background:var(--secondary-300);box-shadow:none;cursor:not-allowed;opacity:.6;filter:grayscale();transform:none}.btn-secondary{background:var(--secondary-100);color:var(--secondary-700);border-radius:var(--border-radius-md);border:1px solid var(--secondary-200);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--secondary-200);color:var(--secondary-900)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;background:var(--secondary-50)}.btn-danger{background:linear-gradient(135deg, var(--error) 0%, var(--error) 100%);border-radius:var(--border-radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ef444433;color:#fff!important}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.btn-danger:disabled{background:var(--secondary-300);box-shadow:none;cursor:not-allowed;opacity:.6;filter:grayscale()}.btn-secondary-outline{color:var(--primary-600);border-radius:var(--border-radius-md);border:2px solid var(--primary-100);background:0 0;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-secondary-outline:hover{background:var(--primary-50);border-color:var(--primary-600)}.chip-premium{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.chip-success{background:var(--success-50);color:var(--primary-900);border:1.5px solid var(--success)}.chip-warning{background:var(--warning-50);color:var(--secondary-700);border:1.5px solid var(--warning)}.chip-error{background:var(--error-50);color:var(--error);border:1.5px solid var(--error)}.badge-warning{background:var(--warning-50);color:var(--warning);border:1.2px solid var(--warning);border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:800}.badge-secondary{background:var(--secondary-100);color:var(--secondary-600);border:1.2px solid var(--secondary-300);border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:800}.empty-state{text-align:center;background:var(--bg-card);border-radius:var(--border-radius-lg);border:2px dashed var(--secondary-200);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state h3{color:var(--text-main);margin:16px 0 8px}.empty-state p{max-width:400px;margin:0 auto;font-size:.9rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-input{color:var(--secondary-900)!important}.login-input::placeholder{color:var(--secondary-400)!important}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-theme=dark] .status-draft{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .status-active{color:#93c5fd;background:#1e3a8a4d;border-color:#1d4ed8}[data-theme=dark] .status-completed{color:#86efac;background:#14532d4d;border-color:#16a34a}[data-theme=dark] .chip-success{color:#6ee7b7;background:#064e3b4d;border-color:#10b981}[data-theme=dark] .chip-warning{color:#fde68a;background:#78350f4d;border-color:#f59e0b}[data-theme=dark] .chip-error{color:#fca5a5;background:#7f1d1d4d;border-color:#ef4444}[data-theme=dark] .badge-warning{color:#fdba74;background:#c2410c33;border-color:#fdba7466}[data-theme=dark] .badge-secondary{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] th{color:#94a3b8;background:#1e293b}[data-theme=dark] td{color:#f1f5f9;background:#0f172a;border-bottom-color:#1e293b}[data-theme=dark] tr:nth-child(2n) td,[data-theme=dark] .batch-table tr:nth-child(2n) td{background:#1e293b}[data-theme=dark] .batch-table th{color:#64748b;background:#1e293b}[data-theme=dark] .batch-table td{background:#0f172a;border-bottom-color:#1e293b}[data-theme=dark] select option{color:#f1f5f9;background:#0f172a}[data-theme=dark] .day-card-header{color:#e2e8f0;background:#1e293b}[data-theme=dark] .day-card-header:hover{background:#334155}[data-theme=dark] .day-card{border-color:#1e293b}[data-theme=dark] .batch-tab-bt:hover{background:#1e293b}[data-theme=dark] .batch-tab-btn.active{color:#86efac;background:#16a34a26}[data-theme=dark] .batch-tab-num{color:#94a3b8;background:#1e293b}[data-theme=dark] .batch-tab-btn.active .batch-tab-num{color:#86efac;background:#16a34a33}[data-theme=dark] .ref-condition-panel{background:#16a34a14}[data-theme=dark] .ref-condition-chip{background:#0f172a;border-color:#16a34a4d}[data-theme=dark] .ref-condition-chip .label{color:#64748b}[data-theme=dark] .ref-condition-chip .value{color:#86efac}[data-theme=dark] .batch-table td.total-row{color:#86efac;background:#16a34a1a!important}[data-theme=dark] .batch-table td input,[data-theme=dark] .batch-table td select{color:#f1f5f9;background:#1e293b;border-color:#334155!important}[data-theme=dark] .timeline-bar-track,[data-theme=dark] .timeline-batch-row:hover{background:#1e293b}[data-theme=dark] .timeline-tooltip{background:#1e293b;border-color:#334155}[data-theme=dark] .progress-bar-bg{background:#1e293b}[data-theme=dark] .batch-sticky-header,[data-theme=dark] .batch-section-card{background:#0f172a;border-color:#1e293b}[data-theme=dark] .btn-secondary{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .btn-secondary:hover{color:#f1f5f9;background:#334155}[data-theme=dark] .btn-batch-add{color:#86efac;background:#16a34a1a;border-color:#16a34a4d}[data-theme=dark] .btn-batch-add:hover{background:#16a34a33;border-color:#16a34a80}[data-theme=dark] .empty-state{color:#94a3b8;background:#0f172a;border-color:#1e293b}[data-theme=dark] .batch-list-card{background:#0f172a;border-color:#1e293b}[data-theme=dark] .batch-list-card:hover{border-color:#16a34a80}[data-theme=dark] .timeline-zoom-btn{color:#94a3b8;background:#0f172a;border-color:#1e293b}[data-theme=dark] .timeline-zoom-btn.active,[data-theme=dark] .timeline-zoom-btn:hover{color:#86efac;background:#16a34a1a;border-color:#16a34a66}[data-theme=dark] .batch-tab-sidebar{background:#0f172a;border-right-color:#1e293b}[data-theme=dark] .batch-tab-sidebar-header{color:#475569;border-bottom-color:#1e293b}[data-theme=dark] .card-premium{background:#0f172a;border-color:#1e293b}[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color: #fff"]{color:#f1f5f9!important;background:#0f172a!important}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:768px){.process-timeline{padding:0 10px!important}.process-timeline-connecting-line{display:none!important}.process-timeline-node{flex:1}.process-timeline-title{font-size:.7rem!important}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}:root{--agri-success-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--agri-glass-bg:#ffffffb3;--agri-card-shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--agri-card-hover-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}.btn-primary-gradient{background:var(--agri-success-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #10b98163}.btn-primary-gradient:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.breadcrumb-container{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.breadcrumb-item:last-child{color:var(--primary-600);font-weight:700}.status-badge-premium{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:900;transition:all .3s;display:inline-flex}.status-badge-ready{background:var(--success-50);color:var(--success);border:1px solid var(--primary-100)}.status-badge-processing{background:var(--info-50);color:var(--info);border:1px solid var(--info-50)}.status-badge-tunnel{background:var(--warning-50);color:var(--warning);border:1px solid var(--warning-50)}.status-badge-completed{background:var(--success-50);color:var(--success);border:1px solid var(--primary-100)}.ingredient-card-input{background:var(--bg-card);border:1px solid var(--secondary-200);border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:all .3s;display:flex}.ingredient-card-input:focus-within{border-color:var(--primary-400);transform:translateY(-2px);box-shadow:0 0 0 4px #10b9811a}.composition-bar-segment{height:100%;transition:width 1s ease-in-out}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #2563ebb3}70%{transform:scale(1);box-shadow:0 0 0 10px #2563eb00}to{transform:scale(.95);box-shadow:0 0 #2563eb00}}.timeline-node-active{animation:2s infinite pulse-ring}@media (max-width:768px){:root{--header-height:56px}.card-premium{border-radius:14px;padding:16px}h1{font-size:1.1rem!important}h2{font-size:1rem!important}.empty-state{padding:30px 16px}}