body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;padding:0}#root,body,html{height:100vh;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--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;--accent-teal-light:#14b8a6;--accent-teal:#0d9488;--accent-teal-dark:#0f766e;--accent-purple-light:#a78bfa;--accent-purple:#7c3aed;--accent-purple-dark:#6d28d9;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-50:#d1fae5;--success-500:#10b981;--success-700:#047857;--danger-50:#fee2e2;--danger-500:#ef4444;--danger-700:#b91c1c;--warning-50:#fef3c7;--warning-500:#f59e0b;--warning-700:#b45309;--info-50:#dbeafe;--info-500:#3b82f6;--info-700:#1d4ed8;--bg-primary:var(--gray-50);--bg-secondary:#fff;--bg-tertiary:var(--gray-100);--bg-card:#fff;--bg-hover:var(--gray-100);--bg-overlay:#0f172ab3;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-400);--text-inverse:#fff;--border-color:var(--gray-200);--border-color-hover:var(--gray-300);--border-width:1px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 10px 15px -3px #3b82f633;--shadow-success:0 10px 15px -3px #10b98133;--shadow-danger:0 10px 15px -3px #ef444433;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-normal);line-height:1.6;overflow:hidden;text-rendering:optimizeLegibility}#root,.app{margin:0;padding:0}.app{background:#0000;display:flex;gap:0;height:100vh;position:relative;width:100vw}.app:before{background-image:radial-gradient(circle at 20% 50%,#667eea0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba20d 0,#0000 50%),radial-gradient(circle at 40% 20%,#00d2ff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.main-content{flex:1 1;height:100vh;margin:0 0 0 240px;overflow:hidden;padding:0}.content-header,.main-content{display:flex;flex-direction:column}.content-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #667eea26;box-shadow:0 2px 8px #0000000d;gap:.75rem;margin:0;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:90}.content-header .filter-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;gap:.5rem;margin-bottom:0;padding:0}.content-header .filter-panel:after{display:none}.content-header .filter-group{gap:.125rem;min-width:110px}.content-header .filter-label{font-size:.625rem;margin-bottom:.25rem}.content-header .filter-select{border-radius:6px;font-size:.75rem;padding:.4rem .75rem}.content-header .filter-apply-btn,.content-header .filter-reset-btn{font-size:.75rem;padding:.4rem 1rem}.header-breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin:0;white-space:nowrap}.breadcrumb-home{align-items:center;color:#64748b;display:flex;font-weight:600;gap:.375rem}.breadcrumb-home:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;content:"■";font-size:.75rem}.breadcrumb-separator{color:#cbd5e1;font-size:1rem;font-weight:400}.breadcrumb-current{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:.9375rem;font-weight:700}.warehouse-capacity{margin:.5rem 0}.capacity-label{color:#64748b;font-size:.6875rem;font-weight:700;margin-bottom:.375rem}.capacity-bar{background:#667eea1a;border:1px solid #667eea33;border-radius:4px;height:8px;overflow:hidden;width:100%}.capacity-fill{background:linear-gradient(90deg,#667eea,#00d2ff);border-radius:4px;box-shadow:0 0 6px #667eea4d;height:100%;transition:width .5s ease}.dashboard{flex:1 1;margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:.75rem}.dashboard-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #667eea1f;border-radius:12px;box-shadow:0 2px 8px #1f26870f;margin-bottom:.5rem;padding:.625rem .875rem}.section-header{align-items:flex-start;border-bottom:1px solid #667eea1f;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.375rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1rem;gap:.5rem;letter-spacing:-.025em;margin:0}.section-title,.section-title-icon{align-items:center;display:flex;font-weight:700;font-weight:var(--font-bold)}.section-title-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.75rem;height:28px;justify-content:center;width:28px}.section-description{color:#64748b;font-size:.75rem;font-weight:600;line-height:1.3;margin-top:.25rem}.kpi-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.75rem}.charts-grid{grid-gap:.625rem;grid-template-columns:repeat(2,1fr)}.charts-grid,.charts-grid-3col{display:grid;gap:.625rem;width:100%}.charts-grid-3col{grid-gap:.625rem;grid-template-columns:repeat(3,1fr)}.charts-grid-4col{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);width:100%}.chart-full-width{grid-column:1/-1}.chart-span-2{grid-column:span 2}.layout-sidebar-main{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 2fr;width:100%}.charts-grid-asymmetric,.layout-main-sidebar{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:2fr 1fr;width:100%}@media (max-width:1536px){.charts-grid,.charts-grid-4col{grid-template-columns:repeat(2,1fr)}.charts-grid-3col{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.charts-grid,.charts-grid-3col,.charts-grid-4col{grid-template-columns:repeat(2,1fr)}.charts-grid-asymmetric,.layout-main-sidebar,.layout-sidebar-main{grid-template-columns:1fr}.chart-span-2{grid-column:span 1}}.utilization-gauge{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:280px;padding:var(--spacing-2xl)}.gauge-container{filter:drop-shadow(0 8px 16px rgba(102,126,234,.2));height:200px;margin-bottom:var(--spacing-lg);position:relative;width:200px}.gauge-background{background:conic-gradient(#667eea 0deg,#00d2ff 315deg,#667eea26 315deg);background:conic-gradient(#667eea 0deg,#00d2ff calc(var(--gauge-percentage, 87.5)*3.6deg),#667eea26 calc(var(--gauge-percentage, 87.5)*3.6deg));border-radius:50%;inset:0;padding:12px;position:absolute}.gauge-inner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:50%;box-shadow:inset 0 4px 8px #667eea1a;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.gauge-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#00d2ff);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.gauge-label{color:#64748b;margin-top:var(--spacing-lg);text-align:center}.gauge-label,.gauge-status{font-size:1rem;font-weight:700}.gauge-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0ba36026,#3cba9226);border:1px solid #0ba3604d;border-radius:20px;color:#0ba360;padding:var(--spacing-sm) var(--spacing-lg)}.rd-indicators{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--spacing-md)}.indicator-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #1f26871a,inset 0 0 0 1px #ffffff80;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-item:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.indicator-item:hover{border-color:#667eea4d;box-shadow:0 12px 24px #667eea33,inset 0 0 0 1px #ffffffb3;transform:translateY(-6px)}.indicator-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-sm)}.indicator-label{color:#64748b;font-size:.85rem;font-weight:600;line-height:1.4}.storage-monitoring{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:0}.warehouse-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 16px #1f26871a,inset 0 0 0 1px #ffffff80;overflow:hidden;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.warehouse-card:before{background:linear-gradient(90deg,#667eea,#00d2ff);border-radius:10px 10px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.warehouse-card:hover{border-color:#667eea4d;box-shadow:0 12px 24px #667eea26,inset 0 0 0 1px #ffffffb3;transform:translateY(-3px)}.warehouse-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:.75rem;font-weight:700;margin-bottom:.5rem;padding-top:.25rem}.warehouse-temp{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.temp-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d2ff,#667eea);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1}.temp-target{color:#64748b;font-size:.6875rem;font-weight:600}.warehouse-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;font-size:.6875rem;font-weight:700;padding:.375rem .625rem;text-align:center}.status-ok{background:linear-gradient(135deg,#0ba36026,#3cba9226);border:1px solid #0ba3604d;color:#0ba360}.status-warning{background:linear-gradient(135deg,#f59e0b26,#f5576c26);border:1px solid #f59e0b4d;color:#f59e0b}.status-alert{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid #ef44444d;color:#ef4444}.dashboard::-webkit-scrollbar{width:8px}.dashboard::-webkit-scrollbar-track{background:#667eea0d;border-radius:4px}.dashboard::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea4d,#764ba24d);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.dashboard::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eea80,#764ba280)}@media (max-width:1400px){.charts-grid{grid-template-columns:repeat(2,1fr)}.charts-grid-3col{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.main-content{margin-left:0}.sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.sidebar.open{transform:translateX(0)}.charts-grid,.charts-grid-3col,.charts-grid-4col,.charts-grid-asymmetric,.layout-main-sidebar,.layout-sidebar-main{gap:.875rem;grid-template-columns:1fr}.content-header{gap:.75rem;padding:1rem}.dashboard{padding:.75rem}.dashboard-section{margin-bottom:.75rem;padding:1rem}.storage-monitoring{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dashboard{padding:.5rem}.dashboard-section{margin-bottom:.5rem;padding:.75rem}.section-title{font-size:.875rem}.section-description{font-size:.75rem}.section-header{margin-bottom:.625rem;padding-bottom:.5rem}.charts-grid,.charts-grid-3col,.charts-grid-4col,.charts-grid-asymmetric,.layout-main-sidebar,.layout-sidebar-main{gap:.75rem;grid-template-columns:1fr}.storage-monitoring{gap:.5rem;grid-template-columns:1fr}.content-header{padding:.75rem}.kpi-grid,.rd-indicators{gap:.5rem;grid-template-columns:1fr}.section-header{flex-direction:column;gap:.5rem}.breadcrumb-home,.breadcrumb-separator{display:none}}@media (max-width:480px){.dashboard{padding:.375rem}.dashboard-section{margin-bottom:.375rem;padding:.5rem}.section-title{font-size:.8125rem}.section-description{font-size:.6875rem}.charts-grid,.charts-grid-3col,.charts-grid-4col{gap:.375rem}}