body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9}.sidebar{width:240px;background:#111827;color:#fff;height:100vh;position:fixed}.sidebar h2{padding:20px;font-size:18px;border-bottom:1px solid #374151}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:14px 20px;cursor:pointer}.sidebar li:hover,.sidebar li.active{background:#1f2937}.sidebar-role{padding:12px 20px;font-size:12px;color:#cbd5e1;border-bottom:1px solid #374151}.role-badge{font-weight:700;margin-bottom:10px}.role-buttons{display:flex;gap:6px;flex-wrap:wrap}.role-btn{padding:6px 10px;border-radius:8px;background:#334155;color:#fff;border:none;cursor:pointer}.role-btn:hover{background:#475569}.sidebar-wip{padding:14px 20px;border-bottom:1px solid #374151}.wip-title{font-size:12px;color:#93c5fd;margin-bottom:10px}.wip-list{font-size:12px;line-height:1.7;color:#e5e7eb}.wip-row{display:flex;justify-content:space-between}.sidebar-menu{margin:0}.main{margin-left:240px;padding:30px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px}.kpi{display:flex;gap:20px}.kpi-card{flex:1;background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d}.kpi-card h3{margin:0 0 8px;font-size:14px;color:#6b7280}.kpi-card p{margin:0;font-size:24px;font-weight:600}button{padding:10px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer}button:hover{background:#1d4ed8}.btn-success{background:#16a34a}.btn-success:hover{background:#15803d}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}input{padding:8px;margin:4px 0;width:100%;max-width:400px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}label{display:block;margin-top:10px;font-size:14px;color:#374151}.header{font-size:22px;font-weight:700;margin-bottom:20px}.pipeline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.step{font-size:12px;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#374151;border:1px solid #e5e7eb}.step.current{background:#2563eb;color:#fff;border-color:#2563eb}.step.done{background:#ecfeff;color:#065f46;border-color:#a7f3d0}.stepArrow{color:#9ca3af;font-size:12px}.miniNote{font-size:12px;color:#6b7280;margin:6px 0 0}.worker-pipeline-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pipeline-wrap{flex:1}.demo-step-switch{min-width:180px}.demo-label{font-size:12px;color:#6b7280;margin-bottom:6px}.step-buttons{display:flex;gap:6px;flex-wrap:wrap}.step-btn{padding:6px 10px;background:#334155!important}.step-btn:hover{background:#475569!important}.divider{border:none;border-top:1px solid #e5e7eb;margin:14px 0}.task-title{margin:0 0 6px}.task-sku{margin:0 0 12px;color:#374151}.task-body .task-actions{margin-top:12px;display:flex;gap:8px}.task-body .task-actions button+button{margin-left:8px}