:root{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-sidebar:#fff;--bg-input:#f8fafc;--bg-hover:#6366f10f;--bg-page:linear-gradient(135deg, #f0f4f8 0%, #e8edf5 100%);--accent-primary:#6366f1;--accent-primary-dim:#6366f11a;--accent-primary-light:#6366f10f;--accent-cyan:#0ea5e9;--accent-cyan-dim:#0ea5e91a;--accent-green:#10b981;--accent-green-dim:#10b9811a;--accent-orange:#f59e0b;--accent-orange-dim:#f59e0b1a;--accent-red:#ef4444;--accent-red-dim:#ef444414;--accent-purple:#8b5cf6;--accent-purple-dim:#8b5cf61a;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f61a;--accent-emerald:#059669;--accent-teal:#14b8a6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-focus:var(--accent-primary);--glass-bg:#ffffffd9;--glass-bg-light:#fff9;--glass-border:#e2e8f0cc;--glass-blur:blur(20px);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000f;--shadow-xl:0 20px 60px #0000001f;--shadow-card:0 1px 3px #0000000d, 0 0 0 1px #00000005;--shadow-card-hover:0 8px 25px #00000014, 0 2px 6px #0000000a;--shadow-glow-primary:0 0 20px #6366f140;--shadow-glow-cyan:0 0 20px #0ea5e933;--shadow-glow-green:0 0 20px #10b98133;--shadow-glow-orange:0 0 20px #f59e0b33;--shadow-glow-red:0 0 20px #ef444433;--shadow-glow-purple:0 0 20px #8b5cf633;--shadow-sidebar:4px 0 24px #0000000a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:272px;--sidebar-collapsed-width:76px;--header-height:68px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-purple)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.main-area{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-content{padding:var(--space-lg);flex:1;overflow:hidden auto}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px}.login-page:after{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-50px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-2xl);z-index:1;background:#fffffff2;width:420px;max-width:90%;animation:.5s scaleIn;position:relative}.login-logo{text-align:center;margin-bottom:var(--space-xl)}.login-logo-icon{border-radius:var(--radius-lg);color:#fff;width:64px;height:64px;margin-bottom:var(--space-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;font-size:22px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #6366f159}.login-logo h1{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.2}.login-logo h1 span{color:var(--accent-primary)}.login-logo p{color:var(--text-muted);margin-top:4px;font-size:13px}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.login-form .form-group{position:relative}.login-form .form-input-icon{color:var(--text-muted);width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-form .form-input{border-radius:var(--radius-md);width:100%;height:48px;padding-left:42px;font-size:14px}.login-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;height:48px;transition:all var(--transition-fast);font-size:15px;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;box-shadow:0 4px 14px #6366f159}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{background:var(--accent-red-dim);color:var(--accent-red);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:center;font-size:13px;font-weight:500;animation:.2s slideUp}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);height:100vh;transition:width var(--transition-base), min-width var(--transition-base);z-index:50;box-shadow:var(--shadow-sidebar);flex-direction:column;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar-brand{padding:var(--space-lg);align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-light);min-height:76px;display:flex}.sidebar-brand-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 12px #6366f14d}.sidebar-brand-text{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.sidebar-brand-text h2{color:var(--text-primary);font-size:15px;font-weight:800;line-height:1.2}.sidebar-brand-text h2 span{color:var(--accent-primary)}.sidebar-brand-text p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:600}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .sidebar-link .notification-count{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar-nav{padding:var(--space-md) var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:var(--space-md) var(--space-md) var(--space-xs);white-space:nowrap;font-size:10px;font-weight:700}.sidebar-link{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--bg-hover);color:var(--accent-primary)}.sidebar-link.active{background:var(--accent-primary-dim);color:var(--accent-primary);font-weight:600}.sidebar-link.active:before{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--accent-primary);width:3px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-link .notification-count{background:var(--accent-red);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.4}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-light)}.sidebar-user{align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:11px}.sidebar-toggle{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-family:var(--font-family);margin-top:var(--space-sm);background:0 0;display:flex}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--accent-primary)}.header{height:var(--header-height);min-height:var(--header-height);padding:0 var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:var(--space-lg);display:flex}.header-breadcrumb{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:13px;display:flex}.header-breadcrumb svg{width:14px;height:14px}.header-breadcrumb span:last-child{color:var(--text-primary);font-weight:600}.header-right{align-items:center;gap:var(--space-sm);display:flex}.search-input-wrapper{position:relative}.search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);width:240px;transition:all var(--transition-fast);font-size:13px;font-family:var(--font-family);outline:none;padding:9px 16px 9px 38px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-dim);width:300px}.search-input-icon{color:var(--text-muted);width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background:var(--bg-hover);color:var(--accent-primary);border-color:var(--accent-primary)}.notification-badge{border-radius:var(--radius-full);background:var(--accent-red);color:#fff;border:2px solid var(--bg-secondary);justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.ai-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;display:flex}.ai-status.connected{background:var(--accent-green-dim);color:var(--accent-green)}.ai-status.disconnected{background:var(--accent-red-dim);color:var(--accent-red)}.ai-status-dot{border-radius:var(--radius-full);width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}.ai-status.connected .ai-status-dot{background:var(--accent-green)}.ai-status.disconnected .ai-status-dot{background:var(--accent-red)}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.page-title{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.page-actions{gap:var(--space-sm);align-items:center;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.card-header-title{color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:14px;font-weight:700;display:flex}.card-header-title svg{color:var(--accent-primary);width:18px;height:18px}.card-body{padding:var(--space-lg)}.card-body.no-padding{padding:0}.kpi-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--kpi-color,var(--accent-primary)), transparent);height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.kpi-card.primary{--kpi-color:var(--accent-primary)}.kpi-card.cyan{--kpi-color:var(--accent-cyan)}.kpi-card.green{--kpi-color:var(--accent-green)}.kpi-card.orange{--kpi-color:var(--accent-orange)}.kpi-card.red{--kpi-color:var(--accent-red)}.kpi-card.purple{--kpi-color:var(--accent-purple)}.kpi-card.blue{--kpi-color:var(--accent-blue)}.kpi-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.kpi-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-card.primary .kpi-icon{background:var(--accent-primary-dim);color:var(--accent-primary)}.kpi-card.cyan .kpi-icon{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.kpi-card.green .kpi-icon{background:var(--accent-green-dim);color:var(--accent-green)}.kpi-card.orange .kpi-icon{background:var(--accent-orange-dim);color:var(--accent-orange)}.kpi-card.red .kpi-icon{background:var(--accent-red-dim);color:var(--accent-red)}.kpi-card.purple .kpi-icon{background:var(--accent-purple-dim);color:var(--accent-purple)}.kpi-card.blue .kpi-icon{background:var(--accent-blue-dim);color:var(--accent-blue)}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.kpi-value{color:var(--text-primary);margin-bottom:6px;font-size:30px;font-weight:800;line-height:1}.kpi-unit{color:var(--text-secondary);font-size:14px;font-weight:500}.kpi-trend{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.kpi-trend.up{background:var(--accent-green-dim);color:var(--accent-green)}.kpi-trend.down{background:var(--accent-red-dim);color:var(--accent-red)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:600;font-family:var(--font-family);white-space:nowrap;border:1px solid #0000;padding:10px 20px;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#0000;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-glow-green);transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#f87171)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-glow-red);transform:translateY(-1px)}.btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.btn-ghost{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-primary);border-color:var(--accent-primary)}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:12px 28px;font-size:15px}.btn-icon{width:36px;height:36px;padding:0}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--accent-green-dim);color:var(--accent-green)}.badge-warning{background:var(--accent-orange-dim);color:var(--accent-orange)}.badge-danger{background:var(--accent-red-dim);color:var(--accent-red)}.badge-info{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.badge-purple{background:var(--accent-purple-dim);color:var(--accent-purple)}.badge-blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.badge-primary{background:var(--accent-primary-dim);color:var(--accent-primary)}.badge-neutral{color:var(--text-secondary);background:#94a3b81f}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.active{background:var(--accent-green);box-shadow:0 0 8px #10b98180}.status-dot.idle{background:var(--accent-orange)}.status-dot.error{background:var(--accent-red);animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #ef444480}.status-dot.maintenance{background:var(--accent-blue)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead{z-index:5;position:sticky;top:0}.data-table th{background:var(--bg-input);padding:12px var(--space-md);text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:2px solid var(--border-color);white-space:nowrap;font-size:11px;font-weight:700}.data-table td{padding:14px var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--accent-primary-light)}.data-table tbody tr:last-child td{border-bottom:none}.table-cell-primary{color:var(--text-primary);font-weight:600}.table-actions{gap:var(--space-xs);justify-content:flex-end;display:flex}.table-empty{text-align:center;color:var(--text-muted);padding:var(--space-2xl)!important}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font-family);transition:all var(--transition-fast);outline:none;padding:11px 14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-dim)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-textarea{resize:vertical;min-height:80px}.form-row{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:90%;max-width:560px;max-height:85vh;animation:.25s scaleIn;display:flex}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:17px;font-weight:700}.modal-body{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-light);justify-content:flex-end;gap:var(--space-sm);display:flex}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.chart-container{width:100%;height:100%;min-height:260px}.gantt-container{border-radius:var(--radius-md);overflow:auto}.gantt-scroll{min-width:1200px}.gantt-header{border-bottom:2px solid var(--border-color);background:var(--bg-input);z-index:10;display:flex;position:sticky;top:0}.gantt-resource-header{width:220px;min-width:220px;padding:var(--space-md);border-right:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.gantt-timeline-header{flex:1;display:flex}.gantt-time-slot{padding:var(--space-sm) 2px;text-align:center;color:var(--text-muted);border-right:1px solid var(--border-light);flex:1;font-size:10px;font-weight:600}.gantt-row{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);min-height:56px;display:flex}.gantt-row:hover{background:var(--accent-primary-light)}.gantt-resource{width:220px;min-width:220px;padding:var(--space-md);border-right:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-card);z-index:5;align-items:center;font-size:13px;font-weight:600;display:flex;position:sticky;left:0}.gantt-timeline{background-image:repeating-linear-gradient(to right, var(--border-light) 0px, var(--border-light) 1px, transparent 1px, transparent calc(100% / 24));flex:1;position:relative}.gantt-bar{border-radius:var(--radius-sm);color:#fff;cursor:pointer;height:calc(100% - 12px);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;min-width:24px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:6px;overflow:hidden}.gantt-bar:hover{filter:brightness(1.1);z-index:10;box-shadow:var(--shadow-md);transform:scaleY(1.08)}.gantt-bar-label{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.gantt-bar-sub{opacity:.9;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.gantt-bar.green{background:linear-gradient(135deg,#10b981,#059669)}.gantt-bar.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.gantt-bar.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.gantt-bar.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.gantt-bar.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.gantt-bar.cyan{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.gantt-bar.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.ai-chat-container{flex-direction:column;height:100%;min-height:400px;display:flex}.ai-chat-messages{padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-message{max-width:85%;padding:var(--space-md);border-radius:var(--radius-lg);font-size:13px;line-height:1.7;animation:.3s slideUp}.ai-message.user{color:#fff;border-bottom-right-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f1,#818cf8);align-self:flex-end}.ai-message.assistant{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.ai-message.assistant strong{color:var(--text-primary)}.ai-input-area{padding:var(--space-md);border-top:1px solid var(--border-light);gap:var(--space-sm);display:flex}.ai-input{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:13px;font-family:var(--font-family);transition:border-color var(--transition-fast);outline:none;flex:1;padding:10px 18px}.ai-input:focus{border-color:var(--accent-primary)}.ai-input::placeholder{color:var(--text-muted)}.warehouse-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.warehouse-cell{aspect-ratio:1;border-radius:var(--radius-md);border:1.5px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.warehouse-cell:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.warehouse-cell.empty{background:var(--bg-input);color:var(--text-muted)}.warehouse-cell.low{background:var(--accent-red-dim);color:var(--accent-red);border-color:#ef444440}.warehouse-cell.medium{background:var(--accent-orange-dim);color:var(--accent-orange);border-color:#f59e0b40}.warehouse-cell.high{background:var(--accent-green-dim);color:var(--accent-green);border-color:#10b98140}.warehouse-cell.full{background:var(--accent-primary-dim);color:var(--accent-primary);border-color:#6366f140}.warehouse-cell-label{font-size:13px;font-weight:700}.warehouse-cell-pct{margin-top:2px;font-size:10px}.machine-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.machine-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.machine-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.machine-card.running{border-color:#10b9814d}.machine-card.running:before{background:linear-gradient(90deg, var(--accent-green), transparent)}.machine-card.stopped{border-color:#ef44444d}.machine-card.stopped:before{background:linear-gradient(90deg, var(--accent-red), transparent)}.machine-card.idle-machine{border-color:#f59e0b4d}.machine-card.idle-machine:before{background:linear-gradient(90deg, var(--accent-orange), transparent)}.machine-card.maintenance-mode{border-color:#3b82f64d}.machine-card.maintenance-mode:before{background:linear-gradient(90deg, var(--accent-blue), transparent)}.machine-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.machine-card-name{color:var(--text-primary);font-size:15px;font-weight:700}.machine-card-type{color:var(--text-muted);margin-top:2px;font-size:11px}.machine-stats{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.machine-stat{text-align:center;padding:var(--space-sm) var(--space-xs);background:var(--bg-input);border-radius:var(--radius-md)}.machine-stat-value{color:var(--text-primary);font-size:16px;font-weight:700}.machine-stat-label{color:var(--text-muted);margin-top:2px;font-size:10px}.progress-bar-container{background:var(--border-light);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar.primary{background:linear-gradient(90deg,#6366f1,#818cf8)}.progress-bar.cyan{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.progress-bar.green{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar.orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar.red{background:linear-gradient(90deg,#ef4444,#f87171)}.tabs{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:2px;padding:4px;display:flex}.tab{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;padding:8px 18px}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.activity-feed{flex-direction:column;gap:1px;display:flex}.activity-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);transition:background var(--transition-fast);border-radius:var(--radius-sm);display:flex}.activity-item:hover{background:var(--accent-primary-light)}.activity-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-content{flex:1}.activity-text{color:var(--text-secondary);font-size:13px;line-height:1.4}.activity-text strong{color:var(--text-primary)}.activity-time{color:var(--text-muted);margin-top:2px;font-size:11px}.mrp-timeline{gap:var(--space-sm);padding:var(--space-md) 0;display:flex;overflow-x:auto}.mrp-week{min-width:120px;padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;flex-shrink:0}.mrp-week-title{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.mrp-week-value{color:var(--text-primary);margin-top:4px;font-size:18px;font-weight:700}.mrp-flow{align-items:center;gap:var(--space-md);padding:var(--space-lg);flex-wrap:wrap;display:flex}.mrp-flow-step{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;min-width:140px;transition:all var(--transition-base);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.mrp-flow-step:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.mrp-flow-step.active{border-color:var(--accent-primary);background:var(--accent-primary-light)}.mrp-flow-arrow{color:var(--text-muted);font-size:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.4s fadeIn}.animate-slide-up{animation:.4s slideUp}.animate-slide-in{animation:.4s slideIn}.animate-spin{animation:1s linear infinite spin}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--bg-input) 0%, var(--border-light) 50%, var(--bg-input) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=1200px){.grid-4,.grid-3,.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2,.kpi-grid{grid-template-columns:1fr}.sidebar{display:none}.page-content{padding:var(--space-md)}.page-header{gap:var(--space-md);flex-direction:column}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary-accent{color:var(--accent-primary)}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green)}.text-orange{color:var(--accent-orange)}.text-red{color:var(--accent-red)}.font-bold{font-weight:700}.font-mono{font-family:SF Mono,Fira Code,monospace}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-1{flex:1}.overflow-auto{overflow:auto}